做过flex开发的程序员都知道,使用flex3中的panel自定义按钮很容易,而且flex3的panel有icon属性。但是flex4的中大部分的控件与flex3中的控件实现方式有很大的变化,同是panel,在flex4  已经没有了icon属性,也没有titleBar,那么如何来实现 那些我们需要的东西呢?其实很简单,通过皮肤来实现。效果见附件上的图片。下面来说说如何实现:首先,在flex的库文件中把panel的系统皮肤代码复制出来,这样便于修改。找到 titleDisplay ,在这里你可以修改皮肤,实现你想要的效果,比如,我是这样修改:

<s:HGroup left="0" right="0" bottom="0" top="0" gap="6" verticalAlign="justify" paddingLeft="6">
     <s:Image id="titleIconImage" width="16" height="16" verticalAlign="middle"/>
     <!-- layer 3: text -->
     <!-- layer 3: text -->
     <!--- @copy spark.components.Panel#titleDisplay -->
     <s:Label id="titleDisplay" maxDisplayedLines="1"
        left="9" right="3" top="1" bottom="0" minHeight="20" height="27"
        verticalAlign="middle" textAlign="start" fontWeight="bold">
     </s:Label>
     <s:Spacer width="100%"/>
     <s:HGroup id="toolBar" left="0" right="0" bottom="2" top="2" gap="6" horizontalAlign="right" verticalAlign="middle" paddingRight="6" paddingBottom="2" paddingTop="2">
     </s:HGroup>

上面这段代码可以,实现 panel头部带图标,还可以任意添加 其他 控件。当然,还要相应的修改 panel的as文件。

转载于:https://www.cnblogs.com/exmyth/p/3262466.html

FLEX4中的Panel如何实现带自定义图标和按钮相关推荐

  1. 在vb中实现真正锁定的带自定义菜单的文本控件

    在vb中实现真正锁定的带自定义菜单的文本控件 /// ///这个东西的出台,是由于一个网友的帖子,太气人,我才写的,很匆忙,又什么问题,请指出!谢谢 //QQ:9181729/mail:shawfil ...

  2. 自定义ant中table表格的展开图标 修改ant-vue-design中嵌套表格table的expandIcon自定义图标

    效果: 1. <a-table:expandIcon="expandIcon":loading="loading":columns="colum ...

  3. py2exe打包exe带自定义图标(附带程序)详解

    我们平时会把编写的python程序打包成exe从而供他人使用,首先用到的工具就是py2exe.这个工具最简单也最容易上手. 下边通过例子来说明: setup.py程序: #!/usr/bin/pyth ...

  4. java 自定义形状按钮_制作自定义背景Button按钮、自定义形状Button的全攻略

    在Android开发应用中,默认的Button是由系统渲染和管理大小的.而我们看到的成功的移动应用,都是有着酷炫的外观和使用体验的.因此,我们在开发产品的时候,需要对默认按钮进行美化.在本篇里,笔者结 ...

  5. DataScience:初学者进阶数学处理专家,学会Excel中50个常用功能带你飞

    DataScience:初学者进阶数学处理专家,学会Excel中50个常用功能带你飞 目录 初学者进阶数学处理专家,学会Excel中50个常用功能带你飞 1.自动筛选 2.在Excel中字符替换 3. ...

  6. 如何在VMware中安装Linux系统(带界面)~新手向

    如何在VMware中安装Linux系统(带界面)~新手向 1.打开VMware虚拟机 2.创建新的虚拟机 3.加载ISO 4.命名虚拟机 5.指定磁盘容量 6.自定义硬件 7.启动虚拟机 1.打开VM ...

  7. flex中自定义皮肤的按钮制作

    今天聊一下FLEX中自定义皮肤的按钮的制作.首先这是一个按钮皮肤文件: <?xml version="1.0" encoding="utf-8"?> ...

  8. android 按钮带图标 阴影_android中带图标的按钮(ImageButton)怎么用

    展开全部 除了Android系统自带的Button按钮以外,还提供了带图标的按钮ImageButton 要制作带图标的按钮,首先要在布局62616964757a686964616fe58685e5ae ...

  9. Flex4 Skinning 1: 自定义一个简单按钮的皮肤

    Flex4使得改变应用程序的外观变得异常简单,这主要归功于新的皮肤框架(skinning architecture),通过它我们可以将组件中的可视化元素和逻辑完全分离.也正因为这个思想的引导,我们可以 ...

最新文章

  1. Elasticsearch源码分析—线程池(十一) ——就是从队列里处理请求
  2. Android开机画面~(自己还没试验)
  3. WP8.1开发中关于如何显示.gif格式动态格式图片方法
  4. 订阅号 图文回复php,微信开发(PHP实现订阅号的公众号配置和自动回复)
  5. Numpy的常用方法
  6. Java!越来越像Kotlin了!!
  7. pass样本量_年度质量回顾-样本量
  8. Andriod Atom x86模拟器启动报错
  9. 把java程序打包成.exe
  10. puppet详解(九)——puppet项目实战
  11. java url 请求 最大长度限制,Http协议中的各种长度限制总结
  12. matlab汽车牌的识别,matlab车牌号识别
  13. 【MM32F5270开发板试用】+RFID门禁
  14. [AGC006F]Blackout
  15. spring-data-elasticsearch 引入es版本适配
  16. 体验服务器windows系统,怀旧经典:Windows 3.0操作系统体验
  17. 微商相册一直显示服务器偷懒,微商励志图片
  18. webQQ迷你版协议(基于http://w.qq.com)
  19. 为什么大家都喜欢使用宝塔面板?
  20. 什么是松弛变量_什么是松弛,它是如何工作的?

热门文章

  1. 兼容浏览器的布局CSS
  2. 好用的chrome插件总结
  3. 再来过-docker
  4. Linux---网络编程基础
  5. JavaScript学习(四十二)—利用工厂模式创建对象以及工厂模式创建对象的不足
  6. python3 rsa加密_python3产生RSA秘钥对并执行加解密操作详解
  7. P1464 Function
  8. 经常看到一种说法,说未来普通人翻身,将会越来越难
  9. 能够快速赚到钱的,一般就三类人
  10. 为什么把钱花在别人身上更幸福?