Tab组件和其他组件结合使用（含ListView）
完成如下列各图的效果：
首先先对这个页面进行布局，在主要的xml（activity_tab_list_view.xml）中代码如下：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/star2"/> <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" android:textSize="50dip" android:layout_centerVertical="true" android:layout_centerHorizontal="true"/></RelativeLayout>
在添加两个与ListView有关的xml文件分别命名，
在activity_tab01.xml编写的代码是：
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:background="#FFFFFF"> <ListView android:id="@+id/listView" android:layout_width="fill_parent" android:layout_height="fill_parent"></ListView></RelativeLayout>
在tab01_item.xml中编写的代码是：
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <!-- 左边图片部分 --> <ImageView android:id="@+id/photo" android:layout_width="48dp" android:layout_height="48dp" /> <!-- 右边布局 --> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <!-- 右上方 --> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <!-- 用户名 --> <TextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#000000"/> <!-- 发布时间 --> <TextView android:id="@+id/time" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="right" android:textColor="#000000"/> </LinearLayout> <!-- 右下方发布内容 --> <TextView android:id="@+id/content" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textColor="#000000"/> </LinearLayout></LinearLayout>
在主要的Activity（TabListViewActivity.java）中编写的代码如下：
package com.bzu.tablistview.activity;import com.bzu.tablistview.activity.R;import android.os.Bundle;import android.app.Activity;import android.app.TabActivity;import android.content.Intent;import android.content.res.Resources;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuItem;import android.widget.TabHost;import android.support.v4.app.NavUtils;//第一步：extends TabActivitypublic class TabListViewActivity extends TabActivity{@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 第二步：获取选项卡组TabHost tabHost = getTabHost();// 第三步：引用布局文件LayoutInflater inflater = LayoutInflater.from(this);inflater.inflate(R.layout.activity_tab_list_view,tabHost.getTabContentView());// 第四步：创建对象Resources r = getResources();Intent intent=new Intent();intent.setClass(this, Tab01Activity.class);TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01").setIndicator("", r.getDrawable(R.drawable.star01)).setContent(intent);TabHost.TabSpec tab02 = tabHost.newTabSpec("tab02").setIndicator("", r.getDrawable(R.drawable.star02)).setContent(R.id.image);TabHost.TabSpec tab03 = tabHost.newTabSpec("tab03").setIndicator("", r.getDrawable(R.drawable.star03)).setContent(R.id.text);// 第五步：把创建好的对象放入tabHost中tabHost.addTab(tab01);tabHost.addTab(tab02);tabHost.addTab(tab03);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_tab_list_view, menu);return true;}}
再添加一个Activity（Tab01Activity.java）处理ListView显示，代码如下：
package com.bzu.tablistview.activity;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ListView;import android.widget.SimpleAdapter;import android.widget.Toast;import android.support.v4.app.NavUtils;public class Tab01Activity extends Activity {private ListView listView;private List<Map<String, ?>> data;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_tab01);listView = (ListView) this.findViewById(R.id.listView);data = getData();SimpleAdapter adapter = new SimpleAdapter(this, data,R.layout.tab01_item, new String[] { "photo", "name", "time","content" }, new int[] { R.id.photo, R.id.name,R.id.time, R.id.content });listView.setAdapter(adapter);//点击事件listView.setOnItemClickListener(new ListViewHandle());}/* * 处理点击事件的方法 */ private class ListViewHandle implements OnItemClickListener{public void onItemClick(AdapterView<?> adapter, View view, int position,long id) {Map<String, ?> item=data.get(position);Toast.makeText(getApplicationContext(),item.get("name").toString(), Toast.LENGTH_LONG).show();} }private List<Map<String, ?>> getData() {List<Map<String, ?>> data = new ArrayList<Map<String, ?>>();Map<String, Object> item = new HashMap<String, Object>();item.put("photo", R.drawable.p1);item.put("name", "仰望星空");item.put("time", "1分钟前");item.put("content", "好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p2);item.put("name", "星星");item.put("time", "5分钟前");item.put("content", "今天真高兴！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p3);item.put("name", "星空");item.put("time", "6分钟前");item.put("content", "电影好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p4);item.put("name", "仰望");item.put("time", "17分钟前");item.put("content", "今天真高兴！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p5);item.put("name", "仰望星空001");item.put("time", "18分钟前");item.put("content", "电影好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p6);item.put("name", "仰望星空002");item.put("time", "19分钟前");item.put("content", "好漂亮！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p7);item.put("name", "仰望大海");item.put("time", "22分钟前");item.put("content", "电视剧好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p8);item.put("name", "够黯然才自然");item.put("time", "24分钟前");item.put("content", "章节好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p9);item.put("name", "仰望星空006");item.put("time", "26分钟前");item.put("content", "你好看！");data.add(item);item = new HashMap<String, Object>();item.put("photo", R.drawable.p10);item.put("name", "仰望星空009");item.put("time", "29分钟前");item.put("content", "企鹅好看！");data.add(item);return data;}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.activity_tab01, menu);return true;}}