1、 滚动条
flex4中内容超出容器组件的方案
我们在开发中一般会用到s前缀的容器,即spark容器组件,但里面的内容如超过这些容器的大小时并不会产生滚动条,如有下列代码
<s:NavigatorContent label="基本信息" width="100%" height="100%">
<s:HGroup width="100%" height="100%">
<s:layout>
<s:HorizontalLayout useVirtualLayout="true"/>
</s:layout>
<resourcemanagement:HostBasicInfo id="hostBasicInfo" width="98%" height="100%"
dispatcher="{model.dispatcher}" host="{model.hostInfo}"
hostUsage="{model.hostUsageInfo}" hostBasicPhysicalInfo="{model.hostBasicPhysicalInfo}"/>
</s:HGroup>
</s:NavigatorContent>
这里NavigatorContent里面的内容过多,会出现内容直接超出NavigatorContent的现象
查阅flex4文档后发现可以采用下面的办法解决
<s:NavigatorContent label="基本信息" width="100%" height="100%">
<s:Scroller left="0" right="0" top="0" bottom="0" horizontalScrollPolicy="off">
<s:Group width="100%" height="100%">
<s:layout>
<s:HorizontalLayout useVirtualLayout="true"/>
</s:layout>
<resourcemanagement:HostBasicInfo id="hostBasicInfo" width="98%" height="100%"
dispatcher="{model.dispatcher}" host="{model.hostInfo}"
hostUsage="{model.hostUsageInfo}" hostBasicPhysicalInfo="{model.hostBasicPhysicalInfo}"/>
</s:Group>
</s:Scroller>
</s:NavigatorContent>
即在需要滚动条的容器里面放入s:Scroller组件,将原来的内容放入s:Scroller组件内部(注意需要设置s:Scroller组件的子组件useVirtualLayout属性)
2、在弹出窗体中使用foucus out事件时建议
if(number == null) {
this.addEventListener(FlexEvent.CREATION_COMPLETE,function():void {
number.addEventListener(FocusEvent.FOCUS_OUT,checkNumberExist);
location.addEventListener(FocusEvent.FOCUS_OUT,getLatLngByLocation);
});
}else {
number.addEventListener(FocusEvent.FOCUS_OUT,checkNumberExist);
location.addEventListener(FocusEvent.FOCUS_OUT,getLatLngByLocation);
}
注意:checkNumberExist函数中含FocusEvent参数
而非:
<mx:FormItem label="编码:" required="true" focusEnabled="true" width="100%">
<s:TextInput id="number" width="100%" enabled.addView="true" enabled.editView="false" text="@{_datacenter.number}"/>
</mx:FormItem>
至于原因吗自己试试便知
分享到:
相关推荐
配合相应的CSS样式,可以打造出与整体设计风格一致的滚动条。 总结来说,Flex布局中的滚动条实现主要分为默认滚动条和自定义滚动条两种方式。默认滚动条适用于快速开发,而自定义滚动条则能更好地融入到页面设计中...
本主题将深入探讨如何修改Flex4滚动条的皮肤,以改变Scroller组件的外观。 滚动条在用户界面中起着至关重要的作用,它允许用户浏览超出视口的内容。在Flex4中,Scroller组件是一个容器,它可以包含其他组件,并提供...
针对“flex横向条形图增加滚动条”的需求,我们需要创建一个包含条形图的Flex容器,并为其添加滚动条组件。在Flex中,我们可以使用`HScroller`组件来实现水平滚动条。这个组件会自动根据容器内容的宽度来调整其滚动...
在本文中,我们将深入探讨Flex TextLayout滚动条的相关知识点,包括其工作原理、配置选项、自定义以及与项目结构的关系。 1. **TextLayout框架**:TextLayout是Flex 4引入的一个高级文本渲染库,支持复杂的文本格式...
3. **ScrollBarDownButtonSkin**:下按钮皮肤,与上按钮类似,但箭头方向向下,用于滚动条的向下移动。在ScrollBarDownButtonSkin.mxml中,你需要调整相应的视觉元素以匹配设计需求。 4. **VScrollBarThumbSkin**:...
自定义滚动条.用canvas做滚动条条 用button做滑块
Flex 按钮代替滚动条,看了就知道了。。
flex tree 自动显示横向滚动条 自定义重写
下面将详细介绍Flex4自定义事件的用法,以及如何在一个完整的项目中导入和运行。 1. **创建自定义事件类** - 首先,我们需要创建一个继承自`Event`类的新类。通常,我们会选择`flash.events.Event`或`mx.events....
- 如果在自定义皮肤中使用了MX组件,可能与Flex4的Spark组件不兼容。因此,描述中提到的“请自己把所有mx组件改成sp组件”,是为了确保在Flex4环境中正确运行。 6. **压缩包内容分析** - 压缩包中的"src"目录可能...
然而,在实际应用中,我们可能会遇到一些问题,比如当TileList包含可选中的CheckBox时,滚动条滚动可能导致选中状态混乱,以及获取TileList内部数据的困难。本文将详细讲解如何解决这些问题。 首先,我们要理解...
4. **FlexPaper配置**:检查FlexPaper的初始化参数,如`scrollbars`选项,确认是否正确设置了显示和操作滚动条的行为。如果需要自定义滚动条外观或行为,可以利用FlexPaper的API进行调整。 5. **浏览器兼容性**:...
1. 使用滚动监听事件,当滚动条滚动到指定位置时,通过监听函数保存位置信息。利用Flex的Data Binding或者事件监听机制,可以在滚动事件触发时保存当前的垂直偏移量(scrollTop)。 2. 在Flex应用程序中,通常可以...
9. **事件模型**:理解Flex4的事件模型,如何触发和处理事件,是构建响应用户交互的应用的关键。 10. **部署和优化**:最后,教程还会介绍如何将Flex4应用打包并部署到不同的平台,以及优化应用性能的技巧,如减少...
FLEX连续向左滚动字幕,可用于作公告栏展示。
总结来说,实现FLEX布局下动态添加滚动条的关键在于结合Flex布局和JavaScript。通过JavaScript获取并响应窗口尺寸变化,我们可以根据需要调整容器的宽度和高度,从而决定何时显示滚动条。这种技术对于创建响应式、...
《Flex 4 实战:Flex 4 in Action》是一本深度探讨Adobe Flex 4开发的实战书籍,由T. Ahmed, D. Orlando, J. C. Bland 和 J. Hooks合著。这本书不仅提供了理论知识,还包含了丰富的实战案例,旨在帮助读者熟练掌握...
在IT行业中,"APE(flex out of memory)"这个问题通常是与Adobe Flex开发相关的内存溢出问题。Flex是一种开源的、基于MXML和ActionScript的框架,用于构建富互联网应用程序(RIA)。当你遇到“Out of memory-cannot ...
### Flex3与Flex4对比分析 #### 一、概述 随着技术的发展,Adobe Flex平台也在不断进化以满足日益增长的应用需求。本文旨在详细介绍Flex3与Flex4之间的主要区别,特别是Flex4相较于Flex3的新功能与改进之处。通过...