选项卡组件和ListView组件结合模拟新浪微博

选项卡组件和ListView组件结合模拟新浪微博

一、1、MainActivity.java

package com.example.ui2;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.main);
TabHost tabHost = getTabHost();
LayoutInflater.from(this).inflate(R.layout.main,
tabHost.getTabContentView(), true);
Intent intent = new Intent();
intent.setClass(this, Tab01Activity.class);
tabHost.addTab(tabHost.newTabSpec("tab1")
.setIndicator("", getResources().getDrawable(R.drawable.p1))
.setContent(intent));
tabHost.addTab(tabHost.newTabSpec("tab2")
.setIndicator("", getResources().getDrawable(R.drawable.p2))
.setContent(R.id.tab2));
tabHost.addTab(tabHost.newTabSpec("tab3")
.setIndicator("", getResources().getDrawable(R.drawable.p3))
.setContent(R.id.tab3));
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

2、Tab01Activity.java

package com.example.ui2;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
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;

public class Tab01Activity extends Activity {
private List> data;
private ListView listItem;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.tab1_main);
listItem = (ListView) this.findViewById(R.id.list);
data = getData();
SimpleAdapter adapter = new SimpleAdapter(this, data,
R.layout.tab1_item, new String[] { "image", "name", "publish",
"content" }, new int[] { R.id.image, R.id.name,
R.id.publish, R.id.content });
listItem.setAdapter(adapter);
listItem.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView adapter, View view,
int position, long id) {
// TODO Auto-generated method stub
Map item = (Map) data
.get(position);
Toast.makeText(getApplicationContext(),
item.get("name") + "\n\n" + item.get("content"),
Toast.LENGTH_LONG).show();

}
});
}

private List> getData() {
List> data = new ArrayList>();
Map item = new HashMap();
item.put("image", R.drawable.p1);
item.put("name", "想想");
item.put("publish", "1分钟前");
item.put("content", "我正在学习安卓Listview。嘎嘎嘎嘎！！");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p2);
item.put("name", "嘻嘻");
item.put("publish", "9分钟前");
item.put("content", "今天很高兴");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p3);
item.put("name", "丽丽");
item.put("publish", "23分钟前");
item.put("content", "今天遇见一件好玩的事情。");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p4);
item.put("name", "西西");
item.put("publish", "43分钟前");
item.put("content", "今天天气真好！");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p5);
item.put("name", "露露");
item.put("publish", "1小时前");
item.put("content", "今天真是太高兴了");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p6);
item.put("name", "美美");
item.put("publish", "2小时前");
item.put("content", "今天真是太高兴了");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p7);
item.put("name", "晕晕");
item.put("publish", "3小时前");
item.put("content", "我想告诉你，我的作业写好了");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p8);
item.put("name", "佳佳");
item.put("publish", "3小时前");
item.put("content", "今天天气真好啊");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p9);
item.put("name", "红红");
item.put("publish", "4小时前");
item.put("content", "有点不高兴了");
data.add(item);
item = new HashMap();
item.put("image", R.drawable.p10);
item.put("name", "强强");
item.put("publish", "4小时前");
item.put("content", "好好努力吧，加油哟");
data.add(item);
return data;
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

二、

1、activity_tab01.xml

    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:cOntext=".Tab01Activity" >

            android:layout_
        android:layout_
        android:text="@string/hello_world" />

2、min.xml

    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    >

            android:id="@+id/tab2"
        android:layout_
        android:layout_
        android:src="@drawable/p2"/>
            android:id="@+id/tab3"
        android:layout_
        android:layout_
        android:src="@drawable/p3"/>

3、tab1_item.xml

    android:layout_
    android:layout_
    android:orientation="horizontal"
     >
            android:id="@+id/image"
        android:padding="10dp"
        android:layout_
        android:layout_ />

            android:layout_
        android:layout_
        android:orientation="vertical" >

                    android:layout_
            android:layout_
            android:orientation="horizontal" >

                            android:id="@+id/name"
                android:paddingTop="10dp"
                android:layout_
                android:layout_ />

                            android:id="@+id/publish"
                android:layout_
                android:layout_
                android:paddingTop="10dp"
                android:gravity="right" />
        

                    android:id="@+id/content"
            android:paddingTop="10dp"
            android:paddingBottom="10dp"
            android:layout_
            android:layout_ />
    
    

4、tab1_main.xml

    android:layout_
    android:layout_
     >
            android:id="@+id/list"
        android:layout_
        android:layout_ >
    

三、效果图