`
TernenceLY
  • 浏览: 8986 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

FlashSwing推出的List 组件

阅读更多
List 组件是一个可滚动的单选或多选列表框。

List 组件使用基于零的索引,其中索引为 0 的项目就是显示在顶端的项目。当使用 List 类的方法和属性添加、删除或替换列表项时,您可能需要指定该列表项的索引。

在单击列表或按 Tab 键切换到列表时,列表获得焦点,然后您可使用以下键控制它:





注意 Page Up 键和 Page Down 键使用的页的大小比可以显示的项数少一项。例如,在一个十行的下拉列表中向下翻页,将会依次显示第 0-9 项、第 9-18 项、第 18-27 项等等,每页都会有一个重叠项

以下示例演示列表的属性,以及监听用户交互操作的结果。
从"库"面板中拖动相关组件到舞台(或直接通过 ActionScript 代码创建组件实例),并对实例命名。

在主时间轴中选择第一帧,打开"动作"面板,然后输入以下代码:

import flash.events.Event;

my_list.addEventListener(Event.CHANGE, function(evt:Event){
selectedIndex_txt.text = my_list.getSelectedIndex().toString();
selectedIndices_txt.text = "[" + my_list.getSelectedIndices() + "]";
});
my_list.addItem({label:"Sunday",data:0});
my_list.addItem({label:"Monday",data:1});
my_list.addItem({label:"Tuesday",data:2});
my_list.addItem({label:"Wednesday",data:3});
my_list.addItem({label:"Thursday",data:4});
my_list.addItem({label:"Friday",data:5});
my_list.addItem({label:"Saturday",data:6});




通过自定义 CellRenderer 创建行高/宽不固定的列表。
首先,创建自定义单元格渲染器 MultiLineCellRenderer 类(继承于 ListCellRenderer)。

package {
import flash.text.TextFieldAutoSize;
public class MultiLineCellRenderer extends ListCellRenderer {
public override function getAutoSize():Boolean {
return true;
}
public override function repaint():void {
textField.autoSize = TextFieldAutoSize.LEFT;
textField.width = _width - textField.x * 2;
textField.htmlText = getLabel();
textField.textColor = getData().data;
skin.width = _width;
skin.height = textField.y * 2 + textField.height;
}
}
}
同上例,在主时间轴中选择第一帧,打开"动作"面板,然后输入以下代码:

my_list.setCellRenderer(MultiLineCellRenderer);
my_list.addItem({label:"Brown,  0xA52A2A",data:0xA52A2A});
my_list.addItem({label:"DarkSlateGray,  0x2F4F4F",data:0x2F4F4F});
my_list.addItem({label:"MediumAquamarine,  0x66CDAA",data:0x66CDAA});
my_list.addItem({label:"DeepSkyBlue,  0x00BFFF",data:0x00BFFF});
my_list.addItem({label:"MediumVioletRed,  0xC71585",data:0xC71585});
my_list.addItem({label:"Purple,  0x800080",data:0x800080});
my_list.addItem({label:"YellowGreen,  0x9ACD32",data:0x9ACD32});




具体参考资料来源地:http://www.shinater.com/FlashSwing/Help/List.html
  • 大小: 52.8 KB
  • 大小: 13.9 KB
  • 大小: 27.3 KB
分享到:
评论

相关推荐

    我写的list组件和scrollbar组件

    这里我们关注的是“list组件”和“scrollbar组件”,这两个组件在Web应用中非常常见,尤其是在数据量大的场景下。 首先,让我们详细讨论一下`list组件`。List组件通常用于展示有序或无序的数据列表,比如用户列表、...

    【JavaScript源代码】vant list组件滚动保留滚动条位置.docx

    Vant List组件是Vue.js框架中的一个常用的列表渲染组件,由Vant UI库提供。它主要用于展示大量数据的列表,并且通常与上拉加载、下拉刷新等交互效果结合使用。在某些场景下,比如在页面之间切换时,我们希望用户在...

    一个基于CocosCreator的List列表组件

    在CocosCreator游戏引擎中,开发游戏界面时经常会用到列表组件(List)来展示大量数据。这个基于CocosCreator的List列表组件是一个高效且功能丰富的解决方案,尤其适用于处理动态加载和大数据量的情况。以下是该组件的...

    使用List组件的多选功能

    在开发用户界面时,List组件是一个非常常见的控件,它用于展示一系列可选项供用户进行交互。本示例中,我们将关注"使用List组件的多选功能"来创建一个选课界面,允许用户同时选择多个课程,如OS(操作系统)、DS...

    vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

    因为listLoading被用作List组件的prop或是依赖的计算属性,组件会在listLoading值变化后重新计算其依赖,并触发组件的重新渲染,这样List组件的load事件就可以在切换到新Tab后被正确触发了。 通过这种方式,可以...

    flex组件LIST使用

    在Flex框架中,`List`组件是用于展示和操作数据集的一个强大工具。根据给定的文件信息,我们可以深入探讨如何在Flex应用中使用`List`组件,以及如何结合脚本进行动态数据处理。 ### 标题:Flex组件LIST使用 #### ...

    swiftUI 1.0 list 滚动到指定position

    首先,我们需要理解SwiftUI中的List组件。List是一个可滚动的视图,可以用来展示一系列相同的数据模型。你可以通过绑定数组来填充列表,并且每个数组元素对应List中的一行。例如: ```swift struct ContentView: ...

    react-virtual-list:超简单的虚拟化列表React组件

    用于版本^15.0.0 || ^16.0.0超简单虚拟化列表^15.0.0 || ^16.0.0... > npm install react-virtual-list --save用法./lib/VirtualList.js模块导出单个ES5兼容的,可访问CommonJS的组件工厂。 import VirtualList from 'r

    todo-list(模块化,组件化)

    在“todo-list”项目中,我们可以创建如TodoItem和TodoList这样的组件。TodoItem组件负责显示单个待办事项,包括文字、状态(已完成/未完成)等;TodoList组件则负责管理这些TodoItem,处理添加、删除和状态切换等...

    Vue+elementUI 实现动态增删List成员模块.vue

    Vue+elementUI 实现动态增删List成员模块 ,优化增删逻辑,简介代码复制即用

    HarmonyOS以长列表联系人为例,演示ListContainer组件的基本使用.zip

    在鸿蒙操作系统(HarmonyOS)的开发过程中,ListContainer组件是至关重要的,它用于展示大量、连续的数据,尤其适合创建列表形式的应用界面。在这个"HarmonyOS以长列表联系人为例,演示ListContainer组件的基本使用...

    基于Element封装一个表格组件tableList的使用方法

    尽管文中并未提供完整的代码实现,但根据描述可以断定,封装的 tableList 组件是对 Element UI el-table 组件的进一步抽象,让其具备了更多高级功能和更好的用户体验。同时,因为组件的属性和方法都遵循 Vue 的语法...

    Unity技术-FairtGUI实例教程-List篇.zip

    Unity技术-FairtGUI实例教程-List篇.zip这个压缩包文件是针对Unity游戏开发者的一个教程资源,主要聚焦在使用FairyGUI工具实现List组件的嵌套应用。FairyGUI是Unity上广泛使用的UI系统,它提供了强大的图形界面设计...

    as3 开源组件

    AS3开源组件是ActionScript 3的开源库和框架集合,它们为开发人员提供了一系列预构建的功能和组件,用于创建富互联网应用程序(RIA)或Flash平台上的交互式内容。ActionScript 3是Adobe Flash Player和Adobe AIR支持...

    Vue项目 Router路由,Pinia状态管理, Vuex状态管理 Vant List组件案例

    在项目中,我们使用了 `List`、`NavBar` 和 `Swipe` 等组件。`List` 提供了上拉加载更多功能,适用于长列表的滚动场景;`NavBar` 用于创建导航栏,增强用户体验;而 `Swipe` 组件则实现了轮播效果,常见于广告展示或...

    unity UGUI 无限循环List,开箱即用,自带例子

    在这个特定的资源中,开发者提供了一个预封装的无限循环List组件,适用于那些希望在游戏或应用中实现类似滚动列表效果的场景。这个组件允许用户在不增加额外性能负担的情况下,无缝浏览大量数据。 首先,我们来详细...

    CreatorList:基于creator封装的List组件

    CreatorList 由于creator本身没有提供list组件,我就基于creator封装了list组件,具体用法看demo就知道了,topTip和bottomTip是做下拉刷新用的,不过实现后并没有用于项目中,可能还有坑

    sencha touch list demo

    在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...

    Flex4.x 构建可编辑的List【带序号排列】

    在Flex4.x中,构建一个可编辑的List组件并实现带序号排列的功能是一项常见的需求,这主要涉及到Flex4的List组件、数据绑定、ItemRenderer自定义以及数据管理等方面的知识。下面将详细介绍如何实现这样的功能。 1. *...

Global site tag (gtag.js) - Google Analytics