`
ch_kexin
  • 浏览: 898902 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

EUI List列表实现人物列表

 
阅读更多

一  Scroll+List ,拖动组件到exml。

List不能写定高度,不然无法自动扩展。

 

 二 新建List条目皮肤, ListItemSkin皮肤

条目皮肤下有:一个红色背景Rect,头像Image,昵称Label

 

 

名字Label的文本{data.name}

 

 

头像Image的资源{data.headUrl}

 

三  代码设置数据源

将带头像和名字的数组hero封装到ArrayCollection中,然后赋值给List的数据源dataProvider即可。

private heroList:eui.List;
public constructor() {
     super();
     this.skinName = "HomeSceneSkin";
}
    
public childrenCreated(){
     var heroArr:Array<Object> = [
     { headUrl:"off_png", name:"peter"},
     { headUrl:"off_png",name: "marry" },
     { headUrl: "off_png",name: "peter" },
     { headUrl: "off_png",name: "marry" },
     { headUrl: "off_png",name: "peter" },
     { headUrl: "off_png",name: "marry" }
     ];
        
    this.heroList.dataProvider = new eui.ArrayCollection(heroArr);
}

 

分享到:
评论

相关推荐

    DemoEUI-eui的基本用法

    《DemoEUI-eui的基本用法》 在HTML5游戏开发领域,Egret引擎以其高效、跨平台的特性受到了广泛关注。其中,EUI(Egret User Interface)是Egret提供的一种强大的UI框架,它为开发者提供了丰富的UI组件和布局管理...

    egret eui 例子

    EUI是一套基于Egret核心显示列表的UI扩展库,它封装了大量的常用UI组件,能够满足大部分的交互界面需求,即使更加复杂的组件需求,您也可以基于EUI已有组件进行组合或扩展,从而快速实现需求。EUI里可以使用 EXML 来...

    eui 使用说明

    在深入探讨“eui 使用说明”这一主题之前,我们首先需要理解EUI(Enhanced User Interface)的概念及其在IT行业中的应用。EUI通常指的是一种优化用户界面的技术或框架,旨在提供更丰富、更直观的用户体验。在给定的...

    EUI登录器兔玩版

    EUI兔玩登录器。可以用。还不错~EUI官网爆炸!

    EUI开发手册.chm

    EUI开发手册.chm

    eui.js

    eui.js

    基于白鹭引擎与TypeScript的奥运比赛EUI布局设计源码

    该系统通过EUI实现快速布局和模板设计,实现逻辑、数据和样式的分离,并采用AJAX技术实现与后台的数据交互,支持数据的动态更新与互通。同时,项目对公用皮肤模板进行高效利用和循环加载,以优化整体性能。

    DBM语音包 for EUI

    DBM可能包含权限管理、角色定义、加密等功能,以保护数据库免受未经授权的访问。 6. **备份与恢复**:DBM可能会提供数据库备份和恢复的解决方案,以防数据丢失或系统故障。 7. **性能监控**:为了确保数据库的高效...

    Eui-开源

    《EUI:魔兽争霸中国的开源神器》 在广阔的电子竞技世界中,魔兽争霸III一直以其独特的魅力吸引着众多玩家和开发者。在这个领域里,EUI(Enhanced User Interface)作为一个开源项目,为游戏界面的定制化提供了无限...

    jspin eui-1-5-1

    "jspin eui-1-5-1" 是一个针对网络协议进行验证的工具,它在IT领域中扮演着重要角色,特别是在网络开发、测试和维护过程中。JSpin(可能是Java Spin)可能是一个用Java语言编写的软件,其EUI(可能是Extended User ...

    mac_address_eui48:代表MAC地址的类的实现(IEEE EUI48标识符)

    Mac地址Eui48 这是MAC地址的实现,以及用于OUI查找和随机MAC地址生成的工具。 它可以用作Ruby库或通过命令行工具使用。 OUI解析器基于IEEE 提供的官方OUI文件。 该文件存储在data/ 。特征命令行工具gen_mac_address....

    eui:一个引导 UI 组件库

    eui是事件驱动的bootstrap前端组件库。 需要global依赖 jquery bootstrap mustache BUGS AND FEATURES 在ISSUES提交问题。 QUICK START eui需要全局依赖jquery,bootstrap,fontawesome 定义data-main的js路径 入口...

    IPv6技术课件:EUI-64生成IPv6地址.pdf

    "IPv6技术课件:EUI-64生成IPv6地址" 本文档主要讲述了IPv6技术中EUI-64生成IPv6地址的过程和原理。通过学习本节内容,您将能够了解EUI-64的构造规则和工作原理,掌握EUI-64生成IPv6地址的过程,并能够独立计算MAC...

    with-eui:带有EUI的样板仓库

    样板存储库,用于使用来自组件来源的@elastic/eui跑步要启动开发服务器,请执行yarn start 。 编译捆绑软件后,在浏览器中打开 。 启用了热模块替换,但未配置它,因此每次JS或SCSS更改都会自动重新编译并重新加载...

    DBM for EUI新版的语音包

    在这个场景下,"DBM for EUI 新版的语音包"很可能是为EUI(可能是某种用户界面或游戏引擎)设计的一个数据库管理工具的更新版本,它引入了新的语音功能或者对现有语音模块进行了优化。 在数据库相关的开发中,DBM...

    eui:弹性UI框架:raising_hands:

    您应该查看我们的,其中包含EUI框架美学中的许多组件示例,以及如何在产品中使用它们。 我们还有一个,涵盖常见用法问题。 安装 要将Elastic UI Framework安装到现有项目中,请使用yarn CLI(不支持npm )。 yarn ...

    ember-eui:https://elastic.github.ioeui的Ember组件

    该项目旨在提供实现的css层的余烬组件 图示 为使图标正常工作,您需要: 安装ember-svg-jar 将以下ember-svg-jar选项添加到ember-cli-build.js : 注意:我们目前正在使用来自ember-svg-jar的叉子,用于hbs策略...

    EUIProgressBar:一个简单的安卓进度条,比如华为EUI进度条

    EUI进度条这是一个简单的进度条,比如华为 EUI 进度条,以及一个带有 ProgressBar 的 GifImageView。截图Gradledependencies { compile ' com.github.whilu.EUIProgressBar:library:1.0.0 '} 有任何问题,请给我。...

    egret 示例

    3. **创建列表组件**:如何实例化EUI中的`List`类,并设置数据源、选择模式、滚动方向等属性。 4. **数据绑定**:Egret的双向数据绑定机制,可以将列表的数据模型与UI组件的显示内容关联起来,数据改变时UI会自动...

    Eui:我遇到的漂亮的android ui。它对日常编码有很大帮助

    更进一步,"Eui"项目可能还包含了自定义View的实现,这是Android UI开发中的高级技巧。自定义View允许开发者根据需求创建独一无二的UI元素,例如动画效果、交互式图表等。通过分析项目中的自定义View代码,开发者...

Global site tag (gtag.js) - Google Analytics