Peterd说“I’m amazed I can write an entire post around setting a single (and simple) style, but yet here I am……”，其实我也很惊讶于自己居然在Peterd的基础上，将它的这些针对single style的post，做了一个中文版本，不过看着每天越来越多的人通过Flex相关的关键字找到并且阅读了这些Sample，并且老的访问者也占了一定的比例，相信还是可以帮助不少人解决问题，节约一定时间的吧。简单的未必就没有用，不要迷信于所谓的“专家”，也不要迷信于所谓的“权威”，毕竟所有的地球人都只不过是凡夫俗子，一切都是从零开始的，所以我也同样的“but yet here I am……”,呵呵，不废话了，接下来的例子演示了Flex中如何在Panel容器中增加图标(icons).
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
在前面的Flex中通过设置labelPlacement属性设置RadioButton控件文本标签排列位置的例子中我们利用labelPlacement属性，设置了RadioButton控件文本标签排列位置。其实同样的属性在按钮控件(Button)中也一样可以使用，利用按钮控件(Button)中的labelPlacement属性，我们可以指定一个图标(icon)在按钮中的位置。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中，我们曾经演示过Flex中如何通过downArrowSkin和upArrowSkin样式，设置NumericStepper控件的上下箭头的Skin。实际上NumericStepper控件还允许我们直接通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
在前面的15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex中，我们收集了一些非常精彩的Tutorials，帮助我们了解了如何在Flex中创建符合自己需要的Skins和Themes。知道了如何创建，很多人就会迫不及待的动手做自己的Skins和Themes了，我也相信大部分的Flex程序员都具有很好的艺术细胞，依靠自己的想象或者利用10+ great free Photoshop brush websites中的工具，可以按照自己的想象制作出自己满意的作品； 也有一部分人可能会非常“smart”的让google帮我们找一些资料/素材；也许有一些人在自己的收藏夹里就有类似于前面的a list of the best free vector graphics,free icons,images and sounds website这样的列表–这或多或少可以节省不少的时间。
接下来的例子演示了如何利用<mx:Style>标签，将一个PNG的图标嵌入到Flex应用的按钮(Button)中。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
前面的Flex中给按钮设置icon图标的例子一文中，我们了解到了如何在按钮控件中嵌入icon图标的一些技巧，接下来我们来研究一下如何在Alert中嵌入icon图标。下面的第一个例子展示了如何直接将icon图标嵌入Alert消息框中，显示在文本的左边，而第二个例子演示了如何将icon图标嵌入到Alert对话框的按钮中。
下面是完整代码：
Continue reading »
在按钮中嵌入icon图标有两种方法。第一种是在Flex应用中创建一个变量，利用[Bindable]和[Embed] ，在代码中以参数形式传入制定图标（icon）的路径，然后利用类似icon="{Icon}"的代码嵌入到按钮中。第二种是利用@Embed()和参数中指定图标的路径。
下面是具体的源代码：
Continue reading »
