の効果を示す自家製カルーセルページでIVXの経験

最近、学習プロセスのIVXにすでにパッケージ化コンポーネントを拡張するコンポーネントの多くを使用し、これらの例の機能部品が頻繁に使用されている、それは非常に簡単に使用することでもあります。今日は自家製カルーセルマップ、それのデモへの最初のケーススタディを所有する方法であるので、しかし、彼らは、受信したスタイルを変更するための良いパッケージ後に多少、制限されています。

1.アレイのリソースを表示する画像を保持するために
、写真を見せカルーセル図を持っているのが自然であることから、このデモは、それが配列に絵を入れていません。そして、数値型変数を追加-現在の数は、彼が現在のショーの代表である絵の4枚の絵のどれ。
ここに画像を挿入説明

前記画像表示部
と画像表示、画像の中間アセンブリの一部、左と右の表示アイコンは、画像を切り替えるために使用されます。
ここに画像を挿入説明
アドレスデータリソース要素のピクチャは、一つの要素の一次元アレイを結合し、そしてこの要素が変更される可変数の現在の値によって変化します。0 0、1は、現在のシーケンス番号が0に等しいような、表示される画像成分が最初のピクチャにシーケンス番号0の配列であると起動4つのピクチャ番号の1次元アレイがあります。
ここに画像を挿入説明
3.画像カルーセル
デモでは、達成するために、左と右の矢印の絵カルーセルです。次の画像の配列が表示されます、現在の番号+右矢印をクリックします。あなたが表示されたときに第四の現在数の画像がすでに3で、右矢印1は4になります]をクリックし、今回は4の1次元配列を注文していなかったので、ここでは、国境に対処するために注意を払う必要があります我々はゼロに現在の数リセットをかけるように、第五の画像要素は、ショー(数字の配列は、0と0,1,2···N-1を開始するために、ゼロからスタートするので、ときに、要素数はn nは境界の数に等しい)を決定することができます。
左矢印イベントが同じ理由で、そのような数最初の画像となる0 -1 -1、表示するときのように前の画像の配列を示す、現在の数マイナス1回クリックしました我々は再番号の最後の映像ショーの数に設定する必要があること。現在の数になるだけ0,1,2,3だから。これら四つの値を切り替えます。
ここに画像を挿入説明
前記改善された画像カルーセル部品-一次元アレイ未知におけるピクチャの数
の使用シナリオがあり得る実際の場合ため、配列は、データベースから画像を得ることで、ピクチャの数も加算または減算され、それは、直接書き込み境界処理ロジック書き込まれた値に固定されていません。例えば、アレイと画像を追加し、その後、以前の言葉遣いはまだのみ、最初の4枚の画像が表示されます、境界線治療は問題がある押します。(実際には、要素数が4デモの配列に見出すことができる友人である)一次元アレイに次のパターン、要素4の数を変更することができます。
ここに画像を挿入説明
5.改良された画像カルーセルパーツ-自動再生
画像カルーセルでこのデモでは、アイコンをクリックすることで行われますが、私は怠け者と自己意志だが、私は彼の自動1の下でプレーしたいポイントにしたくありません。ここでは、トリガーで達成され、また、方法です。線の内側トリガーを追加します。
ここに画像を挿入説明
トリガープロパティパネル4があり、トリガー回数をトリガすることができ演劇の数は、時間間隔が隣接する二つのトリガ間の時間間隔があり、プレイ回数まで、彼自身が別の後にトリガー1に始まったトリガを開いて自動再生かあなたはアニメーションが最適化パフォーマンスの最適化に属し、彼は一時停止してみましょう。
ここに画像を挿入説明
ここでは、トリガーにイベントを追加し、右矢印をクリックし、その上にイベントをコピーすることです。1秒の時間間隔を設定したトリガ自動再生を回し、その後、現在の数は、1秒ごとにカルーセルは、当然、次の画像を再生するには1秒毎にある+1となります。
ここに画像を挿入説明
ここに画像を挿入説明
前記インジケータ部
デモアセンブリインジケータ達成される4本の線を使用して、各行の色は、データバインディング行われます。ここで使用される三元表現は、現在の番号が後者は#E6E9F5(カラーコード)が設定されている場合、背景色#5FA2DDの前に設定されている2に等しいです。結合ような後、例えば、唯一の現在の行数が0である背景色と真の三元表現が青色である、組立ラインと他の三つの三元表現は灰色表示の後ろに、偽です。
ここに画像を挿入説明
ここに画像を挿入説明
7.インジケータ部分の改善が
インジケータの最初のデモを達成するために、空行であるが、それが分割線に置き換えることができるようにも空行は、コード内で完全なオブジェクトを作成し、リソースの多くを費やすことになりますコンポーネント。人々は、スタイルのための彼らの要求ならば、また写真やアイコンを用いて達成することができます。
ここに画像を挿入説明
そこ4枚の画像のデモが固定されている、と我々は指標の対応する数の画像を作成するためのループを作成することができますので、実際に映像で使用される数は、不確実である可能性があります。これは、作成されたエッセイの投稿を話すために参照することができるだけのポインタを作成し、現在の第1号紫サイクルから固定値にいくつかの指標の最初のサイクルのこの部分で作成作成されます。
ここに画像を挿入説明
ここに画像を挿入説明
8.おわり
IVX機能は、我々だけで、これらのコンポーネントの組み合わせどのように我々を見て、効果の多くを達成するためにそれを使用することができ、非常に強力なだけでなく、非常にデリケートなコンポーネントパッケージです。次にケースのために、私たちの心と論理的思考が特に重要です。これらにより、我々はそれが徐々に蓄積され、実際に、私たちは資源の浪費を避けるため、ケースの複雑さを軽減したい場合に組み立て右のコンポーネントを選択するために行くことができます。

おすすめ

転載: blog.51cto.com/14556317/2477275