`
zhelong111
  • 浏览: 190320 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

自定义TabHost之手势切换Tab视图(不带动画)

 
阅读更多
package com.laili.mytabhost;

import android.app.Activity;
import android.content.res.Configuration;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TextView;

public class TestTabHostActivity extends Activity implements OnClickListener {
     
	private TabHost tabHost;
	private Button nextBtn_1;
	private Button nextBtn_2;
	private Button nextBtn_3;
	private static final int SWIPE_MIN_DISTANCE = 120; 
	private static final int SWIPE_MAX_OFF_PATH = 250; 
	private static final int SWIPE_THRESHOLD_VELOCITY = 200; 
	int currentView = 0; 
	private static int maxTabIndex = 3; 
	private GestureDetector gestureDetector;
	
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
    	super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
         
        initView();
    }
    
    private void initView() {
    	
        tabHost=(TabHost)findViewById(R.id.TabHost01);
        tabHost.setup();
        tabHost.addTab(tabHost.newTabSpec("tab1").setContent(R.id.LinearLayout1)
        		.setIndicator(getTabView(R.drawable.ic_launcher,"会话",R.layout.tab_view)));
        tabHost.addTab(tabHost.newTabSpec("tab2").setContent(R.id.LinearLayout2)
        		.setIndicator(getTabView(R.drawable.ic_launcher, "好友", R.layout.tab_view)));
        tabHost.addTab(tabHost.newTabSpec("tab3").setContent(R.id.LinearLayout3)
        		.setIndicator(getTabView(R.drawable.ic_launcher, "名片", R.layout.tab_view)));
        tabHost.addTab(tabHost.newTabSpec("tab4").setContent(R.id.LinearLayout4)
        		.setIndicator(getTabView(R.drawable.ic_launcher, "更多", R.layout.tab_view)));
        tabHost.setCurrentTab(1); 
        tabHost.setSelected(false); 
        
    	
    	nextBtn_1 = (Button) findViewById(R.id.jump2next_btn_1);
    	nextBtn_2 = (Button) findViewById(R.id.jump2next_btn_2);
    	nextBtn_3 = (Button) findViewById(R.id.jump2next_btn_3);
    	
    	nextBtn_1.setOnClickListener(this);
    	nextBtn_2.setOnClickListener(this);
    	nextBtn_3.setOnClickListener(this);
    	
    	gestureDetector = new GestureDetector(new MyGestureListener());
 
    	
    }
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

    	gestureDetector.onTouchEvent(ev);
    	return super.dispatchTouchEvent(ev);
    }
    
    
    @Override
    public void onConfigurationChanged(Configuration newConfig) {
         super.onConfigurationChanged(newConfig);
         if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
        	   setContentView(R.layout.main);
        	   System.out.println("land");
        	  }
    	  if(newConfig.orientation==Configuration.ORIENTATION_PORTRAIT){
    	   setContentView(R.layout.main);
    	     System.out.println("port");
    	  }
    }
    /**
     * 获得TabHost上填充tab的View
     * @param icon
     * @param label
     * @param viewId
     * @return
     */
    private View getTabView(int icon, String label, int viewId) {
    	
    	View localView = LayoutInflater.from(this).inflate(viewId, null);
    	ImageView iconView = (ImageView) localView.findViewById(R.id.icon);
    	TextView labelView = (TextView) localView.findViewById(R.id.label);
    	iconView.setBackgroundResource(icon);
    	labelView.setText(label);
 
    	return localView;
    }

	@Override
	public void onClick(View v) {
		System.out.println(tabHost.getChildCount());
		if (tabHost.getCurrentTab() == maxTabIndex) {
			tabHost.setCurrentTab(0);
		} else {
			tabHost.setCurrentTab(tabHost.getCurrentTab() + 1);
		} 
	}

	private class MyGestureListener extends SimpleOnGestureListener {
	   @Override
		public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
				float velocityY) {
		  	
		   try { 
			   if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH) 
			   return false; 
			   // right to left swipe 
			   if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE 
			   && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { 
			   Log.i("test ", "right"); 
			   if (currentView == maxTabIndex) { 
			   currentView = 0; 
			   } else { 
			   currentView++; 
			   } 
			
			   tabHost.setCurrentTab(currentView); 
			   } else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE 
			   && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { 
			   Log.i("test ", "left"); 
			   if (currentView == 0) { 
			   currentView = maxTabIndex; 
			   } else { 
			   currentView--; 
			   } 
			   tabHost.setCurrentTab(currentView); 
			   } 
			   } catch (Exception e) { 
			    e.printStackTrace();
			   } 
			   return false;  
 
		}
	} // MyGestureListener
}










分享到:
评论
1 楼 s21109 2012-05-16  
 

相关推荐

    ViewPager做成可滑动切换的Tabhost的效果

    在本案例中,我们将讨论如何利用`ViewPager` 实现类似`TabHost` 的滑动切换效果,但不包含`TabHost` 传统的彩色指示条。 首先,`ViewPager` 是Android Support Library的一部分,它提供了一个可以水平滑动的视图...

    带有小红点的底部TAB实现,添加手势支持

    在Android应用开发中,设计一个带有小红点的底部TAB是一种常见的用户界面元素,它用于指示某个选项卡有未读消息或更新。本教程将详细讲解如何实现这种功能,并添加手势支持,确保用户可以流畅地在各个选项卡之间切换...

    VP实现tab效果

    3. **Tab实现**:在`TabHost`时代,我们通常使用它来创建带有标签的多页布局。但现在,为了实现类似的效果,我们通常结合`ViewPager`和`TabLayout`。`TabLayout`是Android Design Support Library的一部分,提供了...

    Tabhost实现底部选项卡,内含Fragment和viewPage实现滑动效果

    在实际开发中,还可以考虑添加动画效果、自定义标签样式、以及对`Fragment`的懒加载等优化,以提升用户体验。记得在`onSaveInstanceState()`和`onRestoreInstanceState()`中保存和恢复`ViewPager`的状态,以确保应用...

    android 切换卡(TabWidget)

    1. 使用ViewPager代替FrameLayout,因为ViewPager可以更好地处理页面滑动动画,且支持手势滑动切换。 2. 避免在每个标签页加载大量数据,可以考虑使用懒加载策略,只有在切换到相应标签页时才加载数据。 3. 考虑到...

    Android-Android下带有排序功能的Tab标签

    在Android应用开发中,Tab标签通常用于展示多个页面或视图,并允许用户通过点击不同的标签在这些页面间切换。在“Android-Android下带有排序功能的Tab标签”这个主题中,我们将探讨如何在Android应用程序中实现一个...

Global site tag (gtag.js) - Google Analytics