热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Android开发:巧妙运用ViewStub写出类似Tab选项卡

nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd

巧妙运用ViewStub写出类似Tab选项卡(想怎么写tab就怎么写,横着写竖着写随你)

网上找了半天也没找到如何运用ViewStub写出一个选项卡,而且关于ViewStub也都是基本介绍(基础知识请参照网上,一大坨的转载).之前看到一个老兄写的模拟iphone选项卡的界面,但是那个太麻烦了,本人天生懒惰,没办法只好自己动手写一个了。

先睹为快,看下面截图(有点类QQ通讯录),最底下是一个类似于Tab的选项卡(有点iphone选项卡感觉吧)。  

为了简单起见,这里就不用这个截图做例子了,下面就用写一个最简单的Demo。

第一步:还是先建立底部的选项卡(其实就是一个TableLayout布局),代码如下(main.xml):

  1. xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout   
  3.      xmlns:Android="http://schemas.android.com/apk/res/android"  
  4.       android:layout_width="wrap_content"   
  5.       android:layout_height="wrap_content"  
  6.       android:background="#ffffff">  
  7. <TableLayout android:layout_width="fill_parent"  
  8.         android:layout_height="54dip"  
  9.         android:orientation="horizontal"  
  10.         android:layout_gravity="bottom"  
  11.         android:layout_alignParentBottom="true"  
  12.         xmlns:android="http://schemas.android.com/apk/res/android"  
  13.         >  
  14.         <TableRow  
  15.             android:layout_width="fill_parent"  
  16.             android:layout_height="54dip"  
  17.             >  
  18.             <Button   
  19.                 android:id="@+id/btn1"  
  20.                 android:background="#888888"  
  21.                 android:layout_width="70dip"  
  22.                 android:layout_height="54dip"  
  23.                 android:layout_weight="1"  
  24.                 android:text="Button 1"  
  25.                 />  
  26.             <Button   
  27.                 android:id="@+id/btn2"  
  28.                 android:background="#888888"  
  29.                 android:layout_width="70dip"  
  30.                 android:layout_height="54dip"  
  31.                 android:layout_weight="1"  
  32.                 android:text="Button 2"  
  33.                 />  
  34.             <Button   
  35.                 android:background="#888888"  
  36.                 android:id="@+id/btn3"  
  37.                 android:layout_width="70dip"  
  38.                 android:layout_height="54dip"  
  39.                 android:layout_weight="1"  
  40.                 android:text="Button 3"  
  41.                 />  
  42.             <Button   
  43.                 android:background="#888888"  
  44.                 android:id="@+id/btn4"  
  45.                 android:layout_width="70dip"  
  46.                 android:layout_height="54dip"  
  47.                 android:layout_weight="1"  
  48.                 android:text="Button 4"  
  49.                 />         
  50.         TableRow>         
  51.     TableLayout>  
  52. RelativeLayout>  

效果图:


推荐阅读
author-avatar
thiji_0
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有