Android利用Fragment實(shí)現(xiàn)Tab選項(xiàng)卡效果
利用Fragment實(shí)現(xiàn)Tab選項(xiàng)卡效果:
將RadioGroup與Fragment集合,實(shí)現(xiàn)tab選項(xiàng)卡效果,這里面最關(guān)鍵的幾個(gè)文件:
1.FragmentTabAdapter類:
/**
*@Description:
*@Author:Nate Robinson
*@Since:2015-2-12
*/
public class FragmentTabAdapter implements RadioGroup.OnCheckedChangeListener
{
private List<Fragment> fragments; // 一個(gè)tab頁(yè)面對(duì)應(yīng)一個(gè)Fragment
private RadioGroup rgs; // 用于切換tab
private Activity activity; // Fragment所屬的Activity
private int fragmentContentId; // Activity中所要被替換的區(qū)域的id
private int currentTab; // 當(dāng)前Tab頁(yè)面索引
private OnRgsExtraCheckedChangedListener onRgsExtraCheckedChangedListener; // 用于讓調(diào)用者在切換tab時(shí)候增加新的功能
public FragmentTabAdapter(Activity activity, List<Fragment> fragments, int fragmentContentId, RadioGroup rgs)
{
this.fragments = fragments;
this.rgs = rgs;
this.activity = activity;
this.fragmentContentId = fragmentContentId;
// 默認(rèn)顯示第一頁(yè)
android.app.FragmentTransaction ft = activity.getFragmentManager().beginTransaction();
ft.add(fragmentContentId, fragments.get(0));
ft.commit();
rgs.setOnCheckedChangeListener(this);
}
@Override
public void onCheckedChanged(RadioGroup radioGroup, int checkedId)
{
for(int i = 0; i < rgs.getChildCount(); i++)
{
if(rgs.getChildAt(i).getId() == (checkedId))
{
Fragment fragment = fragments.get(i);
FragmentTransaction ft = activity.getFragmentManager().beginTransaction();
getCurrentFragment().onPause(); // 暫停當(dāng)前tab
// getCurrentFragment().onStop(); // 暫停當(dāng)前tab
if(fragment.isAdded())
{
// fragment.onStart(); // 啟動(dòng)目標(biāo)tab的onStart()
fragment.onResume(); // 啟動(dòng)目標(biāo)tab的onResume()
}
else
{
ft.add(fragmentContentId, fragment);
}
showTab(i); // 顯示目標(biāo)tab
ft.commit();
// 如果設(shè)置了切換tab額外功能功能接口
if(null != onRgsExtraCheckedChangedListener)
{
onRgsExtraCheckedChangedListener.OnRgsExtraCheckedChanged(radioGroup, checkedId, i);
}
}
}
}
/**
* 切換tab
* @param idx
*/
private void showTab(int idx)
{
for(int i = 0; i < fragments.size(); i++)
{
Fragment fragment = fragments.get(i);
FragmentTransaction ft = activity.getFragmentManager().beginTransaction();
if(idx == i)
{
ft.show(fragment);
}
else
{
ft.hide(fragment);
}
ft.commit();
}
currentTab = idx; // 更新目標(biāo)tab為當(dāng)前tab
}
public int getCurrentTab()
{
return currentTab;
}
public Fragment getCurrentFragment()
{
return fragments.get(currentTab);
}
public OnRgsExtraCheckedChangedListener getOnRgsExtraCheckedChangedListener()
{
return onRgsExtraCheckedChangedListener;
}
public void setOnRgsExtraCheckedChangedListener(OnRgsExtraCheckedChangedListener onRgsExtraCheckedChangedListener)
{
this.onRgsExtraCheckedChangedListener = onRgsExtraCheckedChangedListener;
}
/**
* 切換tab額外功能功能接口
*/
public interface OnRgsExtraCheckedChangedListener
{
void OnRgsExtraCheckedChanged(RadioGroup radioGroup, int checkedId, int index);
}
}
2.activity_main.xml布局文件:
<?xml version="1.0" encoding="UTF-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@android:color/white" android:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <FrameLayout android:id="@+id/tab_content" android:layout_width="fill_parent" android:layout_height="0dp" android:layout_weight="1.0" android:background="#77557799" /> <RadioGroup android:id="@+id/tabs_rg" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal" android:paddingBottom="7dp" android:paddingTop="7dp" > <RadioButton android:id="@+id/tab_rb_a" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@drawable/selector_tab" android:button="@null" android:checked="true" android:drawableTop="@drawable/tablatestalert" android:gravity="center" android:singleLine="true" android:text="Tab1" android:textColor="#000000" android:textSize="13sp" /> <RadioButton android:id="@+id/tab_rb_b" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@drawable/selector_tab" android:button="@null" android:drawableTop="@drawable/tabsearch" android:gravity="center" android:singleLine="true" android:text="Tab2" android:textColor="#000000" android:textSize="13sp" /> <RadioButton android:id="@+id/tab_rb_c" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.0" android:background="@drawable/selector_tab" android:button="@null" android:drawableTop="@drawable/tabrecommd" android:gravity="center" android:singleLine="true" android:text="Tab3" android:textColor="#000000" android:textSize="13sp" /> </RadioGroup> </LinearLayout> </LinearLayout>
3.MainActivity類:
/**
*@Description:
*@Author:Nate Robinson
*@Since:2015-2-12
*/
public class MainActivity extends Activity
{
private RadioGroup rgs;
private List<Fragment> fragments = new ArrayList<Fragment>();
private int index;
private static Boolean isExit = false;
private static Boolean hasTask = false;
private RadioButton button;
private Timer tExit = new Timer();
private TimerTask task = new TimerTask()
{
@Override
public void run()
{
isExit = false;
hasTask = true;
}
};
private FragmentTabAdapter tabAdapter;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
fragments.add(new FragmentOne());
fragments.add(new FragmentTwo());
fragments.add(new FragmentThree());
rgs = (RadioGroup) findViewById(R.id.tabs_rg);
button = (RadioButton) findViewById(R.id.tab_rb_a);
tabAdapter = new FragmentTabAdapter(this, fragments, R.id.tab_content, rgs);
tabAdapter.setOnRgsExtraCheckedChangedListener(new FragmentTabAdapter.OnRgsExtraCheckedChangedListener()
{
@Override
public void OnRgsExtraCheckedChanged(RadioGroup radioGroup, int checkedId, int index)
{
// 利用這個(gè)index可以實(shí)現(xiàn),如果不是在主頁(yè),按第一遍讓它先跳轉(zhuǎn)到第一個(gè)Fragment
System.out.println("Extra---- " + index + " checked!!! ");
MainActivity.this.index = index;
}
});
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event)
{
if(keyCode == KeyEvent.KEYCODE_BACK)
{
if(index == 0)
{
if(isExit == false)
{
isExit = true;
Toast.makeText(MainActivity.this, "再按一次退出程序", Toast.LENGTH_SHORT).show();
if(!hasTask)
{
tExit.schedule(task, 1000);
}
}
else
{
finish();
System.exit(0);
}
}
else
{
// 如果不是在主頁(yè),按第一遍讓它先跳轉(zhuǎn)到第一個(gè)Fragment
// 利用上面的check方法會(huì)導(dǎo)致onCheckedChanged方法被執(zhí)行多次
// rgs.check(button.getId());
button.setChecked(true);
}
}
return false;
}
}
為了能同時(shí)學(xué)習(xí)Fragment生命周期,我在Fragment每個(gè)生命周期方法中加入了log打印,一個(gè)有三個(gè)這樣的Fragment,我只貼出其中一個(gè)代碼,其余和這個(gè)一樣:
/**
*@Description:
*@Author:Nate Robinson
*@Since:2015-2-12
*/
public class FragmentOne extends BaseFragment
{
private View view;
@Override
public void onAttach(Activity activity)
{
super.onAttach(activity);
Log.d(TAG, "1==>FragmentOne=>onAttach");
}
@Override
public void onCreate(Bundle savedInstanceState)
{
Log.d(TAG, "2==>FragmentOne==>onCreate");
super.onCreate(savedInstanceState);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
Log.d(TAG, "3==>FragmentOne==>onCreateView");
view = inflater.inflate(R.layout.fragment1, container, false);
TextView tv = (TextView) view.findViewById(R.id.tv);
tv.setText("FragmentOne");
return view;
}
@Override
public void onActivityCreated(Bundle savedInstanceState)
{
Log.d(TAG, "4==>FragmentOne==>onActivityCreated");
super.onActivityCreated(savedInstanceState);
}
@Override
public void onStart()
{
Log.d(TAG, "5==>FragmentOne==>onStart");
super.onStart();
}
@Override
public void onResume()
{
Log.d(TAG, "6==>FragmentOne==>onResume");
super.onResume();
}
@Override
public void onPause()
{
Log.d(TAG, "7==>FragmentOne==>onPause");
super.onPause();
}
@Override
public void onStop()
{
Log.d(TAG, "8==>FragmentOne==>onStop");
super.onStop();
}
@Override
public void onDestroyView()
{
Log.d(TAG, "9==>FragmentOne==>onDestroyView");
super.onDestroyView();
}
@Override
public void onDestroy()
{
Log.d(TAG, "10==>FragmentOne==>onDestroy");
super.onDestroy();
}
@Override
public void onDetach()
{
Log.d(TAG, "11==>FragmentOne==>onDetach");
super.onDetach();
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState)
{
Log.d(TAG, "FragmentOne==>onViewCreated");
super.onViewCreated(view, savedInstanceState);
}
}
在編寫(xiě)過(guò)程中,我為了實(shí)現(xiàn)如果不是在主頁(yè),按第一遍讓它先跳轉(zhuǎn)到第一個(gè)Fragment這個(gè)效果,一開(kāi)始使用了rgs.check(button.getId());這個(gè)方法,結(jié)果發(fā)現(xiàn),這樣的話onCheckedChanged監(jiān)聽(tīng)事件會(huì)執(zhí)行兩次,后來(lái)改為button.setChecked(true);這個(gè)方法之后,成功解決了這個(gè)問(wèn)題。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)底部導(dǎo)航欄功能(選項(xiàng)卡)
- Android多個(gè)TAB選項(xiàng)卡切換效果
- Android仿微信底部實(shí)現(xiàn)Tab選項(xiàng)卡切換效果
- Android實(shí)現(xiàn)類似網(wǎng)易新聞選項(xiàng)卡動(dòng)態(tài)滑動(dòng)效果
- Android編程實(shí)現(xiàn)自定義Tab選項(xiàng)卡功能示例
- Android編程實(shí)現(xiàn)將tab選項(xiàng)卡放在屏幕底部的方法
- Android開(kāi)發(fā)之選項(xiàng)卡功能的實(shí)現(xiàn)方法示例
- Android實(shí)現(xiàn)知乎選項(xiàng)卡動(dòng)態(tài)隱藏效果實(shí)例
相關(guān)文章
Android開(kāi)發(fā)筆記 Handler使用總結(jié)
當(dāng)應(yīng)用程序啟動(dòng)時(shí),Android首先會(huì)開(kāi)啟一個(gè)主線程(也就是UI線程),主線程為管理界面中的UI控件,進(jìn)行事件分發(fā)2012-11-11
Android 控制車載藍(lán)牙播放音樂(lè)詳解流程
本篇文章介紹了手機(jī)端音樂(lè)暫停和播放狀態(tài),從服務(wù)端告訴客戶端、設(shè)備端實(shí)現(xiàn)暫停、播放、上一首、下一首等功能的實(shí)現(xiàn),通讀本篇對(duì)大家的學(xué)習(xí)或工作具有一定的價(jià)值,需要的朋友可以參考下2021-10-10
Android 使用FragmentTabhost代替Tabhost
這篇文章主要介紹了Android 使用FragmentTabhost代替Tabhost的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android開(kāi)發(fā)使用WebView打造web app示例代碼
這篇文章主要介紹了Android開(kāi)發(fā)使用WebView打造web app的關(guān)鍵示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2022-03-03
Rxjava實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了Rxjava實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06
仿網(wǎng)易新聞客戶端頭條ViewPager嵌套實(shí)例
正確使用requestDisallowInterceptTouchEvent(boolean flag)方法,下面為大家介紹下外層ViewPager布局的實(shí)例,感興趣的朋友可以參考下哈2013-06-06
Android解析服務(wù)器端發(fā)來(lái)的xml數(shù)據(jù)示例
Android跟服務(wù)器交互數(shù)據(jù),有時(shí)數(shù)據(jù)量大時(shí),就需要以xml形式的交互數(shù)據(jù),下面與大家分享下使用XmlPullParser來(lái)解析xml數(shù)據(jù),感興趣的朋友可以參考下哈2013-06-06
Android 百度地圖marker中圖片不顯示的解決方法(推薦)
下面小編就為大家分享一篇Android 百度地圖marker中圖片不顯示的解決方法(推薦),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Android O實(shí)現(xiàn)Framework層CENTER鍵長(zhǎng)按功能方法
這篇文章主要為大家介紹了Android O實(shí)現(xiàn)Framework層CENTER鍵長(zhǎng)按功能方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08

