Flex中实现tree水平滚动条自动加载
flex中的tree有一个horizontalScrollPolicy的属性,值可以用三个:on,off,auto。
on:表示水平滚动条一直都出现
off:表示去除水平滚动条
auto:顾名思义。就是自动加载水平滚动条
然而,在自定义了一个树形列表控件后,设置horizontalScrollPolicy=“auto”。水平滚动条并没有自动加载,经过查资料,原来需要在自定义控件中重载下列三个方法,方法如下:
override public function get maxHorizontalScrollPosition():Number
{
if (isNaN(mx_internal::_maxHorizontalScrollPosition))
return 0;
return mx_internal::_maxHorizontalScrollPosition;
}
override public function set maxHorizontalScrollPosition(value:Number):void
{
mx_internal::_maxHorizontalScrollPosition = value;
dispatchEvent(new Event("maxHorizontalScrollPositionChanged"));
scrollAreaChanged = true;
invalidateDisplayList();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
var diffWidth:Number = measureWidthOfItems(0,0) - (unscaledWidth - viewMetrics.left - viewMetrics.right);
var indentation:Number = getStyle("indentation");
if (diffWidth <= 0)
maxHorizontalScrollPosition = NaN;
else
maxHorizontalScrollPosition = diffWidth + indentation;
super.updateDisplayList(unscaledWidth, unscaledHeight);
}
加上这三个方法后,水平滚动条如愿出现了。
分享到:
相关推荐
flex tree 自动显示横向滚动条 自定义重写
在Flex布局中,我们可以有几种不同的方法来实现滚动条,尽管它们在技术上可能被视为一种实现,但可以以不同的样式呈现。下面我们将详细探讨这些方法。 1. **默认滚动条**: 在不进行任何自定义的情况下,浏览器会...
根据给定的信息,我们可以深入探讨Flex中的异步加载Tree组件的相关知识点。 ### 一、Flex与AsyncTree组件 #### 1. Flex简介 Flex是一种开源的框架,用于构建跨平台的桌面应用程序和移动应用程序。它提供了强大的...
在Flex中,我们可以使用`HScroller`组件来实现水平滚动条。这个组件会自动根据容器内容的宽度来调整其滚动范围。 以下是实现步骤: 1. **创建Flex项目**:使用Flex Builder或相关的IDE(如Flash Builder)创建一个...
Flex中不用ScrollBar实现滚动效果
flex中利用tree中的子节点与自定义组件实现的在同一页面中实现导航
标题所提及的“flex tree自动显示横向滚动条实现代码”提供了一个自定义的解决方案,通过创建一个名为`AutoSizeTree`的类来扩展`mx.controls.Tree`,使得在内容溢出时能够自动显示横向滚动条。 首先,我们创建一个...
在进行前端开发时,特别是在使用Adobe Flex技术构建富互联网应用(RIA)中,处理大量数据的动态加载以及在Tree组件中实现滚动条功能是一个常见的问题。这一问题不仅影响到用户体验,而且对性能和开发效率也有极大...
本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...
在Flex4中,Scroller组件是一个容器,它可以包含其他组件,并提供垂直或水平滚动条,以便用户在内容超出显示区域时进行滚动。默认情况下,滚动条的样式可能不符合所有设计需求,因此,自定义滚动条皮肤是一个常见的...
在Flex CheckboxTree中,每个树节点都有一个与之关联的复选框。当用户点击复选框时,相应的树节点会被选中或取消选中。开发者可以通过监听CheckBoxTree的事件来处理这些变化,例如,当节点的选中状态改变时,更新...
在"flexwheel flex实现的图片滚动效果"中,"flexwheel"组件利用了Flex布局的特性,如`display: flex`、`flex-direction`、`justify-content`和`align-items`等属性,来创建一个可滚动的图片轮播。这种轮播通常具有...
这篇博客文章“Flex中tree实现的种种细节”深入探讨了如何在Flex应用中有效地利用Tree组件,以及在实现过程中可能遇到的一些关键问题。 首先,Tree组件的基础知识包括它的构造函数、属性、方法和事件。例如,`data`...
2. **Checkbox集成**:在Flex Tree中添加Checkbox,通常是为了提供多选功能。这需要自定义TreeItemRenderer,以便在每个节点上显示一个Checkbox。当用户勾选Checkbox时,表示选择了该节点。这个自定义的renderer需要...
在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...
Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...
在博客文章《Flex下拉框为Tree的ComboBox》中,作者cym_lmy提供了源码和截图,详细解释了实现过程。通过阅读源码,我们可以了解到如何设置Tree的dataProvider,如何处理选择事件,以及如何在ComboBox与Tree之间同步...
2. **滚动条组件**:在Flex中,滚动条组件(HScrollBar和VScrollBar)用于在内容超过视口大小时提供水平和垂直导航。它们与Scroller组件一起工作,自动管理显示和隐藏。当TextLayout容器内的内容不能完全展示时,...
Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...
在Flex开发中,Tree组件和Checkbox控件的结合使用是一个常见的需求,特别是在构建具有层级结构并需要用户进行多选操作的界面时。本插件专为此目的设计,它允许用户在树形结构中通过复选框来选择或取消选择节点,从而...