ページへ戻る
印刷
Starling+FeathersのGroupedList
をテンプレートにして作成 ::
NJF Wiki
xpwiki
:Starling+FeathersのGroupedList をテンプレートにして作成
開始行:
GrroupListはリストが項目別にグループ化された物。
使い方はかなりの部分通常のListと同じなので、まず[[Staring...
異なるのはまずデータの指定方法がHierarchicalCollectionで...
var groceryList:HierarchicalCollection = new Hierarchica...
[
{
header: { label: "Dairy" },
children:
[
{ label: "Milk" },
{ label: "Cheese" },
]
},
{
header: { label: "Bakery" },
children:
[
{ label: "Bread"},
]
},
{
header: { label: "Produce" },
children:
[
{ label: "Bananas"},
{ label: "Lettuce"},
{ label: "Onion"},
]
},
]);
list.dataProvider = groceryList;
次にグループヘッダーの書式の指定方法。
list.headerRendererFactory = function():IGroupedListHead...
var renderer:DefaultGroupedListHeaderOrFooterRenderer =...
renderer.backgroundSkin = new Quad(StarlingWrapper.STAG...
renderer.contentLabelFactory = function():ITextRenderer {
var tftr:TextFieldTextRenderer = new TextFieldTextRend...
tftr.textFormat = new TextFormat("_sans", 28);
return tftr;
}
return renderer;
}
あとはListとほぼ同じ。
終了行:
GrroupListはリストが項目別にグループ化された物。
使い方はかなりの部分通常のListと同じなので、まず[[Staring...
異なるのはまずデータの指定方法がHierarchicalCollectionで...
var groceryList:HierarchicalCollection = new Hierarchica...
[
{
header: { label: "Dairy" },
children:
[
{ label: "Milk" },
{ label: "Cheese" },
]
},
{
header: { label: "Bakery" },
children:
[
{ label: "Bread"},
]
},
{
header: { label: "Produce" },
children:
[
{ label: "Bananas"},
{ label: "Lettuce"},
{ label: "Onion"},
]
},
]);
list.dataProvider = groceryList;
次にグループヘッダーの書式の指定方法。
list.headerRendererFactory = function():IGroupedListHead...
var renderer:DefaultGroupedListHeaderOrFooterRenderer =...
renderer.backgroundSkin = new Quad(StarlingWrapper.STAG...
renderer.contentLabelFactory = function():ITextRenderer {
var tftr:TextFieldTextRenderer = new TextFieldTextRend...
tftr.textFormat = new TextFormat("_sans", 28);
return tftr;
}
return renderer;
}
あとはListとほぼ同じ。
ページ名: