白鷺学習日記---第27枚（本のセクション9.18.4〜9.18.6コンテンツ）

第二十七ピース（9.18.4 - 9.18.6ブックセクション）

　　グッド！セクション9.18.4を始めます。

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　フォーカス（昨日、その後焦点を当て、それは4の焦点です）：

　　　　図4に示すように、データソースリストコンポーネント。

　　　　図5に示すように、コードを介して、提供されたリストの成分は、皮膚を結合します。

　　　　図6に示すように、垂直レイアウトリストコンポーネント、グリッドレイアウト。

　　操作：

　　　　図4に示すように、データソースリストコンポーネント。

　　　　　　文字列の最初の、共通のアレイ。

　　　　　　

　　　　　　第二、配列オブジェクトフォーム。言葉のこの形式は、指定された皮膚を一致させます。

　　　　　　

　　　　　　第三に、カスタムクラスのプレゼンテーション。

　　　　　　

　　　　図5に示すように、コードを介して、提供されたリストの成分は、皮膚を結合します。

　　　　　　最初のステップ：

　　　　　　　　レディ材料。

　　　　　　　　

　　　　　　　　ArmorItemRenderSkin.exmlファイルを作成します。

　　　　　　　　

　　　　　　　　データソースのフィールドを設定します。

　　　　　　　　

　　　　　　ステップ2：

　　　　　　　　クラスの関連付けを作成します。

　　　　　　　　

　　　　　　第三段階：

　　　　　　　　ScrollerAndListクラスの前に行われた変更は、外部から提供されたデータをみましょう。

　　　　　　　　

 　　　　　　ステップ4：

　　　　　　　　データ項目のクラスを作成します。

　　　　　　　　

　　　　　　ステップ5：

　　　　　　　　ScrollerAndListクラスを開始し、データソースとArmorItemRenderスキンを設定します。

　　　　　　　　

　　　　　　　　効果を確認するために実行します。

　　　　　　　　

　　　　図6に示すように、垂直レイアウトリストコンポーネント、グリッドレイアウト。

　　　　　　まず、垂直レイアウト

　　　　　　　　layout.gap = 15。

　　　　　　　　各項目の垂直間隔15。

　　　　　　　　

　　　　　　　　layout.horizo​​ntalAlign = eui.JustifyAlign.JUSTIFY。

　　　　　　　　各適応の幅の両端。　　

　　　　　　　　

　　　　　　第二に、グリッドレイアウト。

　　　　　　　　layout.requestedColumnCount = 3。 

　　　　　　　　引当金は、3つだけの最大を持つことができます

　　　　　　　　

　　　　　　　　layout.columnAlign = eui.ColumnAlign.JUSTIFY_USING_WIDTH

　　　　　　　　各列の平均幅だから。

　　　　　　　　

　　この時点で、エンドセクション9.18の内容。

 

　　コール〜Listコンポーネントは、非常に長いです。

　　今天我弄了半天了，发现EXML文件里，像是 Label组件的text属性啊，按钮的Label属性啊，Image组件的source属性啊，不能动态的设置。

　　如果可以动态的设置的话，我就可以在后期自定义类里，随便设置什么{data.xxx}的了。

　　Egret好像不允许这样，反正如果要用到数据源字段的话。就要在EXML文件里，提前写好 Label组件的text属性，比如{data.name}什么的。

　　好了，今天就到这里吧。