`
yoshiyan
  • 浏览: 47346 次
社区版块
存档分类
最新评论

Flex控件->BorderContainer&Group&SkinableContainer

    博客分类:
  • Flex
阅读更多
如何为Group设置背景色?
利用s:Rect,实例代码如下:

	<s:Group width="100%" height="100%" >
		<s:Rect width="100%" height="100%">
			<s:fill>
				<s:SolidColor color="0xffff00"/>
			</s:fill>
		</s:Rect>
	</s:Group>


如何遍历BorderContainer的child element?
for (var i:uint = 0; i < container.numElements; i++)
{
    var graphic:UIComponent = container.getElementAt(i) as UIComponent;					
}


Container内部的Component的坐标是基于其Container的左上角坐标进行偏移的

代码片段如下:
<s:Group id= "parent"x="200" y="200">
	<s:Group id= "child" x="200" y="200"/>	
</s:Group>	

上边的代码中,如果parent左上角的坐标为(200, 200),则child的左上角坐标为(400, 400)

SkinableContainer默认是空白的,没有绘图东西的部分不会响应鼠标事件,而Group则没有这种问题
分享到:
评论

相关推荐

    Flex_Boxs_BorderContainer_Canvas_DividedBox_Form

    本教程将深入探讨“Flex_Boxs_BorderContainer_Canvas_DividedBox_Form”中的各个知识点,帮助你掌握这些关键组件的使用。 首先,我们来看“Boxs”。在Flex布局中,“Boxs”通常指的是Flex容器,它允许开发者对容器...

    Flex开发的代边框Box以及自定义代checkBox的容器

    -- 在这里添加你的子组件 --&gt; &lt;/mx:BorderContainer&gt; ``` 接下来,我们讨论自定义CheckBox。在Flex中,CheckBox是一个用户界面元素,允许用户进行二选一的选择。然而,有时系统默认的CheckBox样式和行为可能无法...

    arcgis_javascript实现鹰眼功能实例

    -- 引入必要的CSS和JavaScript文件 --&gt; &lt;link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.2/js/dojo/dijit/themes/claro/claro.css"&gt; ...

    flex实现边框

    -- 其他组件和内容 --&gt; &lt;/mx:TitleWindow&gt; ``` 如果需要进一步自定义标题,可以使用`titleStyleName`属性应用CSS类,或者直接在TitleWindow的MXML中嵌入一个`Label`组件来控制标题的样式和内容。 3. **AS类绘制...

    flex 控制鼠标移动的例子

    -- 在这里放置你的内容 --&gt; &lt;/mx:Canvas&gt; ``` 3. 添加事件监听器。在`creationComplete`事件中,我们可以为`mouseArea`添加`MouseMove`事件的监听器: ```xml &lt;mx:Script&gt; &lt;![CDATA[ import mx.events....

    vscode-flex-snippets:适用于Visual Studio Code的Flex(MX和Spark)代码段

    VSCode的Flex代码段 快速创建MX和Spark组件。 如何使用 在VSCode中安装扩展 打开mxml文件,开始输入组件名称并选择代码段 注意:要在VSCode中创建Flex项目,请安装。 片段 AdvancedDataGrid BorderContainer Box...

    flex4.5学习笔记

    - **子元素**: `&lt;s:ScrollView viewport="{employeeGroup}"/&gt;`,用于滚动显示`employeeGroup`中的内容。 **知识点2:CSS的调用与主题更换** - **CSS调用**: 使用`&lt;s:Style&gt;`标签或外部样式表来定义样式规则,并...

    flex学习心得

    ### Flex学习心得与关键知识点详解 #### 一、Flex组件模型 Flex采用了基于组件的开发模型,这使得开发者可以通过继承现有组件并扩展其功能来快速构建应用程序。这意味着开发者不需要从头开始编写所有代码,而是可以...

    flex播放mp3

    flex播放mp3源码: &lt;s:BorderContainer x="131" y="147" width="369" height="108"&gt; 进度:" width="45"/&gt; (event)" maximum="100" showDataTip="false"/&gt; 音量:" width="45"/&gt; (event)" value="5" maximum...

    flex4获取当前窗口的长度与宽度的方法

    -- 其他UI组件和代码 --&gt; &lt;/s:BorderContainer&gt; ``` ```as private function loginPreinit():void { this.width = this.stage.stageWidth; this.height = this.stage.stageHeight; } private function loginInit...

    flex 4.6Css

    使用方法: 引入: add silvergreen-2.1.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)里面,增加一个编译参数: ... &lt;fx:Style source="com\ksria\flex\silvergreen\spark\style.css" /&gt;

    flex4_读书笔记

    【Flex4基本概念】 Flex4 是 Adobe 引入的一个重要的 Flex 开发框架版本,它引入了许多新特性和改进,特别是在组件模型、样式和布局管理方面。Flex4 的核心是基于组件的开发模型,允许开发者通过继承现有组件并扩展...

    flexviewer登陆界面

    6. `&lt;s:BorderContainer&gt;`:这是一个边框容器,它是整个应用程序的主容器,占满整个屏幕宽度和高度。 7. `&lt;s:Panel&gt;`:定义了登录面板,包含登录表单。可以看到 `&lt;s:Label&gt;` 和 `&lt;s:TextInput&gt;` 用于显示提示文本和...

    flex 多点触控组件,可实现图片放大缩小旋转

    flash,多点触控开发 经过自己优化,基于BorderContainer,只要往里面的image里面放入图片即可实现多点触控的旋转放大缩小灯操作。

    The book of Dojo 1.0

    - **BorderContainer (1.1)**:边界容器的配置和使用。 - **ContentPane**:内容面板的介绍。 - **LayoutContainer**:布局容器的特性和应用场景。 - **SplitContainer**:分隔容器的使用方法。 - **StackContainer*...

    dojoMap Demo

    2. **dijit组件**:dijit是Dojo提供的UI组件库,如`BorderContainer`、`ContentPane`等。这些组件可以快速构建用户界面,同时具有良好的可定制性和响应式设计。 3. **dojox图表**:dojox图表模块提供了多种类型的...

    dojo-release-1.7.1-src

    例如,`dijit/form`包含了各种表单控件,如文本框、复选框、下拉菜单等,而`dijit/layout`提供了各种布局容器,如AccordionContainer、BorderContainer等,方便构建复杂的页面结构。 4. **Dojo与Ajax交互** Dojo...

    dojo-release-1.10.4

    例如,`dijit/form/Button`创建可点击的按钮,`dijit/layout/BorderContainer`用于创建响应式布局。 5. **数据服务**:`dojo/store`和`dojo/data`提供对服务器数据的访问,支持JSON、XML等多种格式。`dojo/request`...

Global site tag (gtag.js) - Google Analytics