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

最新推荐文章于 2021-05-27 01:53:09 发布
最新推荐文章于 2021-05-27 01:53:09 发布
阅读量164 收藏
点赞数
分类专栏： android 文章标签： 移动开发 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mengboxingx/article/details/84601103
版权

一、在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();
	}

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// construct the tabhost
		setupTabHost();
		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() {
			@Override
			public 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过滤器动态加入MENU
	public 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() {
			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// TODO Auto-generated method stub

			}

		});
		
		//为ListView添加屏幕的触摸事件 ， 如果不加此方法， ListView列表左右滑动无效
		listView.setOnTouchListener(new OnTouchListener() {
			@Override
			public 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的ID
			if ((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则未消耗传递下去
	 */
	@Override
	public 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() {
				@Override
				public 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;
	}
}

 

android tab 切换动画,Android开发——实现TabHost 随手滑动切换选项卡功能（绝对实用）...
weixin_39628271的博客
05-25 682
以前用TabHost只是点击导航栏选项卡才进行切换，今天试了下手势滑动进行切换，搜了好多资料感觉特别乱，花了好长时间整理了一下终于有效果了，自己写了一个Demo。程序清单1：布局文件说明：和我们写Tabhost布局文件一样activity_main.xmlandroid:orientation="vertical"android:layout_width="fill_parent"android:...
TabHost+ViewPager+Fragment实现页面的滑动，HR的话扎心了
flunsna的博客
12-16 192
public class viewpageradapter extends FragmentPagerAdapter { List list; public viewpageradapter(FragmentManager fm,List list) { super(fm); this.list=list; } @Override public Fragment getItem(int position) { Object fragment= list.get(position); return (Frag
tabhost 能够通过手势滑动
01-09
简单的例子 能够运行流畅 是想手机一样的 通过手指左右滑动切换tabhost
android让你的TabHost滑动起来
观千剑而后识器，操千曲而后晓声。
07-13 9441
在Android应用中，一般TabActivity和若干个Tab选项卡（TabWidget）。如果选项卡的数量超过了5个，就不适合放到一个屏幕中，这样可以让这些选项卡滑动起来。 滑动的选项卡的实现有好几种方式，在这些方式中，最简单也是我最满意的还是在原生的TabActivity上修改，将上面的选项卡改为可滑动的状态。这样既有新的滑动的效果，也保留了原有TabActivity的各项功能。 实现T
Android中TabHost应用-支持点击和手势滑动
一点一滴积累！
10-15 924
这几天参与的项目中用到了TabHost，开始的时候yi'ji
滑动切换TabHost
qq_33038763的博客
02-18 496
Tabhost在原生的状态是通过点击进行切换，现在多数App都加入了滑动切换TabHost的效果，下面就是哦，代码量不多，如果你愿意，还已经精简。首先明确思路： 一、要有TabHost，至于几个选项卡，就视情况而定（看你自己想要几个） 二、每个内容（内容可以是单个控件，也可以是一个新的Activity）之间的切换（怎么切换，手势监听）。废话不多说，直接上 首先是Ma
Android中使用TabHost 与 Fragment 制作页面切换效果
09-02
要创建带有页面切换动画的TabHost，我们需要自定义一个扩展自TabHost的类，如BoardTabHost。在这个类中，我们需要重写`setCurrentTab`方法，这个方法会在用户点击新的Tab时被调用。在这个方法内部，我们可以添加动画...
TabHost + ViewFlipper实现滑动翻页、切换tab动画效果
10-20
历史最牛、绝对原创、代码简洁、功能强大，华丽的使用TabHost与ViewFlipper结合实现滑动翻页效果，支持tab背景图片自动切换.之前看到别人写的实现方法是重写TabHost，但是代码太繁琐。本程序虽然资源分高点儿，但...
Tab选项卡页面滑动切换
08-05
在IT领域，尤其是在Web开发和移动应用设计中，"Tab选项卡页面滑动切换"是一种常见的用户界面（UI）设计模式。它允许用户通过点击或滑动在不同的内容区域之间轻松切换，通常用于展示多个相关但独立的部分。下面将详细...
使用TabHost和ViewFlipper实现动态滑动翻页与Tab切换
标题“TabHost + ViewFlipper实现滑动翻页、切换tab动画效果”指出了一个具体的实现方法，涉及到Android UI组件TabHost和ViewFlipper的结合使用。 TabHost是Android平台提供的一个用于管理Tab的容器，可以通过它来...
Android代码，TabHost+Fragment实现多标签页，可滑动切换
01-23
TabHostActivity在API 13之后就不能用了。 写了个Demo，用FragmentActivity + Tabhost实现多标签页，并添加滑动手势。 API=19，可运行
给TabHost加上ViewPager滑动效果
oMartin1的专栏
07-07 597
先说一下第一个示例，我做了一个可以拖动但是无法停留的效果，这个效果的实现是在TabHost的setCurrentTab方法里面加上动画，所以得自己写一个TabHost继承系统的TabHost并重写setCurrentTab方法。 那么我就把这个效果的代码给大家贴出来 package com.hwh.tab;         import android.content.Context;  
TabHost+ViewPager做能左右滑动的TabHost
u012554768的专栏
02-27 2224
先看下布局文件 main.xml     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"     tool
ViewPager和Tabhost结合，可滑动的tabhost
热门推荐
钱进的专栏
07-26 2万+
可滑动的Tabhost,借助了surporrtV13,V4也差不多，一样的。 二者结合，当tabhost的tabbar点击的时候，viewPager滑动，滑动viewPager的时候，tabbar切换。tabbar的样式进行了重新布局，当然，你也可以自己定义自己的，详情看代码吧（下面有源码下载的地址）。 首先你要先在项目下建个libs把surporrtV13的jar包放进去。 效果图：
FragmentTabHost的应用，完美解决滑动的时候，一些问题
chenshuogemeng的博客
05-25 1408
fragmentTabbleHost的应用，解决数据丢失的问题
TabHost多界面手势滑动切换
叶落悲秋
05-24 633
import android.app.TabActivity; import android.content.Intent; import android.os.Bundle; import android.util.Log; import android.view.GestureDetector; import android.view.MotionEvent; import and
android 滑动tabhost,Android TabHost中实现标签的滚动
weixin_33364098的博客
05-27 189
非常漂亮的一段代码：public class TabhostTestActivity extends TabActivity implementsTabContentFactory{private String[] lables = new String[] { "首页", "消息", "朋友", "更多" };private int[] icons = new int[] { R.drawabl...
android:tabhost 使用
vasal的专栏
08-24 600
我们在上述方式一中简单实现了TabHost的显示，但是我们在代码中主观控制TabHost的方法并不多，甚至在上述代码中，我们都没有见到托盘(TabWidget)的样式控制，所以我们也看到了该方式是将其默认的显示在最上方。但是当我们的需要是将之显示在下方，并且点击一个tab时会出现一些样式变化，比如图片更换等效果，这种方式就不灵活了，所以我们得自己提出自己来自己布局TabHost，使之样式多样化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值