TabHost 切换带滑动及tab页的数据添加

一、在layout下创建TabHost的home.xml

<?xml version="1.0" encoding="utf-8"?><TabHost xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/tabhost"    android:layout_width="fill_parent"    android:layout_height="fill_parent" >    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >        <TabWidget            android:id="@android:id/tabs"            android:layout_width="fill_parent"            android:layout_height="wrap_content" />        <FrameLayout            android:id="@android:id/tabcontent"            android:layout_width="fill_parent"            android:layout_height="fill_parent" >            <LinearLayout                android:id="@+id/widget_layout_Blue"                android:layout_width="fill_parent"                android:layout_height="fill_parent" >                <ListView                    android:id="@+id/listView"                    android:layout_width="fill_parent"                    android:layout_height="fill_parent" />            </LinearLayout>           <LinearLayout                android:id="@+id/widget_layout_red"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <AnalogClock                    android:id="@+id/widget36"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content" >                </AnalogClock>                           </LinearLayout>            <LinearLayout                android:id="@+id/widget_layout_green"                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:orientation="vertical" >                <TextView                    android:layout_width="fill_parent"                    android:layout_height="wrap_content"                    android:text="这是第三个标签页" />                <RadioGroup                    android:id="@+id/widget43"                    android:layout_width="166px"                    android:layout_height="98px"                    android:orientation="vertical" >                    <RadioButton                        android:id="@+id/widget44"                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="RadioButton" >                    </RadioButton>                    <RadioButton                        android:id="@+id/widget45"                        android:layout_width="wrap_content"                        android:layout_height="wrap_content"                        android:text="RadioButton" >                    </RadioButton>                </RadioGroup>            </LinearLayout>        </FrameLayout>    </LinearLayout></TabHost>

二、在layout下创建加载条的footer.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" >    <ProgressBar android:id="@+id/c81_forthBar"        android:layout_width="50dp"    android:layout_height="wrap_content"         style="?android:attr/progressBarStyle" />     <TextView android:layout_width="match_parent"    android:layout_height="match_parent"    android:gravity="center_vertical"    android:textSize="20sp"    android:text="数据正在加载..."    /></LinearLayout>

三、在menu目录下添加menu文件addphone_menu.xml、chatting_menu.xml、phonebook_menu.xml、userapp_menu.xml ，文件内容一致

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android" ></menu>

四、在drawable目录下添加menu1h.png、menu1n.png和ic_tab_artists.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <!-- When selected, use grey --><item android:drawable="@drawable/menu1h"android:state_selected="true" />    <!-- When not selected, use white --><item android:drawable="@drawable/menu1n" /></selector>

五、在layout目录下创建icon.xml ，用于显示TabHost的图片和文字

<?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="vertical" ><ImageView        android:id="@+id/icon"        android:layout_width="30dip"        android:layout_height="30dip"        android:layout_gravity="center"        android:layout_margin="0dip" />   <TextView       android:id="@+id/tabsText"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:paddingTop="1dip"       android:text=""       android:textSize="12dip" /></LinearLayout>

六、在src目录下HomeActivity.java文件

package com.app.activity;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import android.annotation.SuppressLint;import android.app.Activity;import android.content.Context;import android.graphics.Color;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.util.AttributeSet;import android.util.Log;import android.view.GestureDetector;import android.view.Gravity;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuInflater;import android.view.MotionEvent;import android.view.View;import android.view.View.OnTouchListener;import android.view.ViewGroup;import android.widget.AbsListView;import android.widget.AbsListView.OnScrollListener;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.SimpleAdapter;import android.widget.TabHost;import android.widget.TabHost.OnTabChangeListener;import android.widget.TabHost.TabSpec;import android.widget.TextView;import com.app.R;@SuppressLint("NewApi")public class HomeActivity extends Activity {private TabHost mTabHost;private Menu myMenu;private int myMenuSettingTag;private ListView listView;private int number = 15;// 每次获取多少条数据private int maxpage = 5;// 总共有多少页private boolean loadfinish = true;private View footer;private SimpleAdapter adapter;private List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();private static final int myMenuResources[] = { R.menu.phonebook_menu,R.menu.addphone_menu, R.menu.chatting_menu, R.menu.userapp_menu };// 将menu添加到数组当中private void setupTabHost() {// mTabHost = getTabHost();//继承TabActivity使用 ， 4.0以后TabActivity过期， 不建议使用setContentView(R.layout.home);// 继承Activity使用mTabHost = (TabHost) this.findViewById(R.id.tabhost);// 继承Activity使用mTabHost.setup();}@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// construct the tabhostsetupTabHost();mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));// 设置tabhost的颜色// 继承Activity使用TabSpec tabSpec = mTabHost.newTabSpec("one");// tabSpec.setIndicator("",// getResources().getDrawable(R.drawable.ic_tab_artists));tabSpec.setIndicator(createTabView(mTabHost.getContext(), "",R.drawable.ic_tab_artists));tabSpec.setContent(R.id.widget_layout_Blue);mTabHost.addTab(tabSpec);tabSpec = mTabHost.newTabSpec("two");// tabSpec.setIndicator("",// getResources().getDrawable(R.drawable.ic_tab_artists));tabSpec.setIndicator(createTabView(mTabHost.getContext(), "",R.drawable.ic_tab_artists));tabSpec.setContent(R.id.widget_layout_red);mTabHost.addTab(tabSpec);tabSpec = mTabHost.newTabSpec("three");// tabSpec.setIndicator("",// getResources().getDrawable(R.drawable.ic_tab_artists));tabSpec.setIndicator(createTabView(mTabHost.getContext(), "",R.drawable.ic_tab_artists));tabSpec.setContent(R.id.widget_layout_green);mTabHost.addTab(tabSpec);tabSpec = mTabHost.newTabSpec("four");// tabSpec.setIndicator("",// getResources().getDrawable(R.drawable.ic_tab_artists));tabSpec.setIndicator(createTabView(mTabHost.getContext(), "",R.drawable.ic_tab_artists));tabSpec.setContent(R.id.widget_layout_green);mTabHost.addTab(tabSpec);/**// 继承TabActivity使用LayoutInflater.from(this).inflate(R.layout.home,mTabHost.getTabContentView(), true);mTabHost.addTab(mTabHost.newTabSpec("one")// tabid.setIndicator("TTT",// tab名称getResources().getDrawable(R.drawable.ic_tab_artists)).setContent(R.id.widget_layout_Blue));// tab内容mTabHost.addTab(mTabHost.newTabSpec("two").setIndicator("AAA",getResources().getDrawable(R.drawable.ic_tab_artists)).setContent(R.id.widget_layout_red));mTabHost.addTab(mTabHost.newTabSpec("three").setIndicator("BBB",getResources().getDrawable(R.drawable.ic_tab_artists)).setContent(R.id.widget_layout_green));**/mTabHost.setCurrentTab(0);//默认显示第一个tab，可以不设if (mTabHost.getCurrentTab() == 0) {show();//默认显示}mTabHost.setOnTabChangedListener(new OnTabChangeListener() {@Overridepublic void onTabChanged(String tabId) {if (tabId.equals("one")) {myMenuSettingTag = 1;}if (tabId.equals("two")) {myMenuSettingTag = 2;}if (tabId.equals("three")) {myMenuSettingTag = 3;}if (tabId.equals("four")) {myMenuSettingTag = 4;}if (myMenu != null) {onCreateOptionsMenu(myMenu);}}});}// 通过MenuInflater过滤器动态加入MENUpublic boolean onCreateOptionsMenu(Menu menu) {myMenu = menu;myMenu.clear();MenuInflater inflater = getMenuInflater();switch (myMenuSettingTag) {case 1:inflater.inflate(myMenuResources[0], menu);menu.close();break;case 2:inflater.inflate(myMenuResources[1], menu);menu.close();break;case 3:inflater.inflate(myMenuResources[2], menu);menu.close();default:inflater.inflate(myMenuResources[0], menu);menu.close();break;}return super.onCreateOptionsMenu(menu);}/** * 显示列表数据 */public void show() {footer = getLayoutInflater().inflate(R.layout.footer, null);listView = (ListView) this.findViewById(R.id.listView);listView.setOnScrollListener(new ScrollListener());data = load(0, 0);// 第一次加载数据adapter = new SimpleAdapter(this, data, R.layout.item, new String[] {"name", "phone", "amount" }, new int[] { R.id.name, R.id.phone,R.id.amount });listView.addFooterView(footer);// 添加页脚(放在ListView最后)listView.setAdapter(adapter);listView.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {// TODO Auto-generated method stub}});//为ListView添加屏幕的触摸事件 ， 如果不加此方法， ListView列表左右滑动无效listView.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {detector.onTouchEvent(event);return onTouchEvent(event);}});listView.removeFooterView(footer);}private final class ScrollListener implements OnScrollListener {public void onScrollStateChanged(AbsListView view, int scrollState) {Log.i("MainActivity", "onScrollStateChanged(scrollState="+ scrollState + ")");}public void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount) {Log.i("MainActivity", "onScroll(firstVisibleItem="+ firstVisibleItem + ",visibleItemCount="+ visibleItemCount + ",totalItemCount=" + totalItemCount+ ")");final int loadtotal = totalItemCount;int lastItemid = listView.getLastVisiblePosition();// 获取当前屏幕最后Item的IDif ((lastItemid + 1) == totalItemCount) {// 达到数据的最后一条记录if (totalItemCount > 0) {// 当前页int currentpage = totalItemCount % number == 0 ? totalItemCount/ number: totalItemCount / number + 1;int nextpage = currentpage + 1;// 下一页if (nextpage <= maxpage && loadfinish) {// 加载完了加载下一页loadfinish = false;listView.addFooterView(footer);new Thread(new Runnable() {public void run() {try {Thread.sleep(1000);} catch (InterruptedException e) {e.printStackTrace();}List<HashMap<String, Object>> result = load(loadtotal, number);handler.sendMessage(handler.obtainMessage(100,result));}}).start();}}}}}Handler handler = new Handler() {public void handleMessage(Message msg) {data.addAll((List<HashMap<String, Object>>) msg.obj);adapter.notifyDataSetChanged();// 告诉ListView数据已经发生改变，要求ListView更新界面显示if (listView.getFooterViewsCount() > 0)listView.removeFooterView(footer);loadfinish = true;}};/** * 测试数据 *  * @param loadtotal * @param number * @return */public List<HashMap<String, Object>> load(int loadtotal, int number) {List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();for (int i = 0; i < 15; i++) {HashMap<String, Object> item = new HashMap<String, Object>();item.put("name", "xxx");item.put("phone", "jjj");item.put("amount", "vvv");item.put("id", "ooo");data.add(item);}return data;}/** * 当前页面索引 */int i = 0;/** * 屏幕的触摸事件，如果返回true 则消耗掉这个事件 返回false则未消耗传递下去 */@Overridepublic boolean onTouchEvent(MotionEvent event) {int d = listView.getVisibility();Log.i("DDD---", d + "");i = mTabHost.getCurrentTab();detector.onTouchEvent(event);return super.onTouchEvent(event);}private GestureDetector detector = new GestureDetector(new GestureDetector.SimpleOnGestureListener() {@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2,float velocityX, float velocityY) {if ((e2.getRawX() - e1.getRawX()) > 80) {// 滑动的距离showNext();// 向右滑动，显示下一个页面return true;}if ((e1.getRawX() - e2.getRawX()) > 80) {showPre();// 向左滑动，显示上一个页面return true;}return super.onFling(e1, e2, velocityX, velocityY);}});/** * 显示下一个页面 */protected void showNext() {// 三元表达式控制3个页面的循环.mTabHost.setCurrentTab(i = i == 3 ? i = 0 : ++i);Log.i("kennet", i + "");}/** * 显示前一个页面 */protected void showPre() {// 三元表达式控制3个页面的循环.mTabHost.setCurrentTab(i = i == 0 ? i = 3 : --i);}private View createTabView(String name) {// View tabView = getLayoutInflater().inflate(R.layout.tab, null);LinearLayout linearLayout = new LinearLayout(this);linearLayout.setOrientation(LinearLayout.VERTICAL);linearLayout.setBackgroundColor(0xFFFFFF);TextView textView = new TextView(this);textView.setText(name);textView.setBackgroundResource(R.drawable.ic_tab_artists);textView.setTextColor(0xFFFFFF);textView.setTextSize(18.0f);textView.setGravity(Gravity.CENTER);ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);linearLayout.addView(textView, params);return linearLayout;}private static View createTabView(final Context context, final String text,int drawable) {View view = LayoutInflater.from(context).inflate(R.layout.icon, null);TextView tv = (TextView) view.findViewById(R.id.tabsText);tv.setText(text);// 名称ImageView iv = (ImageView) view.findViewById(R.id.icon);iv.setImageResource(drawable);// 背景图return view;}}

更多相关文章

随机推荐