action來實現tab標籤 並跟fragment結合 由於要寫新聞客戶端這個tab導航是必須的 這裏我寫幾個小練習,但願你們融會貫通. android
1actionbar設置tab +fragmentapp
佈局是個layout 什麼layout均可以 加個Id 叫container框架
package com.example.demoforactionbar; import android.app.ActionBar; import android.app.Activity; import android.app.Fragment; import android.app.FragmentTransaction; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends Activity implements ActionBar.TabListener { private static final String SELECTED_ITEM = "selected_item"; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ActionBar actionBar = getActionBar(); // 設置ActionBar的導航方式:Tab導航
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); // 依次添加三個Tab頁,併爲三個Tab標籤添加事件監聽器
actionBar.addTab(actionBar.newTab().setText("第一頁") .setTabListener(this)); actionBar.addTab(actionBar.newTab().setText("第二頁") .setTabListener(this)); actionBar.addTab(actionBar.newTab().setText("第三頁") .setTabListener(this)); } @Override public void onRestoreInstanceState(Bundle savedInstanceState) { if (savedInstanceState.containsKey(SELECTED_ITEM)) { // 選中前面保存的索引對應的Fragment頁
getActionBar().setSelectedNavigationItem( savedInstanceState.getInt(SELECTED_ITEM)); } } @Override public void onSaveInstanceState(Bundle outState) { // 將當前選中的Fragment頁的索引保存到Bundle中
outState.putInt(SELECTED_ITEM, getActionBar().getSelectedNavigationIndex()); } @Override public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } // 當指定Tab被選中時激發該方法
@Override public void onTabSelected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { // 建立一個新的Fragment對象
Fragment fragment = new DummyFragment(); // 建立一個Bundle對象,用於向Fragment傳入參數
Bundle args = new Bundle(); args.putInt(DummyFragment.ARG_SECTION_NUMBER, tab.getPosition() + 1); // 向fragment傳入參數
fragment.setArguments(args); // 獲取FragmentTransaction對象
FragmentTransaction ft = getFragmentManager() .beginTransaction(); // 使用fragment代替該Activity中的container組件
ft.replace(R.id.container, fragment); // 提交事務
ft.commit(); } @Override public void onTabReselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } }
fragmentide
package com.example.demoforactionbar; import android.app.Fragment; import android.os.Bundle; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; public class DummyFragment extends Fragment { public static final String ARG_SECTION_NUMBER = "section_number"; // 該方法的返回值就是該Fragment顯示的View組件
@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { TextView textView = new TextView(getActivity()); textView.setGravity(Gravity.CENTER_HORIZONTAL); // 獲取建立該Fragment時傳入的參數Bundle
Bundle args = getArguments(); // 設置TextView顯示的文本
textView.setText(args.getInt(ARG_SECTION_NUMBER) + ""); textView.setTextSize(30); // 返回該TextView
return textView; } }
2 .Viewpager + pagerTopStrip佈局
xml:this
<?xml version="1.0" encoding="utf-8" ?>
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent">
<!-- 定義導航狀態條組件 -->
<android.support.v4.view.PagerTitleStrip android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="top" android:background="#33b5e5" android:textColor="#fff" android:paddingTop="4dp" android:paddingBottom="4dp" />
</android.support.v4.view.ViewPager>
MainActivity:spa
package com.example.demoforactionbar; import android.app.ActionBar; import android.app.Activity; import android.app.FragmentTransaction; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends FragmentActivity implements ActionBar.TabListener { ViewPager viewPager; ActionBar actionBar; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 獲取ActionBar對象
actionBar = getActionBar(); // 獲取ViewPager
viewPager = (ViewPager) findViewById(R.id.pager); // 建立一個FragmentPagerAdapter對象,該對象負責爲ViewPager提供多個Fragment
FragmentPagerAdapter pagerAdapter = new FragmentPagerAdapter( getSupportFragmentManager()) { // 獲取第position位置的Fragment
@Override public Fragment getItem(int position) { Fragment fragment = new DummyFragment(); Bundle args = new Bundle(); args.putInt(DummyFragment.ARG_SECTION_NUMBER, position + 1); fragment.setArguments(args); return fragment; } // 該方法的返回值i代表該Adapter總共包括多少個Fragment
@Override public int getCount() { return 3; } // 該方法的返回值決定每一個Fragment的標題
@Override public CharSequence getPageTitle(int position) { switch (position) { case 0: return "第一頁"; case 1: return "第二頁"; case 2: return "第三頁"; } return null; } }; // 設置ActionBar使用Tab導航方式
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); // 遍歷pagerAdapter對象所包含的所有Fragment // 每一個Fragment對應建立一個Tab標籤
for (int i = 0; i < pagerAdapter.getCount(); i++) { actionBar.addTab(actionBar.newTab() .setText(pagerAdapter.getPageTitle(i)) .setTabListener(this)); } // 爲ViewPager組件設置FragmentPagerAdapter
viewPager.setAdapter(pagerAdapter); // ① // 爲ViewPager組件綁定事件監聽器
viewPager.setOnPageChangeListener( new ViewPager.SimpleOnPageChangeListener() { // 當ViewPager顯示的Fragment發生改變時激發該方法
@Override public void onPageSelected(int position) { actionBar.setSelectedNavigationItem(position); } }); } @Override public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } // 當指定Tab被選中時激發該方法
@Override public void onTabSelected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { viewPager.setCurrentItem(tab.getPosition()); // ②
} @Override public void onTabReselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { } }
DummyFragment 父類的包改爲V4包下的便可 不改會出錯的code
public class DummyFragment extends android.support.v4.app.Fragment
3 開源框架ViewPageIndicator 和 ViewPager xml
框架本身搜索. 方法和第二很像 .對象
XML
<LinearLayout 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" android:background="#C5DAED" android:orientation="vertical" >
<include layout="@layout/top" />
<com.viewpagerindicator.TabPageIndicator android:id="@+id/id_indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/transparent" >
</com.viewpagerindicator.TabPageIndicator>
<android.support.v4.view.ViewPager android:id="@+id/id_viewpager" android:layout_width="match_parent" android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
</LinearLayout>
MainActivity:
import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.view.ViewPager; import android.view.Window; import com.viewpagerindicator.TabPageIndicator; public class MainActivity extends FragmentActivity { private ViewPager mViewPager; private TabPageIndicator mTabPageIndicator; private TabAdapter mAdapter ; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); initView(); } private void initView() { //初始化控件
mViewPager = (ViewPager) findViewById(R.id.id_viewpager); mTabPageIndicator = (TabPageIndicator) findViewById(R.id.id_indicator); mAdapter = new TabAdapter(getSupportFragmentManager()); mViewPager.setAdapter(mAdapter); mTabPageIndicator.setViewPager(mViewPager, 0); //給mTabPageIndicator 設置ViewPager ,參數 0是初始化位置
} }
Adapter:
import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; public class TabAdapter extends FragmentPagerAdapter { public static String[] TITLES = new String[] {"ACE", "1", "2", "3", "4", "5" }; public TabAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int arg0) { TabFragment fragment = new TabFragment(arg0); return fragment; } @Override public int getCount() { return TITLES.length; } @Override public CharSequence getPageTitle(int position) { return TITLES[position]; } }
TabFragment
public class TabFragment extends Fragment { private int pos; public TabFragment(int pos) { this.pos = pos; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.frag, container, false); TextView tv = (TextView) view.findViewById(R.id.id_tv); tv.setText(TabAdapter.TITLES[pos]); return view; } }
Fragmen佈局 frag.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="#ffffff" android:layout_height="match_parent" >
<TextView android:id="@+id/id_tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textStyle="bold" android:textSize="22sp" android:text="hello ACE" />
</RelativeLayout>