プロトタイプ

Axureチュートリアル：リピーターを使用してモバイル日付ピッカーとモバイルカレンダーを作成する



Axure Tutorial Use Repeater Make Mobile Date Picker



この記事では、リピーターがモバイルカレンダーを作成する際の手順と注意点を注意深く紹介します。それがあなたに刺激を与えることを願っています。



今日は、リピーターを使ってモバイルカレンダーを作成する方法を紹介します。試作品は使いやすく、直接使用でき、インタラクションも充実しているので、どなたにもお勧めします。この号には多くの数式があります。一部の友人はそれを理解していないかもしれません。プロトタイプが好きな人や質問がある人は、下のコメントセクションにメッセージを残してください。

プロトタイプのプレビューとダウンロードアドレス： https://axhub.im/ax9/e4f2832e83281a58



01エフェクトデモンストレーション

1.モバイルカレンダー

1.1マウスを上下左右にスライドさせる効果



ここでの電話の本当の効果は常にありました。また、カレンダーはすべて標準のカレンダーであり、問​​題はなく、ネットワークを構築する必要もありません。

1。2日付を選択する

1.3今日選ぶ

2.日付ピッカーをスワイプします

02プロダクションティーチング

1.モバイルカレンダー

まず、このページを実行する必要があります

リピーターを使用します。リピーターにはcolumn0とxuanzhongの2つの列のみが必要です。

6 * 7日= 42であるため、42行がリピーターに追加されます。一部の生徒は先生に尋ねる場合がありますが、5行では不十分ですか？下の写真を見ると、なぜ6本の線があるのか​​がわかります。

リピーターグリッドは分散されており、各行のアイテム数は7であり、テーブルグリッドに入力する必要はなく、ロジック処理にのみ使用されます。

以下のロジックについて簡単に説明しましょう。特定の年の月の最初の曜日を見つけて、リピーターボックスを1を表示するように設定し、2、3、4 ...を押して続行する必要があります。ここで注意しなければならないのは、1、3、5、7、8、10、12月は31日、4月、6月、9月、11月は30日、28日または29日は2月。

単純なものを扱いましょう

now関数を使用して現在の日付を取得してから、get.date関数を使用して今日の日付を取得し、今日から数値1までの日数を計算します。たとえば、今日は2019年5月22日です。 2019年5月1日までの距離-21日後、add関数[[Now.addDays（days）]]を使用します。（days）は経過日数であり、上記の場合は-21であり、次にget.day関数を使用すると、曜日を取得できます。日曜日の場合、get.dayの値は0で、月曜日は1 ...であることに注意してください。この場合、get.dayの値は5です。

次に、リピーターのシリアル番号がget.dayの値以下の場合、シリアル番号がgetより大きい場合は、テキストを空（つまり、リピーターの最初の5行が空）に設定します。 day + 31の場合、テキストも空に設定されているため、ここで状況を分割する必要があります。1、3、5、7、8、10、または12月の場合は31であり、これは日付であることを意味します。翌月の。 4月、6月、9月、11月の場合は30日、2月は28日または29日で、28日か29日かを判断する方法。year/ 4を使用します。結果に小数点が含まれている場合は28日、小数点が含まれていない場合は29日です。その他の場合、リピーターのテキスト=シリアル番号-get.dayの値

上記は現在の月を計算するためのものなので、他の月を計算する方法、add.month関数を使用し、add.year関数を使用して年を計算する方法。マウスを左にドラッグしたら、add.month + 1を押して、上記の操作を繰り返します。同じことが年の見方にも当てはまります。左にドラッグする場合は、add.year + 1を押して、上記の操作を繰り返します。

次に、右スワイプは実際には-1です。

次に、xuanzhongは、マウスをクリックすると、選択した色が表示されます。入力を開始すると、デフォルトで行を更新して、今日の日付が選択されるようにすることができます。

上記は、モバイルカレンダーを作成するためのチュートリアルです。

その場合、日付スライディングセレクターの作成は、前号で説明したリージョンセレクターの作成方法と基本的に同じです。興味のある友達は私の前の記事を振り返ることができます Axureチュートリアル：モバイル用リージョンセレクターのプロトタイプ

今回の共有はここで終了します。

この号には多くの数式があります。一部の友人はそれを理解していないかもしれません。プロトタイプが好きな人や質問がある人は、下のコメントセクションにメッセージを残してください。