egret:list网格布局

摘要:
1、 首先,构建一个listitem皮肤并绑定要填充的数据。2.创建列表并填写数据。3.使用eui-TileLayout设置垂直和水平网格布局之间的间距以及设计的列数。最后,将设置的布局绑定到列表。布局中的最终效果:实际上,在实现过程中,我犯了一个错误,这也被记录下来:最初,我将创建的列表添加到一个组中,然后在该组中设置网格布局。结果当然不是!

一、首先,搭建一个list item的皮肤,并绑定需要填充的数据

egret:list网格布局第1张

二、创建list列表,并填充数据

egret:list网格布局第2张

三、使用eui.TileLayout进行网格布局

设置垂直和水平之间的间隔,以及所设计的列数

最后将设置好的layout绑定到list.layout中

egret:list网格布局第3张

最终实现效果:

egret:list网格布局第4张

其实,在实现过程中,我犯了一个错误,也一并记录下来:

egret:list网格布局第5张

原本,我将创建好的list添加到一个组里面,然后在这个group中再去设置网格布局。

结果,当然是不行的!

因为list本身是一个容器,设置layout只能直接向list设置,而不是list的容器!

免责声明:文章转载自《egret:list网格布局》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ios 百度地图坐标转换第18章-使用WebSocket和STOMP实现消息功能下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python数组操作

python中的数组其实就是list,但它更像是java的arraylist,而且功能比arraylist更强大。因为python的list其实是个对象,所以对于他的操作和删除比较有讲究。 创建列表sample_list = ['a',1,('a','b')]Python 列表操作sample_list = ['a','b',0,1,3]得到列表中的某一个...

java list按照元素对象的指定多个字段属性进行排序

ListUtils.java---功能类 package com.enable.common.utils;import java.lang.reflect.Field;import java.text.NumberFormat;import java.util.Collections;import java.util.Comparator;import j...

MVC中 DropDownList编辑默认选中的使用

MVC DropDownList编辑默认选中   DropDownList则与TextBox等控件不同,它使用的是select标记。它需要两个值:在下拉框中显示的列表,和默认选项。而自动绑定一次只能绑定一个属性,因此你需要根据需要选择是绑定列表,还是默认选项。 DropDownList扩展方法的各个重载版本“基本上”都会传递到这个方法上: ? pu...

C# 对sharepoint 列表基本操纵

一、更新 using Microsoft.SharePoint; SPWeb site = SPControl.GetContextWeb(Context); SPListItemCollection items = site.Lists["ListName"].Items; SPListItem item = items.Add(); item["Fi...

yarn 常用命令

yarn addyarn add [package]@[version]这将安装您的dependencies中的一个或多个包。用 --dev 或 -D 会在 devDependencies 里安装一个或多个包。 yarn global add <package...>全局安装依赖。对于绝大部分包来说,这是个坏习惯,因为它们是隐藏的。 最好本...

uniapp多选按钮

闲言少叙,直接上效果图,看图才知道是不是自己想要的效果 HTML代码 <view class="page index"> <!--多选,不改变选择中后的值 --> <view class="list-box"> <view v-for="(item,inde...