各画像は比較的小さくなりますので、実際のケースでは、多くの場合、原因画像の比較的大きな数にピクチャリストが、リストを表示するために必要とされます。その後、我々は大きな絵のこの絵を表示するためには画像をクリックすることができるよう、機能を必要とし、今日このプレビューを実現する方法IVX何です。
1.画像一覧
画像一覧デモが循環しているコンポーネントは、リソースは、オブジェクトの配列に格納された画像は、容器内の画像成分は既に画像リソースにおける現在のデータのためにバインドされた、作成しました。親コンテナが開かれ、行の折り返し、各ラインは、二つの絵を示しています。
2.小さなマップや大型マップ
上では、小さなマップを作成するためのループの外で、私たちは大きな画像をクリックした後、画像を表示するために大規模なコンポーネントを使用する必要があります。大きな画像を配置するためにここにバナー。（バナー内部PXバナーアイコンの2種類がありますが、絶対的な位置で、内部％のバナーアイコンは、相対的な位置である）
クリックイベントのサムネイルを追加します。あなたは、サムネイルをクリックすると、我々は拡大したアドレスの小さなマップにバナー画像をプレビュー表示し、画像リソースの割り当てをさせ、その後、マスク層のバナーも表示されてみましょう。
実際には、そこにコンポーネント自体バナーバナー効果であり、その効果は、不透明なマスク層です。私たちは、しようとする色を選択することができます
ので、ここでは100％の幅と高さが画面いっぱいに設定、バナーを使用して別のマスク層であり、その後、彼らのニーズに応じて適切な透明度と色を設定します。
ここでは階層がトップ画像プレビューのバナーとバナーモンゴル層である、一番下の行は、ピクチャリストです。2つのバナーは、オフオブジェクトツリーコンポーネントで目のアイコンの前にポイントを隠さされ始めています。
最後に、ときに我々は、ピクチャリストを返す方法の全体像を開くことがポイント。彼らはクリックイベントに追加しますので、この時点で我々は、モンゴル地域のみの画像やバナーこれら二つの層に、画面上でクリックすることができ、2つの動きは再非表示されているバナーと再充電スケーリングが変数です。
3.大きなズームマウスホイールの
大きな画像は今、データバインディング、242幅パターンの初期値、ズーム比の値が2である、図の初期大きい幅484です。我々は変更される大きな画像の幅の変数の1つを変更する場合でも、ここでは、変更内容をスケーリングしています。
我々は、フロントデスクによるマウスホイールのスクロールアクションに取得することができます。ホイール下落、スケーリングマイナス0.1は、車輪のスリップ、低減し、プラス0.1スケール、ズーム画像拡大します。なお、この条件は減少し、拡大行わ二つの境界の処理によって決定されることに留意されたいです。大きい常に適切な範囲内の幅と高さの値のズーム比の範囲を制御することによって制御されます。
4.まとめ
熟練論理とクリアケースを用いる2つのツールがあり、所望の場合を達成します。IVXに泊まったが、ドキュメントを見て、より多くの研究を必要とする、より重要なのは、より多くの手をしようとすることです。ケースロジックは>>>大きな画像を作るためにイベントを追加するには、サムネイルをクリックして、表示パネル用>>>私たちはオブジェクトの配列を作成するために、循環中に、そのようなこの場合のように、よく、彼らが何をしたいのか、画像リソースを設計段階のすべてのステップを知っていなければならないということです>>> >>>ローラーによって隠された大きな絵を作るためにクリックイベントを追加し、幅と高さを拡大し、大きな画像を変更示しています。唯一の自分のケースに何をすべきかを明確に理解することが、我々はそれを達成するためのステップバイステップすることができます。