`

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

    博客分类:
  • flex
阅读更多



 
 做过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文件。

  • 大小: 7.5 KB
  • 大小: 9.3 KB
0
0
分享到:
评论
1 楼 316193613 2013-08-09  
panel.as怎么修改?

相关推荐

    flex panel窗体有最小化最大化关闭

    在Flex中,可以通过监听`resize`事件并设置Panel的`width`和`height`属性为舞台(stage)的宽度和高度来实现最大化效果。此外,`maximize`和`restore`按钮通常会在标题栏上显示,供用户操作。 4. **关闭功能**:...

    几个很不错的Flex特效

    MXML是一种标记语言,用于描述用户界面的布局和组件,而ActionScript则是一种面向对象的编程语言,用于处理事件和实现复杂的逻辑。通过结合这两种语言,开发者可以创建出具有独特视觉效果的应用程序。 以下是几个...

    Flex 开发技巧集

    7. **Label控件实现手型图标**:通过设置`useHandCursor`, `mouseChildren`和`buttonMode`属性,可以使Label具有鼠标指针的手型效果,并且像按钮一样响应点击事件。 8. **获取Alert的用户选择**:Alert的`show`方法...

    Extjs+Gride使用方法

    icon: 'delete.png', // 自定义图标 handler: function(grid, rowIndex) { store.removeAt(rowIndex); } }] }); ``` 通过以上步骤,你已经掌握了基本的ExtJS Gride使用方法。当然,ExtJS提供了大量的API和配置...

    extjs初学控件

    配置项包括`animEl`(动画效果)、`buttons`(按钮设置)、`closable`(是否可关闭)、`msg`(消息内容)、`title`(标题)、`fn`(关闭后的回调函数)、`icon`(图标)、`width`(宽度)以及`prompt`和`multiline`...

Global site tag (gtag.js) - Google Analytics