FLEX 实用属性详解
flex各组件对应的样式属性上2007-10-2515:47各组件对应的样式属性
themeColor主题颜色:如果对色彩样式配置不想过多的去设置的话,themeColor是一个选择。它可
以让你选择一种基本色彩,然后组件的边框,外观等色彩将会以此色彩为基础构成一组缺省的样式,组件均可使用此样式属性。
Application组件样式属性
backgroundImage背景图使用Embed(source="");来应用
backgroundColor背景色
backgroundGradientColors背景渐进色这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔
backgroundGradientAlphas背景渐进色透明度这个属性要设置2个透明度,对应渐进色中的2种颜色值的范围是0.00~1.00,
中间以逗号分隔
panel组件样式属性
cornerRadius边角度数panel外框边角度数数值从0~280时为直角,数值越大,圆角弧度越大
headerHeight标题头高度panel标题头的高度数值从0~50
dropShadowEnabled是否显示投影true和false2个属性
shadowDistance投影大小dropShadowEnabled为true时有效数值从0~20
shadowDirection投影方向3个属性leftrightcenter
dropShadowColor投影的颜色
roundedBottomCorners底部边角是否为圆角true和false2个属性若为false,则底部边角为直角,cornerRadius对其无
影响;若为true,cornerRadius对底部边角才会起作用
textAlign文字对齐方向3个属性leftrightcenter
backgroundColor背景色除title外有内容的部分背景色
backgroundAlpha背景透明度除title外有内容的部分背景透明度数值从0.00~1.00
borderColor边框色包括外边框和title与主体内容之间的边框色
borderAlpha边框透明度包括外边框和title与主体内容之间的边框透明度数值从0.00~1.00
borderStyle边框样式undefined,none,solid3种样式:默认为undefined。当取值为none或
solid时,title与主体内容之间将无边框间隔或是solid样式。
borderThickness边框厚度边框样式为solid时的边框粗细程度,数值从0~20
headerColors标题头背景渐变色这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔
footerColors底部背景渐变色这个属性要设置2个色彩,渐进起始色和渐进结束色,中间以逗号分隔
highlightAlphas高光透明度只针对headerColors有效。有2个数值,中间以逗号分隔前一个为高光亮度,
从0.00~1.00,为1时最亮,为白色后一个为高光透明度,从0.00~1.00,为1时最透明(可通过设置制作出水晶半透明效果)
color文本颜色
若想设置pa
相关文档:
经常在Demo中会看到列表,表格等方式来显示数据。当然有时候也需要添加数据到这些列表或者表格中。有很多方式提交,这里展示一个弹出窗口的方式来添加新的数据到DataGrid中。
例子展示:
首先,我们开始建设一个基本的界面结构,一个带有“Notes"标题的Panel,一个DataGrid,以及一个用于提交数据的按钮。
Xml代码
& ......
首先注意一下.
这里说的是在"FLEX"生成的"SWF"直接运行时,使用"stage.displayState"启用全屏时所遇到的问题...
注意上面""号所提到的关健词..
现在我们先看看代码,下面的代码装在creationComplete事件中调用init()来启动全屏.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www ......
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init(event)" viewSourceURL="srcview/index.html">
& ......
发现了一个Flex中TextInput的一个比较有用的属性restrict(约束,限定),先看下例子:
1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/>
这样,这个输入框最多只能输入20个字符,只能输入0到9之间的数字了,你如果输入别的是输入不进去的
2,<mx:TextInput id="test_ti" width="1 ......
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
<mx:Panel width="458" height="313" layout="absolute">
<mx:Label id="lbl" x="19" y="10" text="" width="171" height="20"/>
<mx:DataGrid id="dg" x="19" y="58" dataProvider="{arr}" editable="true" ......