ActionBar的Tab模式
来源:互联网 发布:spark数据分析 编辑:程序博客网 时间:2024/05/17 08:02
ActionBar的Tab模式显示的效果如下图所示
ActionBar进入Tab模式的方法
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
ActionBar的Tab模式结合ViewPager,fragment就可以达到以上效果
具体实现思路如下
<1> ActionBar的Tab视图作为标签进行视图切换。
<2>ViewPager作为视图内容的容器,让视图可以进行滑动切换,并且将ViewPager的子视图和ActionBar的Tab对应起来。
<3> fragment作为具体子视图的实现。
ActionBar并不属于Activity窗口的contentView里的一部分。它属于窗口的DecorView.我们将ViewPager设计为Activity窗口的contentView.具体实现代码如下。
ActionBarTabActivity.java
public class ActionBarTabActivity extends Activity implementsActionBar.TabListener{
private final String TAG = "ActionBarTabActivity";
private ViewPager mViewPager;
private TabPageViewAdapter mViewPagerAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getOverflowMenu();
setContentView(R.layout.activity_action_bar_tab);
getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
initViewPager();
initActionBarTab();
}
public void initViewPager() {
mViewPager = (ViewPager) findViewById(R.id.tabPager);
mViewPagerAdapter = newTabPageViewAdapter(this.getFragmentManager());
mViewPager.setAdapter(mViewPagerAdapter);
mViewPager.setOnPageChangeListener(newViewPager.OnPageChangeListener(){
@Override
public void onPageScrolled(int i, float v, int i2) {
}
@Override
public void onPageSelected(int i) {
getActionBar().setSelectedNavigationItem(i);
}
@Override
public void onPageScrollStateChanged(int i) {
}
});
}
public void initActionBarTab(){
ActionBar.Tab drawingTab=getActionBar().newTab();
drawingTab.setContentDescription(R.string.drawingroom);
drawingTab.setText(R.string.drawingroom);
drawingTab.setTabListener(this);
getActionBar().addTab(drawingTab);
ActionBar.Tab bedroomTab=getActionBar().newTab();
bedroomTab.setContentDescription(R.string.bedroom);
bedroomTab.setText(R.string.bedroom);
bedroomTab.setTabListener(this);
getActionBar().addTab(bedroomTab);
ActionBar.Tab studyTab=getActionBar().newTab();
studyTab.setContentDescription(R.string.study);
studyTab.setText(R.string.study);
studyTab.setTabListener(this);
getActionBar().addTab(studyTab);
}
public class TabPageViewAdapter extends FragmentPagerAdapter {
public TabPageViewAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int i) {
return new PlaceholderFragment(i);
}
@Override
public int getCount() {
return 3;
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if itis present.
getMenuInflater().inflate(R.menu.action_bar_tab, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void onTabSelected(ActionBar.Tab tab, FragmentTransactionft) {
mViewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(ActionBar.Tab tab,FragmentTransaction ft) {
}
@Override
public void onTabReselected(ActionBar.Tab tab,FragmentTransaction ft) {
}
/**
* A placeholder fragment containing a simple view.
*/
public static class PlaceholderFragment extends Fragment {
public int index;
public PlaceholderFragment(int index) {
this.index=index;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroupcontainer,
Bundle savedInstanceState) {
View rootView =inflater.inflate(R.layout.fragment_action_bar_tab, container, false);
TextView tabContent=(TextView)rootView.findViewById(R.id.tab_content);
tabContent.setText(index+"");
return rootView;
}
}
private void getOverflowMenu() {
try {
ViewConfiguration config = ViewConfiguration.get(this);
Field menuKeyField =ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
if (menuKeyField != null) {
menuKeyField.setAccessible(true);
menuKeyField.setBoolean(config, false);
}
} catch (Exception e) {
e.printStackTrace();
}
}
}
activity_action_bar_tab.xml
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="name.lushuai.android.application.study.ui.actionbar.ActionBarTabActivity"
tools:ignore="MergeRootFrame"
>
<android.support.v4.view.ViewPager
android:id="@+id/tabPager"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</FrameLayout>
当然你可以参考Eclipse或者Android-Studio中的实例代码或者APIDemo中的实例代码。
- ActionBar的Tab模式
- ActionBar之Tab的使用
- ActionBar的Tab导航用法
- Android ActionBar Tab的宽度
- ActionBar Tab
- Actionbar tab + tab
- 自定义actionbar中tab的样式
- Android 自定义ActionBar.Tab对象的表现
- 关于ActionBar Tab与ListFragment的结合
- actionbar实现tab的时添加背景图片
- ActionBar with Tab
- ActionBar tab + Fragment
- ActionBar实现Tab导航
- android actionbar tab style
- actionbar tab 字体大小设置
- actionbar tab 字体大小设置
- ActionBar实现Tab
- ActionBar 搜索,tab
- https
- 前端知识体系及修炼攻略
- jQuery对象与DOM对象相互转换
- Solr 数据导入 <一>DIH简单使用
- Object-C 学习笔记(二十五)--- 文件操作(写文件/读文件/复制文件)
- ActionBar的Tab模式
- SendKeys.SendWait()用法
- Java equals()和hashCode()的作用
- logmnr挖掘中间有DDL的操作示例-对于执行DDL前的操作无法挖掘
- 深入学习C++前向声明
- 后台代码
- hive数据倾斜总结
- UIImageView 的contentMode属性应用
- Mysql 新增用户