Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> (Android 基礎(三十二)) TabHost ~ 仿微信底部菜單

(Android 基礎(三十二)) TabHost ~ 仿微信底部菜單

編輯:關於Android編程

簡介

Container for a tabbed window view. This object holds two children: a set of tab labels that the
user clicks to select a specific tab, and a FrameLayout object that displays the contents of that
page. The individual elements are typically controlled using this container object, rather than
setting values on the child elements themselves.
TabHost ,標簽視圖的容器。容器包含兩個孩子節點,一個用來存放一系列的標簽,點擊來選擇對應的窗口;一個是FrameLayout用來存放頁面具體內容。這些獨立的元素通常用TabHost來控制,而不是在視圖內部通過設置值來實現


類結構

這裡寫圖片描述

方法 意義 addTab 添加一個tab clearAllTabs 移除所有的tab dispatchKeyEvent 下發keyevent dispatchWindowFocusChanged 下發windowsfocusChanged事件 newTabSpec 創建一個新的TabSpec,關聯到具體內容 onTouchModeChanged NA setup() 不和TabActivity關聯,通過findViewById獲取的TabHost需要調用setup(),如果是在TabActivity中通過getTabHost()的方式獲取的不需要調用這個方法 setup(LocalActivityManager activityGroup) setContent中傳入intent的時候才關注下這個方法 getCurrentTab()/setCurrentTab() 獲取/設置當前需要顯示的tab,通過index setCurrentTabByTag/getCurrentTabTag 通過tag設置當前需要顯示的Tab,tag就是創建TabSpec的時候傳入的字符串 getCurrentTabView 設置/獲取當前在TabWidget中顯示的View,也就是作為標簽的View而非內容 getCurrentView 獲取當前顯示的內容 setOnTabChangedListener 設置標簽頁切換事件監聽 getTabContentView 獲取內容頁面的容器FrameLayout getTabWidget 獲取TabWidget

基本使用

1. 布局文件(content_fragment.xml)




    


    

        
            
            <framelayout android:id="@android:id/tabcontent" android:layout_height="0dp" android:layout_weight="9" android:layout_width="match_parent">

                

                

                

                
            </framelayout>

            
            
        
    

2. 自定義底部標簽布局(myindicator.xml)



    

    

底部一個圖標下面一段文字
3. 代碼使用(MainActivity.java),不使用TabActivity

public class MainActivity extends AppCompatActivity {
    float initx = 0.0f, currentx = 0.0f;
    TabHost tabHost = null;
    Toolbar toolbar = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.content_fragment);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);//設置ActionBar
        toolbar.setTitleTextColor(getResources().getColor(R.color.colorWhite));//設置背景色
        tabHost = (TabHost) findViewById(R.id.tabhost);
        tabHost.setup();//初始化TabHost
        /*添加tab*/
        for (int i = 0; i < 4; i++) {
            View view = LayoutInflater.from(this).inflate(R.layout.myindicator, null, false);
            TextView textView = (TextView) view.findViewById(R.id.tv_indicator);
            ImageView imageView = (ImageView) view.findViewById(R.id.iv_indicator);

            switch (i) {
                case 0:
                    textView.setText("微信");
                    imageView.setImageResource(R.drawable.weixin);
                    tabHost.addTab(tabHost.newTabSpec("1").setIndicator(view).setContent(R.id.tv_one));
                    break;
                case 1:
                    textView.setText("通訊錄");
                    imageView.setImageResource(R.drawable.contact);
                    tabHost.addTab(tabHost.newTabSpec("2").setIndicator(view).setContent(R.id.tv_two));
                    break;
                case 2:
                    textView.setText("發現");
                    imageView.setImageResource(R.drawable.find);
                    tabHost.addTab(tabHost.newTabSpec("3").setIndicator(view).setContent(R.id.tv_three));
                    break;
                case 3:
                    textView.setText("我");
                    imageView.setImageResource(R.drawable.profile);
                    tabHost.addTab(tabHost.newTabSpec("4").setIndicator(view).setContent(R.id.tv_four));
                    break;
            }

        }
        /*設置標簽切換監聽器*/
        tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {
            @Override
            public void onTabChanged(String tabId) {
                for (int i = 0; i < 4; i++) {//顏色全部重置
                    ((TextView) tabHost.getTabWidget().getChildTabViewAt(i).findViewById(R.id.tv_indicator)).setTextColor(getResources().getColor(R.color.colorBlack));
                }
                if (tabHost.getCurrentTabTag() == tabId) {
                    ((TextView) tabHost.getCurrentTabView().findViewById(R.id.tv_indicator)).setTextColor(getResources().getColor(R.color.colorSelected));
                }//選中的那個Tab文字顏色修改
            }
        });
        ((TextView) tabHost.getCurrentTabView().findViewById(R.id.tv_indicator)).setTextColor(getResources().getColor(R.color.colorSelected));//第一次進入的時候講選中的Tab修改文字顏色

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                initx = event.getX();
                break;
            case MotionEvent.ACTION_MOVE:
                currentx = event.getX();
                break;
            case MotionEvent.ACTION_UP:
                /*左右滑動事件處理*/  
                if ((currentx - initx) > 25) {
                    if (tabHost.getCurrentTab() != 0) {                      tabHost.setCurrentTab(tabHost.getCurrentTab() - 1);
                    }
                } else if ((currentx - initx) < -25) {
                    if (tabHost.getCurrentTab() != tabHost.getTabContentView().getChildCount()) {
                        tabHost.setCurrentTab(tabHost.getCurrentTab() + 1);
                    }
                }
                break;

        }

        return true;
    }

   /*菜單創建*/
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.toolbar, menu);
        return true;
    }
}

4. 代碼使用(MainActivity.java),繼承TabActivity
TabActivity已經被廢棄很久了,但是還是可以使用,在布局中將TabHost的id改成android:id=”@android:id/tabhost”,然後在繼承了TabActivity的MainActivity.java中使用
tabHost = getTabHost();
然後基本使用方法就和上面一樣了


實際效果

這裡寫圖片描述


寫在最後

TabHost在TabActivity中的使用現在開發過程中使用的不多,推薦使用ViewPager和Fragment的方式

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved