Android学习12——Tab组件和ListView组件结合
2012-10-14 19:01
369 查看
Tab组件和ListView组件结合的关键代码,用一个Activity调用另一个Activity,使另一个Activity开始执行:
Intent intent = new Intent();
intent.setClass(this, Tab01Activity.class);
TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
.setIndicator("选项1", resources.getDrawable(R.drawable.p1))
.setContent(intent);
页面布局:
activity_main.xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<!-- <ImageView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/a" /> -->
<ImageView
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/b" />
<ImageView
android:id="@+id/c"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/c" />
</RelativeLayout>
mian.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" >
<ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout>
list_item.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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" />
<TextView
android:textSize="10dp"
android:id="@+id/publish"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="right" />
</LinearLayout>
<!-- 发布内容 -->
<TextView
android:textSize="10dp"
android:id="@+id/content"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
主要代码 :MainActivity.java:
package com.zzw.tabandlistview;
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;
public class MainActivity extends TabActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TabHost tabHost = getTabHost();
LayoutInflater inflater = LayoutInflater.from(this);
inflater.inflate(R.layout.activity_main, tabHost.getTabContentView());
Resources resources = getResources();
Intent intent = new Intent();
intent.setClass(this, Tab01Activity.class);
TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
.setIndicator("选项1", resources.getDrawable(R.drawable.p1))
.setContent(intent);
/*
* TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
* .setIndicator("选项1", resources.getDrawable(R.drawable.p1))
* .setContent(R.id.a);
*/
TabHost.TabSpec tab02 = tabHost.newTabSpec("tab02")
.setIndicator("选项2", resources.getDrawable(R.drawable.p2))
.setContent(R.id.b);
TabHost.TabSpec tab03 = tabHost.newTabSpec("tab03")
.setIndicator("选项3", resources.getDrawable(R.drawable.p3))
.setContent(R.id.c);
tabHost.addTab(tab01);
tabHost.addTab(tab02);
tabHost.addTab(tab03);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
Tab01Activity.java:
package com.zzw.tabandlistview;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.provider.ContactsContract.Data;
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;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
listView = (ListView) this.findViewById(R.id.listview);
data = getData();
SimpleAdapter adapter = new SimpleAdapter(this, data,
R.layout.list_item, new String[] { "photo", "name", "publish",
"content" }, new int[] { R.id.photo, R.id.name,
R.id.publish, R.id.content });
listView.setAdapter(adapter);
listView.setOnItemClickListener(new ListViewHandler());
}
private class ListViewHandler implements OnItemClickListener{
@Override
public void onItemClick(AdapterView<?> listview, View view, int postion,long id){
Map<String,?> item=data.get(postion);
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("publish", "一分钟前");
item.put("content", "好好学习Android");
data.add(item);
item = new HashMap<String, Object>();
item.put("photo", R.drawable.p2);
item.put("name", "嘻嘻");
item.put("publish", "三分钟前");
item.put("content", "好好学习");
data.add(item);
return data;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
运行程序效果如下:
Intent intent = new Intent();
intent.setClass(this, Tab01Activity.class);
TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
.setIndicator("选项1", resources.getDrawable(R.drawable.p1))
.setContent(intent);
页面布局:
activity_main.xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<!-- <ImageView
android:id="@+id/a"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/a" /> -->
<ImageView
android:id="@+id/b"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/b" />
<ImageView
android:id="@+id/c"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/c" />
</RelativeLayout>
mian.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" >
<ListView
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout>
list_item.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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" />
<TextView
android:textSize="10dp"
android:id="@+id/publish"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="right" />
</LinearLayout>
<!-- 发布内容 -->
<TextView
android:textSize="10dp"
android:id="@+id/content"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
主要代码 :MainActivity.java:
package com.zzw.tabandlistview;
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;
public class MainActivity extends TabActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TabHost tabHost = getTabHost();
LayoutInflater inflater = LayoutInflater.from(this);
inflater.inflate(R.layout.activity_main, tabHost.getTabContentView());
Resources resources = getResources();
Intent intent = new Intent();
intent.setClass(this, Tab01Activity.class);
TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
.setIndicator("选项1", resources.getDrawable(R.drawable.p1))
.setContent(intent);
/*
* TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
* .setIndicator("选项1", resources.getDrawable(R.drawable.p1))
* .setContent(R.id.a);
*/
TabHost.TabSpec tab02 = tabHost.newTabSpec("tab02")
.setIndicator("选项2", resources.getDrawable(R.drawable.p2))
.setContent(R.id.b);
TabHost.TabSpec tab03 = tabHost.newTabSpec("tab03")
.setIndicator("选项3", resources.getDrawable(R.drawable.p3))
.setContent(R.id.c);
tabHost.addTab(tab01);
tabHost.addTab(tab02);
tabHost.addTab(tab03);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
Tab01Activity.java:
package com.zzw.tabandlistview;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.os.Bundle;
import android.provider.ContactsContract.Data;
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;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
listView = (ListView) this.findViewById(R.id.listview);
data = getData();
SimpleAdapter adapter = new SimpleAdapter(this, data,
R.layout.list_item, new String[] { "photo", "name", "publish",
"content" }, new int[] { R.id.photo, R.id.name,
R.id.publish, R.id.content });
listView.setAdapter(adapter);
listView.setOnItemClickListener(new ListViewHandler());
}
private class ListViewHandler implements OnItemClickListener{
@Override
public void onItemClick(AdapterView<?> listview, View view, int postion,long id){
Map<String,?> item=data.get(postion);
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("publish", "一分钟前");
item.put("content", "好好学习Android");
data.add(item);
item = new HashMap<String, Object>();
item.put("photo", R.drawable.p2);
item.put("name", "嘻嘻");
item.put("publish", "三分钟前");
item.put("content", "好好学习");
data.add(item);
return data;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}
运行程序效果如下:
![](http://img.my.csdn.net/uploads/201210/12/1350025258_3030.png)
相关文章推荐
- Tab组件和其他组件结合使用(含ListView)
- Android新组件CoordinatorLayout协调布局的使用,结合TabLayout,结合DrawerLayout
- android学习散记—数据库与listview的结合
- android系列学习:tab切换,fragment中嵌套listview,listview自定义item,优化以及onclick
- Android学习--ListView和Tab
- Android(java)学习笔记186:对ListView等列表组件中数据进行增、删、改操作
- Android组件学习笔记(ListView结构操作)
- Android学习指南之十二:列表组件ListView
- Tab组件和ListView组件结合
- Android学习小Demo(12)TodoList实现ListView的分组实现
- android学习之----ExpandableListView组件
- 一看就会Android之列表视图组件ListView结合Adapter的使用及监听
- android学习之LayoutInflater的用法,在myAdapter getView()里将多个TextView组件压缩成一个View控件,并在listView里显示
- Android UI 设计 选项卡组件和ListView组件结合模拟新浪微博
- Android程序——选项卡组件和ListView组件结合模拟新浪微博
- android基础学习11——结合ListView在界面上操作数据库
- Android组件学习之ExpandableListView
- Android学习实践:12.列表ListView
- Android学习第五天————ExpandableListView组件通过适配器BaseExpandableListAdapter实现两层列表项
- Android学习日志12__四大组件03__BroadcastReceiver