duilib CTileLayoutUI 控件

平铺布局在界面布局里面还是使用的比较多的,CTileLayoutUI继承于CContainerUI , 增加的东西不多,最主要的还是SetPos函数。

通过分析SetPos函数可以得到下面几点:

1.列数自适应

2.子控件高度自适应(每行子控件宽度最高的为基准)

3.子控件宽度至少大于等于子控件宽度


使用就很简单了 ,还是以 listDemo为基础来修改

删除下面这段话

[html]  view plain copy
  1. <HorizontalLayout inset="3,0,3,3">  
  2.     <List name="domainlist" bkcolor="#FFFFFFFF" inset="0,0,0,0" itemshowhtml="true" vscrollbar="true" hscrollbar="true" headerbkimage="file='list_header_bg.png'" itemalign="center" itembkcolor="#FFE2DDDF" itemaltbk="true" hscrollbar="false" menu="true">  
  3.         <ListHeader height="24" menu="true">  
  4.             <ListHeaderItem text="No" font="1" width="30" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>  
  5.             <ListHeaderItem text="Domain" font="1" width="260" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>  
  6.             <ListHeaderItem text="Description" font="1" width="240" hotimage="file='list_header_hot.png'" pushedimage="file='list_header_pushed.png'" sepimage="file='list_header_sep.png'" sepwidth="1"/>  
  7.     </ListHeader>  
  8.     </List>  
  9. </HorizontalLayout>  

将上面的 配置换成下面的,不知道为什么 加上 xml注释之后会出现问题 

[html]  view plain copy
  1. <TileLayout inset="15,35,3,7" childpadding="10" name="title" itemsize="158,0" vscrollbar="true" hscrollbar="false" />  


还是在OnSearch函数添加代码



duilib CTileLayoutUI 控件_第1张图片


直接上效果图:





duilib CTileLayoutUI 控件_第2张图片

你可能感兴趣的:(duilib CTileLayoutUI 控件)