Flex主题皮肤2UI定制示例
Flex 的主题皮肤源码 2 挺适合想定制 UI 样式的朋友玩一玩。里面包括了各种常用的皮肤写法,像是按钮、滑块、列表这类的样式修改都能轻松上手,不用动原组件的逻辑。风格上你也可以随便换,不管是想搞个高冷黑金,还是清爽蓝白风都没问题。想调细节的话,CSS 搭配 SWF 资源,改起来也灵活。
源码结构也比较清晰,ActionScript写交互,MXML负责布局,改样式直接上CSS。有点像在做 Web 开发,只不过是 Flex 那一套语法。你只要搞懂Skin
怎么继承、样式怎么覆盖,基本就能随便搞皮肤了。响应也快,体验还不错。
比较有意思的是,它还涉及一些位图资源和向量图形,换图标、改按钮形状这些都能自定义。如果你会点Illustrator
或者Fireworks
,那就更方便了,直接改图重新导入就行。
项目里也写了一些常见的交互,比如click
、hover
这些事件的,配合数据绑定,可以让 UI 动起来。Flex 的data binding
机制还挺好用的,写少量代码就能让界面跟着数据走。
哦对了,源码里有点模块化的设计,如果你做大一点的项目,也能学到怎么分层管理,不至于一堆逻辑和 UI 全堆一起。运行效率也还行,主要看你皮肤资源用得精不精。
如果你正在折腾Flex项目,又想给界面搞点自己的风格,或者学学怎么做主题皮肤,那这套源码挺值得看看。改一点试试就有成就感了,蛮适合练手。
2.74MB
文件大小:
评论区