Android左侧的选项卡

首先使用RelativeLayout(相对布局),即RelativeLayout 按照控件之间相对位置或相对父容器位置进行排列布局。TabHost容器可以方便地在窗口上放置多个标签页,每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域。
然后使用LinearLayout相对布局,来布局整个页面的内容,设置宽度和高度分别为match_parent,排列方式(orientation)为水平(horizontal)。
通过TabHost的子控件TabWidget,设置TabWidget,用了存放多个Tab标签的容器。
然后通过FrameLayout(框架布局),FrameLayout 整个界面被当成一块空白备用区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。设置FrameLayout的宽度和高度分别为match_parent。见截图:
Android左侧的选项卡_第1张图片
通过LinearLayout布局页面。设置宽度和高度分别为match_parent,排列方式(orientation)为水平(horizontal),以及设置文字的字体颜色textColor,然后分别设置text的文本内容,text的内容分别为:选项卡一、选项卡二、选项卡三,见截图:
Android左侧的选项卡_第2张图片
Android左侧的选项卡_第3张图片
设置布局,获取TabHost的id, 为TabHost添加标签,新建一个newTabSpec(newTabSpec),设置其标签和图标(setIndicator),设置标签分别为选项卡一、选项卡二、选项卡三,设置内容(setContent),
设置TabWidget的布局参数, 见截图:
Android左侧的选项卡_第4张图片
执行结果,见图一、图二、图三:
Android左侧的选项卡_第5张图片
图一
Android左侧的选项卡_第6张图片
图二
Android左侧的选项卡_第7张图片
图三

你可能感兴趣的:(Android左侧的选项卡)