RSS地址: http://feed.minidx.com
共有170篇文章被收藏推荐
鲜果类别:
IT.科技
鲜果标签:
互联网
搜索引擎
全文检索
web2.0
IT
报错
推荐
接下来的例子演示了Flex中如何利用numDividers属性, getDividerAt()函数以及visible属性设置HDividedBox容器dividers有效或者无效。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xmlversion="1.0"encoding="utf-8"?>
- <mx:Application name="HDividedBox_getDividerAt_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function checkBox_change(evt:Event):void {
- var value:Boolean = !checkBox.selected;
- var idx:uint;
- var len:uint = hDividedBox.numDividers;
- for (idx = 0; idx < len; idx++) {
- hDividedBox.getDividerAt(idx).visible = value;
- }
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="Disable dividers:"
- labelPlacement="left"
- change="checkBox_change(event);" />
- </mx:ApplicationControlBar>
- <mx:HDividedBox id="hDividedBox"
- width="100%"
- height="100%">
- <mx:HBox id="hBox1"
- width="100%"
- height="100%"
- backgroundColor="haloGreen">
- </mx:HBox>
- <mx:HBox id="hBox2"
- width="100%"
- height="100%"
- backgroundColor="haloBlue">
- </mx:HBox>
- <mx:HBox id="hBox3"
- width="100%"
- height="100%"
- backgroundColor="haloOrange">
- </mx:HBox>
- </mx:HDividedBox>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Related Post
- Flex中如何通过horizontalGap样式调整HDividedBox容器中两个子项横向填充内容的例子
- Flex中如何通过horizontalDividerCursor样式给HDividedBox容器添加一个水平分割游标的例子
- Flex中如何在某一容器通过visible属性或者使用hideEffect以及showEffect效果时触发一些特效(本例为缩放效果)的例子
- Flex中如何通过includeInLayout和visible属性设置Form容器内FormItem的显示与否的例子
- Flex中如何通过horizontalGap和verticalGap样式设置Legend控件水平和竖直间距的例子
- Flex中如何通过dividerColor样式设置DividedBox中divider颜色的例子
- Flex中通过horizontalGap样式设置LinkButton控件图标(Icon)和标签(Label)之间间隔距离的例子
- Flex中通过horizontalGap和verticalGap样式调整Tile容器横向间隔和竖向间隔的例子
- Flex中如何显示与隐藏容器/控件的例子
- Flex中如何利用horizontalGap风格设定LinkBar控件各项目横向间隔(horizontal spacing)的例子

接下来的例子演示了Flex中如何利用
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xmlversion="1.0"encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Binding source="textInputSrc.text"
- destination="textInputDst.text" />
- <mx:Form>
- <mx:FormItem label="source:">
- <mx:TextInput id="textInputSrc"/>
- </mx:FormItem>
- <mx:FormItem label="destination:">
- <mx:TextInput id="textInputDst"
- width="{textInputSrc.width}" />
- </mx:FormItem>
- </mx:Form>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Random Posts
- Flex中通过disabledColor样式设置ComboBox无效状态下标签颜色的例子
- Flex中如何创建图表的例子
- Flex的VideoDisplay基本使用方法的例子
- 登金陵凤凰台–李白
- Flex中通过扩展ComboBox类重载protected keyDownHandler()事件使键盘导航(keyboard navigation)功能无效的例子
- 利用activate和deactivate事件来控制Flex应用是否得到焦点(Focus)
- Flex中如何通过自定义duration和easing函数使用户点击HSlider或VSlider滑轮时产生特定效果的例子
- Flex中通过fontSharpness和fontAntiAliasType样式设置标签(Label)字体锐角程度的例子
- Promotional Products Online
- ActionScript 3.0中通过调用XML.ignoreComments忽略XML的注释标签的例子
- 一封来自鲜果网的很有意思的邮件
- Flex中如何利用mouseDown与stopImmediatePropagation事件创建可拖动(draggable)与不可拖动(undraggable)对话框的例子
- 利用ToolTipManager类检测并取得Flex应用中当前ToolTip状态/内容的例子
- 通过一个简单的Flex检索应用来说明如何利用Grails框架使Java和Flex协同作业
- Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子
- Flex中通过设置textAlign样式在一个List控件中改变文本对齐方向的例子
- Flex中如何通过selectionDisabledColor样式设置ComboBox中选中项目无效时背景颜色的例子
- Flex中如何利用useRollOver样式使List控件的项目在鼠标移动上去时高亮显示的例子
- Flex中利用TitleWindow容器显示状态信息的例子
- Flex中通过backgroundAlpha样式设置TextArea控件背景颜色透明度的例子

接下来的例子演示了Flex中如何给DataGrid控件的项目添加一个可编辑TextArea/TextInput,单击控件内的项目时,自动进入编辑状态。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xmlversion="1.0"encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:XML id="itemsXML"source="data/items.xml"/>
- <mx:DataGrid id="dataGrid"
- dataProvider="{itemsXML.item}"
- variableRowHeight="true"
- editable="true"
- width="100%"
- height="100%">
- <mx:columns>
- <mx:DataGridColumn id="idColumn"
- dataField="@id"
- editable="false"
- headerText="ID" />
- <mx:DataGridColumn id="descColumnTextInput"
- dataField="@desc"
- editable="true"
- wordWrap="true"
- headerText="Desc (TextInput)" />
- <mx:DataGridColumn id="descColumnTextArea"
- dataField="@desc"
- editable="true"
- wordWrap="true"
- itemEditor="mx.controls.TextArea"
- editorUsesEnterKey="true"
- headerText="Desc (TextArea)" />
- </mx:columns>
- </mx:DataGrid>
- </mx:Application>
下面是items.xml文件:
- <?xmlversion="1.0"encoding="utf-8"?>
- <items>
- <item id="1"desc="The quick brown fox jumped over the lazy dog."/>
- <item id="2"desc="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."/>
- <item id="3"desc="Pellentesque nonummy aliquet metus."/>
- <item id="4"desc="Nullam enim."/>
- <item id="5"desc="Nullam sollicitudin sodales diam."/>
- <item id="6"desc="Praesent quis tellus vel erat tristique placerat."/>
- <item id="7"desc="Sed egestas, enim a convallis auctor, nisl tellus tincidunt nibh, vitae tempus mauris risus at arcu."/>
- <item id="8"desc="Suspendisse laoreet sem eget ipsum porta consequat."/>
- <item id="9"desc="Ut imperdiet felis quis orci."/>
- <item id="10"desc="Phasellus tempus ante eu nisl."/>
- <item id="11"desc="Donec velit sem, rutrum ac, bibendum sed, mattis ac, odio."/>
- <item id="12"desc="Fusce mauris turpis, vehicula nec, mattis et, dapibus quis, arcu."/>
- <item id="13"desc="Morbi tincidunt volutpat justo."/>
- <item id="14"desc="Nam urna."/>
- <item id="15"desc="Mauris est dui, aliquet at, venenatis tempus, eleifend a, pede."/>
- <item id="16"desc="Vestibulum porttitor arcu sit amet nulla."/>
- <item id="17"desc="Nulla vitae sapien."/>
- </items>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Related Post
- Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子
- Flex中如何创建可以显示multi-line并且高度可变的DataGrid控件的例子
- Flex中如何通过maxChars属性限制TextArea控件中允许输入的字数的例子
- Flex中如何利用dragEnabled, dropEnabled和dragMoveEnabled控制不同DataGrid间项目移动,复制操作的例子
- Flex中如何通过variableRowHeight属性调整PopUpButton控件下拉菜单分隔符间隔的例子
- Flex中利用backgroundColor样式设置DataGrid控件每一个DataGridColumn对象背景颜色的例子
- Flex中如何通过dropShadowColor, shadowDirection和shadowDistance样式创建一个有阴影效果的TextArea控件的例子
- Flex中通过设置DataGrid的DataGridColumn的headerStyleName和textAlign样式设置其文本的方向的例子
- Flex中如何通过headerWordWrap属性设置DataGrid头部文字是否折返的例子
- Flex中利用HSlider控件和ArrayCollection类的filterFunction属性对DataGrid中的数据进行过滤的例子
- Flex中通过将horizontalScrollPolicy属性值设置为mx.core.ScrollPolicy类的常量实现DataGrid控件横向滚动条显示与否的例子
- Flex中通过将verticalScrollPolicy属性设为mx.core.ScrollPolicy类的一个常量实现TextArea控件滚动条的显示与否的例子
- Flex中通过verticalScrollPosition和maxVerticalScrollPosition属性控制TextArea内文本滚动的例子
- Flex中如何通过backgroundAlpha样式设置RichTextEditor控件内TextArea的背景颜色透明度的例子
- Flex中如何通过backgroundColor样式设置RichTextEditor控件内TextArea的背景颜色的例子
- Flex中通过backgroundAlpha样式设置TextArea控件背景颜色透明度的例子
- Flex中如何通过backgroundAlpha样式和alternatingItemColors样式创建一个具有透明效果背景颜色DataGrid的例子
- Flex中通过DataGrid类的sortableColumns属性和DataGridColumn类的sortable属性控制DataGrid控件是否可排序的例子
- Flex中利用DataGrid类的draggableColumns属性和DataGridColumn类的draggable属性设置DataGrid控件是否可拖拽的例子
- Flex中如何通过DataGrid类的resizableColumns属性和DataGridColumn类的resizable属性控制DataGrid控件列可调整大小与否的例子

接下来的例子演示了Flex中如何替换掉CheckBox的默认图标,创建具有自己风格CheckBox控件。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xmlversion="1.0"encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- CheckBox {
- /* Unselected icons */
- upIcon: Embed(source="assets/bullet_red.png");
- overIcon: Embed(source="assets/bullet_red.png");
- downIcon: Embed(source="assets/bullet_yellow.png");
- /* Selected icons */
- selectedUpIcon: Embed(source="assets/bullet_green.png");
- selectedOverIcon: Embed(source="assets/bullet_green.png");
- selectedDownIcon: Embed(source="assets/bullet_yellow.png");
- }
- </mx:Style>
- <mx:CheckBox id="cheezburger"
- label="I can has cheezburger?"
- fontSize="12"
- fontWeight="bold" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Related Post
- Flex中利用自定义图片代替CheckBox自带的图标的例子
- Flex中如何利用iconField改变tree结构项目默认icon图标的一篇教程
- Flex中如何通过textAlign样式控制Accordion头部文本排列方向的例子
- Flex中检测CheckBox是否被选中并允许用户继续与否的例子
- Flex中通过verticalGap样式设置LinkButton的竖直方向图标和标签之间距离的例子
- Flex中通过horizontalGap样式设置LinkButton控件图标(Icon)和标签(Label)之间间隔距离的例子
- Flex中通过将labelPlacement属性值设置为ButtonLabelPlacement类中定义的一个常量实现设置LinkButton控件图标位置的例子
- Flex中通过icon样式给LinkButton控件设置一个图标的例子
- Icon Generator–一款基于Adobe AIR的小巧的图标(Icon)生成工具
- Flex中通过useHandCursor和buttonMode属性设置鼠标移动到CheckBox上时显示手型游标的例子
- Flex中关于stickyHighlighting属性用法的例子
- Flex中如何给Accordion控件嵌入Icon图标的例子
- Flex中通过按钮类的textAlign样式和labelPlacement属性控制按钮(Button)标签位置的例子
- Flex中利用labelPlacement属性调整CheckBox控件标签位置的例子
- Flex中通过iconColor和borderColor样式改变CheckBox控件图标和边框颜色的例子
- Flex中如何在TabBar控件中添加图标(icons)的例子
- Flex中利用direction属性创建一个垂直LinkBar的例子
- Flex中通过设置iconField下的dropdown属性设置ComboBox控件下拉菜单项目图标的例子
- Flex中给TabNavigator控件增加Icons图标的例子
- Flex中如何在Panel容器中增加图标(icons)的例子

曾经针对JavaFX喊过“狼来了”(@see JavaFX将会给Adobe Flex带来什么样的冲击?),也比较过ActionScript和地执行效率(@see JavaFX script和ActionScript执行效率的比较| 中文Flex例子),不过不管怎么说,萝卜青菜,总归是会有自己不同的爱好者的。下面是一篇关于如何在Ubuntu的环境下,搭建JavaFX + Maven的开发环境:
http://blog.nelsonsilva.eu/2008/10/10/javafx-maven-on-ubuntu/
注: Maven是一个构建工具,相对于Ant来说,她提供了一套固定的模板,使用一定的目录组织结构来简化和一致项目构建。
Related Post
- JavaFX script和ActionScript执行效率的比较
- 用Flex Builder和Flex Ant编译结果不同的原因以及解决方法
- JavaFX将会给Adobe Flex带来什么样的冲击?
- 为什么又是中国—Linux镜像服务器封锁部分中国IP
- 蚁群算法ACO(ant colony optimization)的原理以及实现源代码
- Linux平台动态链接程序此共享文件的路径

-
搜索不到您的频道?
>立即加入 -
想与您的读者互动?快来认领您的频道
>立即认领 -
想知道您的博客详细订阅数据么?
>到FeedSky查看 -
想体验专业的博客托管服务么?
>注册BlogBus


