`

Flex中实现tree水平滚动条自动加载

阅读更多
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 tree 自动显示横向滚动条 自定义重写

    flex滚动条三种实现方式

    在Flex布局中,我们可以有几种不同的方法来实现滚动条,尽管它们在技术上可能被视为一种实现,但可以以不同的样式呈现。下面我们将详细探讨这些方法。 1. **默认滚动条**: 在不进行任何自定义的情况下,浏览器会...

    flex 异步加载tree

    根据给定的信息,我们可以深入探讨Flex中的异步加载Tree组件的相关知识点。 ### 一、Flex与AsyncTree组件 #### 1. Flex简介 Flex是一种开源的框架,用于构建跨平台的桌面应用程序和移动应用程序。它提供了强大的...

    flex横向条形图增加滚动条分页显示数据

    在Flex中,我们可以使用`HScroller`组件来实现水平滚动条。这个组件会自动根据容器内容的宽度来调整其滚动范围。 以下是实现步骤: 1. **创建Flex项目**:使用Flex Builder或相关的IDE(如Flash Builder)创建一个...

    Flex中不用ScrollBar实现滚动效果

    Flex中不用ScrollBar实现滚动效果

    flex中利用tree中的子节点实现的导航

    flex中利用tree中的子节点与自定义组件实现的在同一页面中实现导航

    flex tree自动显示横向滚动条实现代码

    标题所提及的“flex tree自动显示横向滚动条实现代码”提供了一个自定义的解决方案,通过创建一个名为`AutoSizeTree`的类来扩展`mx.controls.Tree`,使得在内容溢出时能够自动显示横向滚动条。 首先,我们创建一个...

    flex的tree动态加载大量数据与滚动条相关问题探讨

    在进行前端开发时,特别是在使用Adobe Flex技术构建富互联网应用(RIA)中,处理大量数据的动态加载以及在Tree组件中实现滚动条功能是一个常见的问题。这一问题不仅影响到用户体验,而且对性能和开发效率也有极大...

    Flex 4.5 实现tree拖拽到任意组建

    本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...

    经过修改皮肤的flex4滚动条。

    在Flex4中,Scroller组件是一个容器,它可以包含其他组件,并提供垂直或水平滚动条,以便用户在内容超出显示区域时进行滚动。默认情况下,滚动条的样式可能不符合所有设计需求,因此,自定义滚动条皮肤是一个常见的...

    flex带复选框的tree,flex checkboxtree

    在Flex CheckboxTree中,每个树节点都有一个与之关联的复选框。当用户点击复选框时,相应的树节点会被选中或取消选中。开发者可以通过监听CheckBoxTree的事件来处理这些变化,例如,当节点的选中状态改变时,更新...

    flexwheel flex实现的图片滚动效果

    在"flexwheel flex实现的图片滚动效果"中,"flexwheel"组件利用了Flex布局的特性,如`display: flex`、`flex-direction`、`justify-content`和`align-items`等属性,来创建一个可滚动的图片轮播。这种轮播通常具有...

    Flex中tree实现的种种细节

    这篇博客文章“Flex中tree实现的种种细节”深入探讨了如何在Flex应用中有效地利用Tree组件,以及在实现过程中可能遇到的一些关键问题。 首先,Tree组件的基础知识包括它的构造函数、属性、方法和事件。例如,`data`...

    Flex Tree 中Checkbox

    2. **Checkbox集成**:在Flex Tree中添加Checkbox,通常是为了提供多选功能。这需要自定义TreeItemRenderer,以便在每个节点上显示一个Checkbox。当用户勾选Checkbox时,表示选择了该节点。这个自定义的renderer需要...

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    Flex tree的用法

    Flex Tree组件是Adobe Flex框架中的一个关键元素,用于在用户界面上展示层次结构的数据。它在各种应用程序中广泛使用,特别是在需要展现具有嵌套结构的数据时,如文件系统、组织结构或者复杂的分类信息。让我们深入...

    Flex 下拉框为Tree的ComboBox

    在博客文章《Flex下拉框为Tree的ComboBox》中,作者cym_lmy提供了源码和截图,详细解释了实现过程。通过阅读源码,我们可以了解到如何设置Tree的dataProvider,如何处理选择事件,以及如何在ComboBox与Tree之间同步...

    flex textlayout 滚动条

    2. **滚动条组件**:在Flex中,滚动条组件(HScrollBar和VScrollBar)用于在内容超过视口大小时提供水平和垂直导航。它们与Scroller组件一起工作,自动管理显示和隐藏。当TextLayout容器内的内容不能完全展示时,...

    flex tree 教程二

    Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...

    flex中tree和checkbox结合使用的插件

    在Flex开发中,Tree组件和Checkbox控件的结合使用是一个常见的需求,特别是在构建具有层级结构并需要用户进行多选操作的界面时。本插件专为此目的设计,它允许用户在树形结构中通过复选框来选择或取消选择节点,从而...

Global site tag (gtag.js) - Google Analytics