TabLayout使用介绍

概述

duilib中的CTabLayoutUI控件类似于QT中的Tab Widget，可以实现不同的页面切换

virtual bool SelectItem(int iIndex);
virtual bool SelectItem(CControlUI* pControl);

可以通过上述方法实现不同页面之间的切换

实例

xml布局文件如下

<TabLayout name="global_edit_panel_tablayout" selectnexttabctrl="false">
	<VerticalLayout name="page_add_panel">
	   <Container/>
	   <HorizontalLayout height="60">
			<Container/>
			<Button width="118" height="32" name="page_add_panel_btn" bkcolor="#ff0093FF" font="1800" hotbkcolor="#ff26A3FF" pushedbkcolor="#ff208AD9" textcolor="#ffffffff" text="+ 新建指标" borderround="1,1"/>
			<Container/>
	   </HorizontalLayout>
	   <Container/>                
	</VerticalLayout>
	<VerticalLayout>
		<Container />
		<HorizontalLayout height="80">
		<Container /> 
		<VerticalLayout width="300">
		<Label resourcetext="true" text="请输入修改后的密码：" padding="0,0,0,10" font="2001" textcolor="#FFD3D9DE" autocalcwidth="true" align="right" valign="center"/>
		<HorizontalLayout height="40">
			<EditEx name="edit_modify" font="1400" textpadding="5,5,10,0" padding="2,5,5,5" maxchar="20" width="200" multiline="false" focusbordercolor="#FF1E90FF" textcolor="#FFC7C2C73" bordersize="1" bordercolor="#FF171717" tipvaluecolor="#FFC7C2C7" bkcolor="#FF292E32" nativebkcolor="#FF292E32" tipvalue="" password="true" align="left" valign="center" readonly="false" hscrollbar="false" autohscroll="true"/>
			<Button name="btn_sure" width="75" height="26" padding="5,7,0,7" normalimage="file='res/msgbox/btn_ok.png' source='0,0,75,26'" hotimage="file='res/msgbox/btn_ok.png' source='75,0,150,26'" pushedimage="file='res/msgbox/btn_ok.png' source='150,0,225,26'" />
		</HorizontalLayout>
		</VerticalLayout>
		<Container />
		</HorizontalLayout>
		<Label name="modify_tip_label" font="1600" textcolor="#FFFE472F" align="center" valign="center"/>
		<Container />
	</VerticalLayout>
</TabLayout>

默认显示第一个布局：

CTabLayoutUI* tab_layout = (CTabLayoutUI*)FindSubControl(L"global_edit_panel_tablayout");
editor_panel_tab_->SelectItem(1);

上述代码可以显示第二个布局：

virtual bool SelectItem(CControlUI* pControl);

上面代码传控件则可以实现替换，使用其他的TabLayout控件替换该控件