flex4中如何为多个Button添加图片，谢谢

[rednumber]

最近一直在学flex，现在知道怎么给单独的button添加一张背景图片，但按钮较多的话如何添加呢，不能为每个按钮写个皮肤吧，求解，谢谢。

[jilili403]

如果每个button的背景图片都不同的，那只能每个按钮写个皮肤了；
如果是都一样的皮肤的话，只要写个样式文件(.css文件)，内容如下：
Button
{
skin: ClassReference("");
}
//////////////

然后在application的用style标签<mx:Style source="aa.css"/>引用就可以了；

如果是一部分一个背景，另一部分另一个背景的，就在css文件定义个
.buttonStyle1
{
skin:Embed("sources");
}
.buttonStyle2
{
skin:Embed("sources");
}

在用button的时候，指定styleName就可以了

[leemiki]

楼上的CSS可以采用

你可以将同一皮肤的的按钮设置放到AS的循环中去

不同皮肤那没什么好的办法！只能一个个设置

[水中影子]

Button
{
skin: ClassReference("");
}

如果按钮多，想同样样式，可以这样

[passself]

只能单个设置，或者循环设置，没有什么更好的办法

[BigMouth•]

为啥我滴不能用呢?
<fx:Style source="com/mouth/style/style.css" />
<s:Button id="playPauseButton" styleName="playPauseStyle" />

style.css

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
.playPauseStyle{
/* play button skins */
skin: Embed('com/mouth/image/video/control_play.png');
downSkin: Embed('com/mouth/image/video/control_play_blue.png');

/* pause button skins */
selectedUpSkin: Embed('com/mouth/image/video/control_pause.png');
selectedOverSkin: Embed('com/mouth/image/video/control_pause.png');
selectedDownSkin: Embed('com/mouth/image/video/control_pause_blue.png');
}

.stopStyle {
skin: Embed('com/mouth/image/video/control_stop.png');
downSkin: Embed('com/mouth/image/video/control_stop_blue.png');
}

.controllerStyle {
bottom: 5;
left: 5;
right: 5;
paddingBottom: 5;
paddingLeft: 5;
paddingRight: 5;
paddingTop: 5;
alpha: 0;
background-color: #000000;
background-alpha: 0.5;
}

[wing1119]

skin: Embed('com/mouth/image/video/control_play.png');
应该是skin: Embed(source='com/mouth/image/video/control_play.png');吧？你试试