自定义渲染器和主题的问题

最新推荐文章于 2023-02-09 16:54:44 发布

eminia

最新推荐文章于 2023-02-09 16:54:44 发布

阅读量1.1k

点赞数

分类专栏： AS之常用

AS之常用专栏收录该内容

29 篇文章 0 订阅

订阅专栏

自定义渲染器和主题的问题

[ENGLISH]Problem With custon List ItemRenderer and theme

[原文]http://forum.starling-framework.org/topic/problem-with-custom-list-itemrenderer-and-theme

开始

要做自定义列表项渲染主题，

比如，用MetalWorksMobile主题，TileList例子

现在，我想自定义背景，和自定义标签

override protected function initialize():void
{
	const collection:ListCollection = new ListCollection(
	[
		{ label2: "Videos", texture: this._iconAtlas.getTexture("projector"), event: SHOW_VIEW_VIDEO},
		{ label2: "Search", texture: this._iconAtlas.getTexture("search"), event: SHOW_VIEW_SEARCH },
		{ label2: "Options", texture: this._iconAtlas.getTexture("setting"), event: SHOW_VIEW_OPTIONS },
		{ label2: "Help", texture: this._iconAtlas.getTexture("help"), event: SHOW_VIEW_HELP },
		{ label2: "About very long", texture: this._iconAtlas.getTexture("about"), event: SHOW_VIEW_ABOUT },
 
	]);
 
	const listLayout:TiledRowsLayout = new TiledRowsLayout();
	listLayout.paging = TiledRowsLayout.PAGING_HORIZONTAL;
	listLayout.useSquareTiles = false;
	listLayout.tileHorizontalAlign = TiledRowsLayout.TILE_HORIZONTAL_ALIGN_CENTER;
	listLayout.horizontalAlign = TiledRowsLayout.HORIZONTAL_ALIGN_CENTER;
 
	_list = new List();
	_list.backgroundSkin = new Quad(100, 100, 0xCCCCCC);
	_list.dataProvider = collection;
	_list.layout = listLayout;
 
	_list.itemRendererFactory = tileListItemRendererFactory;
	this.addChild(_list);
}			
 
protected function tileListItemRendererFactory():IListItemRenderer
{
	const renderer:DefaultListItemRenderer = new DefaultListItemRenderer();
	renderer.labelField = "label2";
	renderer.iconTextureField = "texture";
	renderer.iconPosition = Button.ICON_POSITION_TOP;
	renderer.horizontalAlign = Button.HORIZONTAL_ALIGN_CENTER;
	renderer.defaultLabelProperties.textFormat = new BitmapFontTextFormat(_font, NaN, 0xff0000);
 
	var defSkin:Image = new Image(_iconAtlas.getTexture("projector"));
	renderer.defaultSkin = defSkin;
	renderer.defaultSelectedSkin = defSkin;
 
	renderer.defaultLabelProperties.textFormat = new BitmapFontTextFormat(_font, NaN, 0xff0000);
	return renderer;
}