Android项目Tab类型主界面大总结 Fragment TabPageIndicator ViewPager

最新推荐文章于 2020-04-30 11:05:21 发布

傻傻的装高智商

最新推荐文章于 2020-04-30 11:05:21 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/sdfwcc/article/details/83770064

版权

这篇博客总结了Android中常见的四种Tab界面实现方式：传统ViewPager, FragmentManager+Fragment, ViewPager+FragmentPagerAdapter, 以及TabPageIndicator+ViewPager+FragmentPagerAdapter。包括每种方式的效果图和部分代码示例。" 111641218,10297298,Excel趋势折线图教程：轻松预测分析,"['数据分析', 'Excel图表', '预测模型', '数据可视化', '财务分析']

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/24740977

Android现在实现Tab类型的界面方式越来越多，今天就把常见的实现方式给大家来个总结。目前写了：

1、传统的ViewPager实现

2、FragmentManager+Fragment实现

3、ViewPager+FragmentPagerAdapter实现

4、TabPageIndicator+ViewPager+FragmentPagerAdapter

1、传统的ViewPager实现

主要就是ViewPager+ViewAdapter这个还是比较常见的，就不多说了

效果图：

代码：

package com.example.mainframework02;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageButton;import android.widget.ImageView;import android.widget.LinearLayout;public class TraditionalViewPagerAcvitity extends Activity{ /**  * ViewPager  */ private ViewPager mViewPager; /**  * ViewPager的适配器  */ private PagerAdapter mAdapter; private List<View> mViews; private LayoutInflater mInflater;  private int currentIndex; /**  * 底部四个按钮  */ private LinearLayout mTabBtnWeixin; private LinearLayout mTabBtnFrd; private LinearLayout mTabBtnAddress; private LinearLayout mTabBtnSettings; @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  mInflater = LayoutInflater.from(this);  mViewPager = (ViewPager) findViewById(R.id.id_viewpager);    /**   * 初始化View   */  initView();    mViewPager.setAdapter(mAdapter);  mViewPager.setOnPageChangeListener(new OnPageChangeListener()  {   @Override   public void onPageSelected(int position)   {    resetTabBtn();    switch (position)    {    case 0:     ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))       .setImageResource(R.drawable.tab_weixin_pressed);     break;    case 1:     ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))       .setImageResource(R.drawable.tab_find_frd_pressed);     break;    case 2:     ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))       .setImageResource(R.drawable.tab_address_pressed);     break;    case 3:     ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting))       .setImageResource(R.drawable.tab_settings_pressed);     break;    }    currentIndex = position;   }   @Override   public void onPageScrolled(int arg0, float arg1, int arg2)   {   }   @Override   public void onPageScrollStateChanged(int arg0)   {   }  }); } protected void resetTabBtn() {  ((ImageButton) mTabBtnWeixin.findViewById(R.id.btn_tab_bottom_weixin))    .setImageResource(R.drawable.tab_weixin_normal);  ((ImageButton) mTabBtnFrd.findViewById(R.id.btn_tab_bottom_friend))    .setImageResource(R.drawable.tab_find_frd_normal);  ((ImageButton) mTabBtnAddress.findViewById(R.id.btn_tab_bottom_contact))    .setImageResource(R.drawable.tab_address_normal);  ((ImageButton) mTabBtnSettings.findViewById(R.id.btn_tab_bottom_setting)