8. android Tab 选项卡控件

最新推荐文章于 2022-05-28 18:12:12 发布

原创最新推荐文章于 2022-05-28 18:12:12 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #encoding #string #service #application

android入门专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一个简单的Android选项卡示例应用。通过使用TabActivity，该应用创建了三个带有图片和文字说明的选项卡，展示了如何定义选项卡内容、设置指示器和绑定布局。

目录结构

第一步

res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Hello World, MyTabActivity!</string> <string name="app_name">选项卡Demo</string> <string name="andy">Andy Rubin--Android的创造者</string> <string name="bill">Bill Joy--Java的创造者</string> <string name="torvalds">Linus Torvalds --Linux之父</string> </resources>

第二步

res/layout/tab_layout.xml

<?xml version="1.0" encoding="utf-8"?>  <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <LinearLayout android:id="@+id/linearLayout1" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/imageView01" android:layout_gravity="center" android:scaleType="fitXY" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/andy"/> <TextView android:id="@+id/testView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20dip" android:text="@string/andy" /> </LinearLayout> <LinearLayout android:id="@+id/linearLayout2" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/imageView02" android:layout_gravity="center" android:scaleType="fitXY" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/bill"/> <TextView android:id="@+id/testView02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20dip" android:text="@string/bill" /> </LinearLayout> <LinearLayout android:id="@+id/linearLayout3" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" android:orientation="vertical" > <ImageView android:id="@+id/imageView03" android:layout_gravity="center" android:scaleType="fitXY" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/torvalds"/> <TextView android:id="@+id/testView03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20dip" android:text="@string/torvalds" /> </LinearLayout> </FrameLayout>

第三步

src/com/myandroid/tab/MyTabActivity.java

package com.myandroid.tab; import android.app.TabActivity; import android.os.Bundle; import android.view.LayoutInflater; import android.widget.TabHost; public class MyTabActivity extends TabActivity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TabHost tabHost = this.getTabHost(); /* * LayoutInflater的作用类似于 findViewById(), * 不同点是LayoutInflater是用来找layout文件夹下的xml布局文件，并且实例化 * 注：findViewById()只是找控件之类(如Button和EditView) * * LayoutInflater.from(this)获得context实例 * 也就是相当于this.getSystemService(Context.LAYOUT_INFLATER_SERVICE); * LAYOUT_INFLATER_SERVICE 取得xml里定义的view *----------------------------------------------------------------------- * getSystemService: * 根据传入的NAME来取得对应的Object，然后转换成相应的服务对象 * android的后台运行在很多service， * 它们在系统启动时被SystemServer开启，支持系统的正常工作， * 比如MountService监听是否有SD卡安装及移除，ClipboardService提供剪切板功能， * 应用程序可以通过系统提供的Manager接口来访问这些Service提供的数据 *----------------------------------------------------------------------- * * inflate是把xml表述的layout转化为View * tabHost.getTabContentView() 获得Tab标签页的FrameLayout * true表示将inflate绑定到根布局元素上 */ LayoutInflater.from(this) .inflate(R.layout.tab_layout, tabHost.getTabContentView(), true); /* * tabHost.newTabSpec("Tab1") 创建TabHost.TabSpec, * TabSpec即是选项卡的指示符，对于TabSpec可以设置一个标题或者设置一个标题和图标 * setIndicator 是为选项卡指示符指定一个标签和图标 * setContent 为选项卡的内容指定视图的ID */ tabHost.addTab( tabHost.newTabSpec("Tab1") .setIndicator("Tab1", getResources().getDrawable(R.drawable.png1) ).setContent(R.id.linearLayout1) ); tabHost.addTab( tabHost.newTabSpec("Tab2") .setIndicator("Tab2", getResources().getDrawable(R.drawable.png2) ).setContent(R.id.linearLayout2) ); tabHost.addTab( tabHost.newTabSpec("Tab3") .setIndicator("Tab3", getResources().getDrawable(R.drawable.png3) ).setContent(R.id.linearLayout3) ); } }

第四步

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.myandroid.tab" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".MyTabActivity" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> <uses-sdk android:minSdkVersion="8" /> </manifest>

效果图：