Flex组件:Style的使用

Flex组件:Style的使用
2010年11月01日
　　 由于样式章节的内容比较琐碎，也没有比较难的部分，用例子不好演示，就把在 flex 中应用样式相关的文字总结都放进了演示里面，左边的树形文档中列出了样式的各种使用方法，点击相应的树节点，右边就会把对应的文字内容显示出来。 
　　实际的应用效果在 ViewStack 控件的各个子窗口中给出，可以更改里面的设置内容来查看不同的效果。 
　　     flex中要将标签定义成成：\n"; break; case 2: generalView.text=" 在flex中，从内部定义样式的方法为在flex中定义mxml标签的标签：\n\n Button{\n width:100;\n height:40;\n }\n"; break; case 3: generalView.text=" 选择器包含了各种要应用在控件对象上的样式属性，类选择器以自定义的名称作为样式的名称，样式名称前要加\".\"符号，类选择器的样式会应用在\"styleName\"属性被设置在为类名称的控件及其子类上：\n\n .myStyle{\n width:100;\n height:40;\n }\n"; break; case 4: generalView.text=" 选择器包含了各种要应用在控件对象上的样式属性，类型选择器直接以flex的控件类的类名作为样式名称，样式名称前不用加\".\"符号，类型选择器的样式会应用到该类控件及其子类中：\n\n Button{\n width:100;\n height:40;\n }\n"; break; case 5: generalView.text=" 选择器包含了各种要应用在控件对象上的样式属性，全局选择器的样式名称为\"global\"，全局选择器的样式会应用到所有控件上：\n\n global{\n width:100;\n height:40;\n }\n"; break; case 6: generalView.text=" ActionScript中控件对象的属性与样式中的属性不同，有些属性不能在ActionScript中直接访问到，必须通过getStyle()、setStyle()方法访问和更改样式属性：\n 获取样式属性：getStyle(\"样式属性名\",\"样式属性值\")\n 获取样式属性：setStyle(\"样式属性名\",\"样式属性值\")进行设置。\n 若要访问现有的样式，可以使用\n StyleManager.getStyleDeclaration(\"选择器名\").getStyle(\"样式属性的字符串\")\n 改变现有样式的属性值可以使用：\n StyleManager.getStyleDeclaration(\"选择器名\").setStyle(\"样式属性字符串\",\"新的属性值\");"; break; case 7: generalView.text=" ActionScript中动态生成样式的做法：\n//声明一个CSSStyleDeclaration对象\n var newStyle:CSSStyleDeclaration=new CSSStyleDeclaration(\".myStyle\");\n\n //设置该样式对象的的样式属性\n newStyle.setStyle(\"width\",100);\n newStyle.setStyle(\"height\",40);\n\n //声明一个控件，操作对象也可以是已有的控件\n var btn:Button=new Button();\n\n //将生成的样式应用到控件上\n btn.styleName=\"myStyle\";"; break; case 8: generalView.text=" ActionScript中清除样式使用 clearStyle(propName:String)方法，如清除btn控件样式的width属性：btn.clearStyle(\"width\")"; break; } } ]]>  flex样式的使用" width="70%" height="60%" layout="horizontal">        Flex 样式" cIndex="0">                                                   
　　以上描述了Style样式在Flex中的基本使用及Style的相关知识，主要有Style的定义、应用到控件的方法和如何在ActionScript中控制Style，可以结合源码及演示里面自带的效果展示一起阅读。 
　　网页游戏开发系列教程 尽在eb163.com。 
　　转载请保留出处：  http://www.eb163.com/