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

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

1.列数自适应

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

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

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

删除下面这段话

	<HorizontalLayout inset="3,0,3,3">
		<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">
			<ListHeader height="24" menu="true">
				<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"/>
				<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"/>
				<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"/>
		</ListHeader>
		</List>
	</HorizontalLayout>

	<TileLayout inset="15,35,3,7" childpadding="10" name="title" itemsize="158,0" vscrollbar="true" hscrollbar="false" />

直接上效果图：

duilib CTileLayoutUI 控件