这个布局怎么弄啊，想做一个类似的布局，做出来不能实现页面切换

下面几个xml，就这样布局，就能实现页面切换，我自己想做一个包含更多模块的，应该怎么做啊，在线等。
<?xml version="1.0" encoding="utf-8"?>









<?xml version="1.0" encoding="utf-8"?>







<?xml version="1.0" encoding="utf-8"?>







<?xml version="1.0" encoding="utf-8"?>







没看懂，没贴全还是啥的

主xml






1xml
 <VerticalLayout inset="4,0,4,4" bkcolor="#FF00FF00" >
<Control />
<TabChangeButton tab="tab" selectedid="0" height="20" text = "第一页" bkcolor="#FFFFFFFF" textcolor="#FF00FF00"/>
<TabChangeButton tab="tab" selectedid="1" height="20" text = "第二页" bkcolor="#FFFFFFFF" textcolor="#FF00FF00"/>
<TabChangeButton tab="tab" selectedid="2" height="20" text = "第三页" bkcolor="#FFFFFFFF" textcolor="#FF00FF00"/>


2xml
<VerticalLayout inset="4,0,4,4" bkcolor="#FF0000FF" >
<Control />
<TabChangeButton tab="tab" selectedid="0" height="20" text = "第一页" bkcolor="#FFFFFFFF" textcolor="#FF0000FF"/>
<TabChangeButton tab="tab" selectedid="1" height="20" text = "第二页" bkcolor="#FFFFFFFF" textcolor="#FF0000FF"/>
<TabChangeButton tab="tab" selectedid="2" height="20" text = "第三页" bkcolor="#FFFFFFFF" textcolor="#FF0000FF"/>


3xml
<VerticalLayout inset="4,0,4,4" bkcolor="#FFFF0000" >
<Control />
<TabChangeButton tab="tab" selectedid="0" height="20" text = "第一页" bkcolor="#FFFFFFFF" textcolor="#FFFF0000"/>
<TabChangeButton tab="tab" selectedid="1" height="20" text = "第二页" bkcolor="#FFFFFFFF" textcolor="#FFFF0000"/>
<TabChangeButton tab="tab" selectedid="2" height="20" text = "第三页" bkcolor="#FFFFFFFF" textcolor="#FFFF0000"/>

图片说明
就是这个图片这种

切换不了就把模块都写在页面 show(),hide()控制

这个是html吗？好像只是textcolor不一样？

图片说明