【转&自己敲】【ToggleButtonBar中Icon在上文字在下】

需求是 一个横排的菜单项，icon在上，文字在icon下方。

so，网上搜了把，还真有~~~这大约应该是几百年前的需求了。。没有就怪了。。


这是博文原地址~~~
http://gednickson.wordpress.com/2010/01/23/placing-icons-inside-a-togglebuttonbar/


老内是把图放上来了，我发扬了一下前人种树后人乘凉的精神，把敲完di代码粘贴上来。。。

package com.quicknav.custom
{
	import mx.controls.Button;
	import mx.controls.ToggleButtonBar;
	import mx.core.IFlexDisplayObject;

	public class IconToggleButtonBar extends ToggleButtonBar
	{
		[Inspectable(enumberation="left,right,top,bottom",default="left")]
		public var labelPlacement:String = "left";

		override protected function createNavItem(label:String, icon:Class=null):IFlexDisplayObject{
			var b:Button = Button(super.createNavItem(label,icon));
			b.labelPlacement = labelPlacement;
			return b;
		}
	}
}

在引用的时候记得设置

labelPlacement="bottom"

最后放上我的成品~~~
[img]http://dl.iteye.com/upload/attachment/428130/a6148cc1-facf-3b7b-95d8-008735fcb6c4.png[/img]

ok...收工.....