Flex4 Spark组件ButtonBar设置图片

gznz12345

　　Adobe Flash Builder 4 简体中文正式版 Windows版点击下载:http://g.csdn.net/5134151
　　Adobe Flash Builder 4 简体中文正式版 Mac版点击下载 ：http://g.csdn.net/5134152
　　Adobe 在线课堂：http://adobev.csdn.net/zx/index.html
　　Adobe平台技术峰会课程视频：http://adobev.csdn.net/
　　主程序ButtonBarTest源代码如下：
　　
　　
　　
　　

　　　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　@namespace s "library://ns.adobe.com/flex/spark";
　　@namespace mx "library://ns.adobe.com/flex/mx";
　　#buttonBar{
　　font-size: 18;
　　/* item-renderer:Cla***eference("test.renderers.ButtonBarRenderer"); */
　　/* skin-class:"test.skin.CustomButtonBarSkin"; */
　　}
　　
　　

　　　　skinClass="test.skin.CustomButtonBarSkin"
　　dataProvider="{arr}"

　　>　　/>
　　
　　自定义ButtonBarSkin   CustomButtonBarSkin源代码如下：
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　　　
　　
　　

　　　　
　　
　　
　　
　　
　　自定义ButtonBarButtonSkin  CustomButtonBarButtonSkin源代码如下：
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　　　
　　
　　
　　
　　
　　
　　
　　

　　　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　

　　　　includeIn="downStates, selectedUpStates, overAndSelected">
　　
　　
　　
　　

　　　　includeIn="downStates, selectedUpStates, overAndSelected">
　　
　　
　　
　　

　　　　includeIn="downStates, selectedUpStates, overAndSelected">
　　
　　
　　
　　

　　　　includeIn="downStates, selectedUpStates, overAndSelected">
　　
　　
　　
　　
　　
　　　　
　　
　　
　　
　　
　　
　　
　　

　　　　creationComplete="gr_creationComplete(event);"
　　horizontalCenter="0" verticalCenter="0">

　　　　
　　

　　　　textAlign="center"
　　verticalAlign="middle"
　　maxDisplayedLines="1"
　　horizontalCenter="0" verticalCenter="{gr.height}"
　　left="10" right="10" top="2" bottom="2">
　　
　　
　　运行效果图如下：