动态设置每行显示的数目的关键是计算出每个label的最大长度。
<mx:TileList id="tl" dataProvider="{ac}" width="100%" height="90%" rowHeight="40" paddingLeft="10">
<mx:itemRenderer>
<mx:Component>
<mx:HBox width="100%" height="100%">
<mx:CheckBox label="{data.name}" selected="{data.sel}" click="{data.sel=!data.sel}" />
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
得到数据源后,对数据源进行处理
private function setListData(isFirst:Boolean):void{
var maxStrLength:int=0;
for(var i:int=0;i<ac.length;i++){
var item:Object=ac.getItemAt(i);
item.name= item[param.name];
if(item.name.length>maxStrLength){
maxStrLength=item.name.length;
}
if(isFirst){
item.sel=false;
}
ac.setItemAt(item,i);
}
//找到最大的字符串长度
var columnWidth:int=maxStrLength*24;
//大于默认的长度时才重新赋值
if(columnWidth>tl.columnWidth){
tl.columnWidth=columnWidth;
}
}
注意:当计算出来的最大长度小于默认值的时候要使用默认值。
分享到:
相关推荐
通过设置其`columns`属性可以指定每行显示的列数,而`columnWidth`和`rowHeight`则分别定义了每列和每行的宽度和高度。此外,`dataProvider`属性用于绑定数据源,使TileList能够显示数据。 二、相册数据结构 首先,...
接着,`TileList`的每个单元格通常由一个自定义的`ListNode`类表示,这个`ListNode`需要继承自`CCNode`,并包含显示所需的所有内容。例如,`CompeteRankListNode`包含了对排行榜数据的各种更新方法,如更新排名、...
在本例中,它用于展示图片,可能设置为每行显示一定数量的图片。 2. **Image控件**: - Image控件是Flex中用于显示图像的组件,它可以处理各种格式的图像资源,如JPEG、PNG等。 - 在这个相册应用中,每个TileList...
这个问题通常发生在TileList使用自定义ItemRenderer(如CheckBoxItemRenderer)时,当用户在TileList中选择一个CheckBox并滚动滚动条时,某些CheckBox的状态可能会错误地显示为已选中或未选中。这是因为Flex的...
Flex TileList是Adobe Flex框架中用于显示数据列表的一个组件,它能够展示一系列的项,比如图片、文本或按钮等。这些项通常会以水平或垂直滚动列表的形式展现。TileList组件虽然功能强大,但它并没有提供直接的属性...
2. 设置图片属性:Flex的Image组件提供了丰富的属性来控制图片的显示,例如: - `width` 和 `height`:设定图片的宽度和高度,可以用来缩放图片。 - `scaleContent`:设置为`true`时,图片将按比例缩放以适应组件...
- **介绍**:`TileList`是AS3中的一个UI组件,常用于显示多个相似元素,如图像列表。 - **应用场景**:可以用来展示多张截图,让用户选择并保存所需的图片。 - **代码示例**: ```actionscript var tileList:...
Flex是Adobe开发的一种用于构建富互联网应用程序(RIA)的框架,它基于ActionScript和MXML,主要用于构建在Web浏览器上运行的动态、交互性界面。本文将深入探讨Flex中的关键概念和技术,帮助开发者解决常见的Flex...
在本例中,使用了Flex的`TileList`组件来显示照片列表。`TileList`是一个灵活的布局容器,可以用于显示一系列项目,如照片或视频缩略图。 ```xml <mx:TileList dataProvider="{myPhotos}" /> ``` ### 5. 数据绑定 ...
本节介绍了如何设置和使用提示点来控制字幕的显示时机。 --- 通过以上章节的详细讲解,开发者不仅可以掌握如何使用现有的 ActionScript 3.0 组件,还可以学习如何根据自己的需求创建和自定义组件,从而构建出功能...
3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器内控制滚动和溢出 3.10 节控制Box 组件的布局 3.11 节使用容器初始化 ...
a set of components with angularjs, which includes Datagrid,tree,dialog,progress,tilelist,tabset,dividedbox,imageview and so on. 参照了UI Bootstrap等组件的写法,主要对指令进行了自己的封装,我们希望...
3. 将解析后的数据绑定到 Flex 组件,如 TileList 或 AdvancedDataGrid,以显示焦点图新闻。 4. 设计并创建自定义按钮皮肤,可以使用 Flex SDK 提供的 ButtonSkin 类作为基础,通过调整图形元素、颜色和动画来实现所...
DataGrid默认显示模型中的所有数据,列标题会自动设置为属性名,列的排列方式通常是不可预测的。通过可以自定义列的显示顺序和标题文字。 2. **创建自定义MXML组件**:MXML是基于XML的标记语言,用于定义Flex应用中...
Repeater组件用于重复渲染数据集中的每一项,适用于列表或网格的动态生成。 ### 打印控件(Print controls) #### FlexPrintJob FlexPrintJob组件用于处理打印任务,包括数据表格的打印。 #### ...
2. TextArea:支持多行显示的文本区域,可通过`editable=false`设置为只读。 3. TextInput:单行输入框。 4. RichTextEditor:包含文本处理功能的面板组件,提供更丰富的编辑能力。 5. Label:单行文本显示,不支持...
在这个例子中,`DataGrid`控件绑定了`artwork.piece`作为数据提供者,因此它会使用默认的条目渲染器来显示每个`piece`元素中的数据。 #### 七、结论 通过使用不同的条目渲染器技术,开发者可以在Adobe Flex中创建出...
- **Repeater**: 可以重复显示数据集合中每一项的容器组件。 #### Printcontrols(打印组件) - **FlexPrintJob、PrintDataGrid**: 打印相关的组件,支持打印DataGrid等内容。 #### Validatorsandformatters...
TileList组件以瓷砖形式显示列表数据,每个项目都占据一定的空间。 ##### 15. **Tree** Tree组件实现了树形结构的数据展示,适合用于层次分明的数据集合。 ##### 16. **VRule** VRule组件用于绘制垂直线,起到...