Android中使用TabHost 與 Fragment 制作頁面切換效果
三個(gè)標(biāo)簽頁置于頂端
效果圖:
在文件BoardTabHost.java中定義頁面切換的效果;切換頁面時(shí),當(dāng)前頁面滑出,目標(biāo)頁面滑入。這是2個(gè)不同的動(dòng)畫設(shè)定動(dòng)畫時(shí)要區(qū)分對待
import android.content.Context; import android.util.AttributeSet; import android.view.animation.Animation; import android.view.animation.TranslateAnimation; import android.widget.TabHost; public class BoardTabHost extends TabHost { private int currentTab = 0; int duration = 1000;// ms; the bigger the slower public BoardTabHost(Context context) { super(context); } public BoardTabHost(Context context, AttributeSet attr) { super(context, attr); } @Override public void setCurrentTab(int index) { // we need two animation here: first one is fading animation, 2nd one is coming animation // translateAnimation of fading fragment if (index > currentTab) {// fly right to left and leave the screen TranslateAnimation translateAnimation = new TranslateAnimation( Animation.RELATIVE_TO_SELF/* fromXType */, 0f/* fromXValue */, Animation.RELATIVE_TO_SELF/* toXType */, -1.0f/* toXValue */, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f ); translateAnimation.setDuration(duration); getCurrentView().startAnimation(translateAnimation); } else if (index < currentTab) {// fly left to right TranslateAnimation translateAnimation = new TranslateAnimation( Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f ); translateAnimation.setDuration(duration); getCurrentView().startAnimation(translateAnimation); } super.setCurrentTab(index);// the current tab is index now // translateAnimation of adding fragment if (index > currentTab) { TranslateAnimation translateAnimation = new TranslateAnimation( Animation.RELATIVE_TO_PARENT, 1.0f,/* fly into screen */ Animation.RELATIVE_TO_PARENT, 0f, /* screen location */ Animation.RELATIVE_TO_PARENT, 0f, Animation.RELATIVE_TO_PARENT, 0f ); translateAnimation.setDuration(duration); getCurrentView().startAnimation(translateAnimation); } else if (index < currentTab) { TranslateAnimation translateAnimation = new TranslateAnimation( Animation.RELATIVE_TO_PARENT, -1.0f, Animation.RELATIVE_TO_PARENT, 0f, Animation.RELATIVE_TO_PARENT, 0f, Animation.RELATIVE_TO_PARENT, 0f ); translateAnimation.setDuration(duration); getCurrentView().startAnimation(translateAnimation); } currentTab = index; } }
對應(yīng)的布局文件activity_board.xml
使用BoardTabHost,裝載一個(gè)豎直的LinearLayout;上面是TabWidget,裝載標(biāo)簽;后面是fragment的FrameLayout
可以看到這里有3個(gè)fragment,待會(huì)在activity中也設(shè)置3個(gè)標(biāo)簽
<?xml version="1.0" encoding="utf-8"?> <com.rust.tabhostdemo.BoardTabHost android:id="@android:id/tabhost" 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" tools:context="com.rust.tabhostdemo.BoardActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TabWidget android:id="@android:id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content"/> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent"> <fragment android:id="@+id/fragment_tab1" android:name="com.rust.tabhostdemo.TabFragment1" android:layout_width="match_parent" android:layout_height="match_parent"/> <fragment android:id="@+id/fragment_tab2" android:name="com.rust.tabhostdemo.TabFragment2" android:layout_width="match_parent" android:layout_height="match_parent"/> <fragment android:id="@+id/fragment_tab3" android:name="com.rust.tabhostdemo.TabFragment3" android:layout_width="match_parent" android:layout_height="match_parent"/> </FrameLayout> </LinearLayout> </com.rust.tabhostdemo.BoardTabHost>
值得一提的是,這里的id要用android指定的id;
比如@android:id/tabhost,@android:id/tabcontent,@android:id/tabs;否則系統(tǒng)找不到對應(yīng)控件而報(bào)錯(cuò)
BoardActivity.java中設(shè)置了3個(gè)標(biāo)簽頁,并指定了標(biāo)簽對應(yīng)的fragment
import android.support.v4.app.FragmentActivity; import android.os.Bundle; public class BoardActivity extends FragmentActivity { public static final String TAB1 = "tab1"; public static final String TAB2 = "tab2"; public static final String TAB3 = "tab3"; public static BoardTabHost boardTabHost; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_board); boardTabHost = (BoardTabHost) findViewById(android.R.id.tabhost); boardTabHost.setup(); boardTabHost.addTab(boardTabHost.newTabSpec(TAB1).setIndicator(getString(R.string.tab1_name)) .setContent(R.id.fragment_tab1)); boardTabHost.addTab(boardTabHost.newTabSpec(TAB2).setIndicator(getString(R.string.tab2_name)) .setContent(R.id.fragment_tab2)); boardTabHost.addTab(boardTabHost.newTabSpec(TAB3).setIndicator(getString(R.string.tab3_name)) .setContent(R.id.fragment_tab3)); boardTabHost.setCurrentTab(0); } }
主要文件目錄:
── layout
├── activity_board.xml
├── fragment_tab1.xml
├── fragment_tab2.xml
└── fragment_tab3.xml
── tabhostdemo
├── BoardActivity.java
├── BoardTabHost.java
├── TabFragment1.java
├── TabFragment2.java
└── TabFragment3.java
以上所述是小編給大家介紹的Android中使用TabHost 與 Fragment 制作頁面切換效果的相關(guān)內(nèi)容,希望對大家有所幫助!
- Android基礎(chǔ)之使用Fragment控制切換多個(gè)頁面
- Android App中使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)切換效果
- Android使用Fragment打造萬能頁面切換框架
- Android Fragment中使用SurfaceView切換時(shí)閃一下黑屏的解決辦法
- 一個(gè)Activity中多個(gè)Fragment的切換
- Android中Fragment相互切換間不被回收的實(shí)現(xiàn)方法
- Android fragment實(shí)現(xiàn)多個(gè)頁面切換效果
- Android使用TabLayou+fragment+viewpager實(shí)現(xiàn)滑動(dòng)切換頁面效果
- Android開發(fā)使用Activity嵌套多個(gè)Fragment實(shí)現(xiàn)橫豎屏切換功能的方法
- fragment實(shí)現(xiàn)隱藏及界面切換效果
相關(guān)文章
android 開發(fā)中使用okhttp上傳文件到服務(wù)器
在開發(fā)android手機(jī)客戶端,常常會(huì)需要上傳文件到服務(wù)器,使用okhttp會(huì)是一個(gè)很好的選擇,它使用很簡單,而且運(yùn)行效率也很高,下面小編給大家?guī)砹薬ndroid 開發(fā)中使用okhttp上傳文件到服務(wù)器功能,一起看看吧2018-01-01淺析AndroidStudio3.0最新 Android Profiler分析器(cpu memory network
Android Profiler分為三大模塊: cpu、內(nèi)存 、網(wǎng)絡(luò)。本文給大家介紹AndroidStudio3.0最新 Android Profiler分析器(cpu memory network 分析器)的相關(guān)知識(shí),他們的基本使用方法,在文中都給大家提到,具體內(nèi)容詳情大家通過本文一起學(xué)習(xí)吧2017-12-12Android 利用廣播監(jiān)聽usb連接狀態(tài)(變化情況)
這篇文章主要介紹了Android 利用廣播監(jiān)聽usb連接狀態(tài),需要的朋友可以參考下2017-06-06Gradle屬性設(shè)置及環(huán)境變量全面教程
這篇文章主要為大家介紹了Gradle屬性設(shè)置及環(huán)境變量的全面教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06Android自定義View實(shí)現(xiàn)地鐵顯示牌效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)地鐵顯示牌效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11淺析Android中g(shù)etWidth()和getMeasuredWidth()的區(qū)別
這篇文章主要介紹了淺析Android中g(shù)etWidth()和getMeasuredWidth()的區(qū)別 ,getMeasuredWidth()獲取的是view原始的大小,getWidth()獲取的是這個(gè)view最終顯示的大小,具體區(qū)別介紹大家參考下本文2018-04-04