使用ProgrammaticSkin绘制Panel外观

要动态改变Flex组件外观,最先想到的是使用CSS,如果组件本身的样式不能满足自定义组件外观的要求,就要考虑使用编程方式新增样式了。本文以Panel组件为例进行讲述。

点击此处查看本实例的效果,点击此处下载本实例的源码。

TitleBackgroundEx类继承了ProgrammaticSkin,通过drawRoundRect方法在标题栏上方绘制一个圆角矩形。PanelEx类新增了headerCapColor和headerCapHeight两个样式,通过以改变这两个样式我们可以控制该圆角矩形的高度和颜色。然后我们将PanelEx实例的titleBackgroundSkin样式指定为TitleBackgroundEx,从而实现了这一需求。

当然,如果只是给Panel和TitleWindow组件新增一个圆角矩形,可以新建一个容器,然后在容器中使用ProgrammaticSkin绘制。这种方法更灵活简单,但对于Alert组件,这样做似乎行不通。请大家指教更好的方法,谢谢。

评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭