登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 947678|回复: 64

第四十四讲:用户界面 View(十一)

  [复制链接]

0

主题

0

帖子

-16

安币

限制会员

发表于 2011-4-29 18:08:26 | 显示全部楼层 |阅读模式
本讲内容:标签页的实现 TabHost TabWidget TabActivity
使用Tab标签页控件,可以在同一个空间里放置更多内容。譬如Android自带的拨号程序及通讯录等,就使用了Tab标签功能:

下面我们用实例的方式来学习如何制作上面类似的标签效果,其实还是很简单的。我同样是把解释写到示例的注释里了,注释是我的理解并不准确,方便你记忆而已。
1、新建一个项目 Lesson44_Tab ,Activity起名叫 MainActivity
2、编写 main.xml 内容如下,这次的形式和普通布局文件有所区别,请注意看写法:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- 根元素是 TabHost ,我们这个文件要和TabActivity配合使用,在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost,
  3.         因此这里的ID也要定死成TabHost 的ID 是定死的 "@android:id/tabhost" 下面的类似,不再解释。 -->
  4. <tabhost android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost">

  5.         <!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->
  6.         <tabwidget android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@android:id/tabs">
  7.         </tabwidget>
  8.         <!-- FrameLayout 就是标签的内容显示部分,注意ID的写法,还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->
  9.         <framelayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@android:id/tabcontent" android:paddingtop="65dp">
  10.                 <!-- LinearLayout 是一个标签里的内容,程序根据你定义的ID来把他们放在不同的标签下面 -->
  11. <linearlayout android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/linearLayout1">
  12.                         <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/textView1" android:text="标签1中的内容">
  13.                         </textview>
  14.                 </linearlayout>
  15.                 <!-- LinearLayout 是另一个标签里的内容-->
  16. <linearlayout android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/linearLayout2">
  17.                         <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/textView2" android:text="标签2中的内容">
  18.                         </textview>
  19.                 </linearlayout>
  20.         </framelayout>
  21. </tabhost>
复制代码
3、编写 MainActivity,请注意它继承的是 TabActivity 类,解释在代码里:
  1. package basic.android.lesson44;

  2. import android.app.TabActivity;
  3. import android.os.Bundle;
  4. import android.widget.TabHost;

  5. public class MainActivity extends TabActivity {

  6.         @Override
  7.         public void onCreate(Bundle savedInstanceState) {
  8.                 super.onCreate(savedInstanceState);
  9.                 setContentView(R.layout.main);

  10.                 // tabHost是一个标签容器
  11.                 TabHost tabHost = this.getTabHost();

  12.                 // 每一个TabSpec对象就是个标签
  13.                 // TabSpec.setIndicator()方法是设置标签显示样式
  14.                 // TabSpec.setContent()方法显示标签下方的内容显示

  15.                 //定义第一个标签
  16.                 tabHost.addTab(tabHost.newTabSpec("OneTab")
  17.                                 .setIndicator("OneTab", getResources().getDrawable(android.R.drawable.star_on))
  18.                                 .setContent(R.id.linearLayout1));

  19.                 //定义第二个标签
  20.                 tabHost.addTab(tabHost.newTabSpec("TwoTab")
  21.                                 .setIndicator("TwoTab", getResources().getDrawable(android.R.drawable.star_off))
  22.                                 .setContent(R.id.linearLayout2));

  23.         }
  24. }
复制代码

4、编译程序,运行代码,查看结果:[url=http://android.yaohuiji.com/wp-content/uploads/2011/03/image13.png]

点击 TwoTab ,标签切换:
[url=http://android.yaohuiji.com/wp-content/uploads/2011/03/image14.png][/url]
关于注释你最好先看一遍,等代码跑起来后再看一遍。好了,本讲就到这里。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

2826

主题

7684

帖子

9531

安币

管理员

Rank: 9Rank: 9Rank: 9

QQ达人最佳新人活跃会员热心会员推广达人灌水之王突出贡献

QQ
发表于 2011-4-30 09:32:52 | 显示全部楼层
不错的教程哈···

0

主题

47

帖子

35

安币

程序猿

Rank: 2

发表于 2011-10-24 23:41:44 | 显示全部楼层
谢谢分享~~

主题

帖子

安币

游客

发表于 2011-11-8 23:13:46 | 显示全部楼层
我想问一下为什么代码也是这些代码,没有ERROR,可是run了以后程序打不开呢?

0

主题

52

帖子

29

安币

程序猿

Rank: 2

发表于 2011-12-1 20:42:59 | 显示全部楼层
学习了,练习下

0

主题

16

帖子

118

安币

程序猿

Rank: 2

发表于 2011-12-30 17:47:31 | 显示全部楼层
给力,非常详细
<-sina_sign,1167723217,c3e417d3,1->

0

主题

39

帖子

6

安币

初级码农

Rank: 1

发表于 2012-2-7 11:49:03 | 显示全部楼层
感谢分享,支持一下

0

主题

107

帖子

17

安币

程序猿

Rank: 2

QQ达人

发表于 2012-4-16 13:19:58 | 显示全部楼层
顶起  我是菜鸟 学习下
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表