Flex 给PopUpButton 设置皮肤
Flex PopUpButton组件是由一个"Label区域"和一个下拉箭头"Arrow区域"所组成的。如图
对我来说,PopUpButton默认的Style有几个地方不适合我:
1 点击Label区域不会弹出窗口
2 有时候我不想要"Arrow区域",想把"Arrow区域"去掉
3 在开发过程中,都一般会给组件创建自己的皮肤。假如我给PopUpButton设置一个over-skin皮肤,当我鼠标移动到"Arrow区域"的时候over-skin的效果就不见了。
解决方法
1 把openAlways属性设定为"true",这样点击Label区域也会弹出窗口
2,3都暂时没有单独的解决方法,但是2,3可以用点小技巧来联合解决
首先,因为没有直接的属性来去掉"Arrow区域",那既然如此,我们就让Arrow区域占满整个PopUpButton,然后覆盖上我们自己的皮肤。这样Label区域就没有了。
方法: 设置让PopUpButton的arrow-button-width属性=PopUpButton的width属性。
这样第3个问题也就解决了,因为我们的鼠标永远只能移动到"Arrow区域"。但需要注意,这个时候皮肤我们就不能使用over-skin了,而要使用pop-up-over-skin属性来设定Arrow区域的皮肤,同样pop-up-down-skin也要设定
.facePopUpButton {
arrow-button-width:25;
up-skin: Embed(source="assets/skin.swf",symbol="FacePupupButton_upSkin");
pop-up-over-skin: Embed(source="assets/skin.swf",symbol="FacePupupButton_overSkin");
pop-up-down-skin: Embed(source="assets/skin.swf",symbol="FacePupupButton_upSkin");
}
效果如下,图中最底下那个笑脸表情就是PopUpButton,点击后就弹出了显示上面一堆表情的窗口,现在鼠标在PopUpButton上移动,skin显示不会有任何问题了。
转载于:https://www.cnblogs.com/thingsoft/archive/2011/09/01/2161564.html
Flex 给PopUpButton 设置皮肤相关推荐
- flex producer java_在 Logic Pro 中选取 Flex 与跟随设置
在 Logic Pro 中选取 Flex 与跟随设置 在启用了 Flex 的音轨上,"Flex 与跟随"弹出式菜单会替换片段检查器中音频片段的"Flex"复选框 ...
- mt管理器主题修改教程_华为微信气泡怎么设置皮肤 微信怎么改猫和老鼠的主题和气泡?...
阅读本文前,请您先点击上面的"面相谈",再点击"关注",这样您就可以继续免费收到文章了.每天都会有分享,都是免费订阅,请您放心关注.注:本文转载自网络,如有侵权 ...
- csdn设置皮肤背景
版权声明:本文为博主原创文章,转载请声明源址,如有问题,欢迎指正. https://blog.csdn.net/tangxinru123/article/details/84029658 </d ...
- idea2020.03如何设置皮肤
笔者是从2018.03转到2020.03的,按照以往的经验,首先为我的idea换个衣服叭,去setting中竟然没找到import setting 和我玩躲猫猫,直接上图啦 相信大家都找到了,然后直接 ...
- Flex移动皮肤开发(一)
范例文件 mobile-skinning-part1.zip Flex 4.5提供的移动增强的皮肤特性,支持触摸交互.性能优良,并且考虑到了内存占用问题.尽管目前市场上有不少性能优异的设备,但典型的S ...
- [转]Flex 中的皮肤
Flex中的皮肤(一) 这里是第一篇,将讲述一下Flex中如何应用UI的皮肤,其实应用UI皮肤不难,你们在使用Flex的过程中是否觉得Flex中自带的皮肤样式不太好看? 或者是想自已做个比较有特色的? ...
- [转载] Flex 4 皮肤功能介绍
原文: http://www.adobe.com/devnet/flex/articles/flex4_skinning.html 转载:http://www.smithfox.com/?e=34 F ...
- Flex移动皮肤-第一部分:增强的皮肤功能基础
Flex 4.5提供的移动增强的皮肤特性,支持触摸交互.性能优良,并且考虑到了内存占用问题.尽管目前市场上有不少性能优异的设备,但典型的Spark皮肤(包括Flex 4引入的默认皮肤)却没有能够在移动 ...
- 实时加载 Flex 皮肤
一篇翻译的文章,来自 The Kiwi Project ,这种方法很有用,但是唯一的问题就是,在加载皮肤的过程中,用户等待的问题.如果皮肤文件比较大,没有加载上来之前,程序可以说是无反应的,这样需要我 ...
最新文章
- mysql 树形结构_再读MySQL索引-《高性能MySQL》索引手记
- 【图论专题】有向图的强连通分量
- JavaFX FileChooser文件选择器,缓存上一次打开的目录
- 深入FFM原理与实践
- oracle数据库快照打点,Oracle数据库快照的使用
- 问答丨如何理解哈希表的工作原理?
- Linux工作笔记-RabbitMQ的安装
- mysql存储ip地址_MySQL怎样存储IP地址
- 报错,Exception: Required request body is missing: public org.springframework.ui.ModelMap cn.yihuazt.co
- FileTracker:error FTK1011编译错误的原因和解决办法
- Windows文件所有者恢复TrustedInstaller权限
- 从 MySQL 数据页的角度看 B+ 树
- 如何使用界面控件DevExpress WinForms自带的UI模板?其实很简单
- 使用延时队列搞定超时订单处理
- ps:图像格式的选择
- 企业为什么要申请高新技术企业认定
- 顺序搜索小技巧-监视哨的作用
- Category的底层分析
- 医院计算机网络安全应急预案,医院信息系统应急预案
- uniapp 中APP使用微信授权登录完整总结
热门文章
- 在机器学习中为什么只需要正的误差而不用负的误差
- Java使用math3实现矩阵行求和(求行均值)
- 网络爬虫之java基础(Ⅰ)
- 动态规划(装配线调度)
- Invitation Cards(建反图 + 跑两遍SPFA)
- A. Gamer Hemose
- android手机游戏开发从入门到精通_unity3d游戏开发如何从入门到精通?
- 我的世界服务器按键显示mode,【服务器相关】【求助!】关于服务器中使用gamemode等命令错误。...
- 2016全国计算机二级题,2016全国计算机二级考生试题及答案
- python图标的演变_把Python脚本生成exe文件并添加版本信息和自定义图标