[Android]AndroidDesign中ActionBar探究2
上一节我们只是简单了介绍了Android Design风格中的ActionBar的简单实用，如添加MenuItem，这节我们会进一步了解ActionBar的其他功能。
在Android Develop的文档（http://developer.android.com/training/implementing-navigation/index.html）详细地介绍了Navigation的实用（我们为了更好的理解就不把这个翻译为中文）：
通过tabs来创建可以滑动的视图
常见的我们可以通过v4包中的ViewPager来创建可以左右滑动的视图，Viewpager可以通过FragmentStatePagerAdapte来填充Viewpager，它的每一项Item都是一个Fragment这样就显得很灵活。
那我们就通过一个简单的ViewPager来做一个实例。
先通过ViewPager来设一个Layout：
<?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" />
再新建一个FragmentStatePagerAdapter对象来设置ViewPager内容：
public class CollectionDemoActivity extends FragmentActivity {
// When requested, this adapter returns a DemoObjectFragment,
// representing an object in the collection.
DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;
ViewPager mViewPager;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_collection_demo);
// ViewPager and its adapters use support library
// fragments, so use getSupportFragmentManager.
mDemoCollectionPagerAdapter =
new DemoCollectionPagerAdapter(
getSupportFragmentManager());
mViewPager = (ViewPager) findViewById(R.id.pager);
mViewPager.setAdapter(mDemoCollectionPagerAdapter);
}
}
// Since this is an object collection, use a FragmentStatePagerAdapter,
// and NOT a FragmentPagerAdapter.
public class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter {
public DemoCollectionPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int i) {
Fragment fragment = new DemoObjectFragment();
Bundle args = new Bundle();
// Our object is just an integer :-P
args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1);
fragment.setArguments(args);
return fragment;
}
@Override
public int getCount() {
return 100;
}
@Override
public CharSequence getPageTitle(int position) {
return "OBJECT " + (position + 1);
}
}
// Instances of this class are fragments representing a single
// object in our collection.
public static class DemoObjectFragment extends Fragment {
public static final String ARG_OBJECT = "object";
@Override
public View onCreateView(LayoutInflater inflater,
ViewGroup container, Bundle savedInstanceState) {
// The last two arguments ensure LayoutParams are inflated
// properly.
View rootView = inflater.inflate(
R.layout.fragment_collection_object, container, false);
Bundle args = getArguments();
((TextView) rootView.findViewById(android.R.id.text1)).setText(
Integer.toString(args.getInt(ARG_OBJECT)));
return rootView;
}
}
这样ViewPager中的每一项都可以通过FragmentStateViewPagerAdapter来设置，是不是觉得生活又回复了美好，Fragment是一个灵活的、缩减版的Activity，我们可以很自由轻松而快乐的开发。
对了这节不是讲ActionBar跟这个ViewPager有关系么，不知道你用微信客户端是不是发现微信主页也是采用ActionBar的，其中聊天、发现、通讯录这三项就是一个Tabs组，那么Tab就是我们接下来要将的重点.
添加Tabs到ActionBar
为了能告诉Activity我们使用了Tabs，我们需要在Activity中为ActionBar设置NAVIGATION_MODE_TABS属性:
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
我们可以通过ViewPager的滑动事件来让顶部的Tabs根据ViewPager的变化而变化，同理我们也可以通过点击Tabs来这是ViewPager。
对于Tabs可以通过TabListener来监听Tabs点击位置变化：
@Override
public void onCreate(Bundle savedInstanceState) {
final ActionBar actionBar = getActionBar();
...
// Specify that tabs should be displayed in the action bar.
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
// Create a tab listener that is called when the user changes tabs.
ActionBar.TabListener tabListener = new ActionBar.TabListener() {
public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
// show the given tab
}
public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
// hide the given tab
}
public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
// probably ignore this event
}
};
// Add 3 tabs, specifying the tab‘s text and TabListener
for (int i = 0; i < 3; i++) {
actionBar.addTab(
actionBar.newTab()
.setText("Tab " + (i + 1))
.setTabListener(tabListener));
}
}当我们可以通过Tabs是的位置让ViewPager的位置也发生变化：
public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
// When the tab is selected, switch to the
// corresponding page in the ViewPager.
mViewPager.setCurrentItem(tab.getPosition());
}
ViewPager可以滑动，当滑动到ViewPager的哪一项时，Tabs的选中项也要变化：
@Override
public void onCreate(Bundle savedInstanceState) {
...
mViewPager = (ViewPager) findViewById(R.id.pager);
mViewPager.setOnPageChangeListener(
new ViewPager.SimpleOnPageChangeListener() {
@Override
public void onPageSelected(int position) {
// When swiping between pages, select the
// corresponding tab.
getActionBar().setSelectedNavigationItem(position);
}
});
...
}
这个Tabs可能不能达到微信的那个左右滑动过程中，Tabs选中的变化，我们也可以使用新的V4包中Tabs的替代者那就是PagerTitleStrip，这个以前也是个开源项目，Android后来也把这个放到了V4支持包中。
这个很像Tabs，不过在ViewPager在滑动过程中，Tabs的Tile下面的选中项是有滑动过程，而不是Tabs那样只有一个结果
<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:id="@+id/pager_title_strip"
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>
。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
