Android App在ViewPager中使用Fragment的实例讲解

更新时间：2016年03月23日 16:16:47 作者：hzy3774

这篇文章主要介绍了Android App在ViewPager中使用Fragment的实例讲解,ViewPager组件主要被用来制作滑动切换效果,需要的朋友可以参考下

据说Android最推荐的是在ViewPager中使用FragMent，即ViewPager中的页面不像前面那样用LayoutInflater直接从布局文件加载，而是一个个Fragment。注意这里的Fragment

是android.support.v4.view包里的Fragment,而不是android.app包里的Fragment。

使用v4包里的Fragment的Activity必须继承自FragmentActivity。

其实使用Fragment与前面不使用Fragment非常类似：

第一步在主布局文件里放一个ViewPager组件

第二步为每个页面建立布局文件，把界面写好

第三步为每个页面新建Fragment类，并加载布局文件中的界面

第四部为ViewPager设定Adapter，只不过这里的Adapter不是PagerAdapter，而是换成

FragmentPagerAdapter,实现两个方法：

getCount()：返回页面数目

getItem(position)：返回position位置的Fragment。

下面来看一个ViewPager与Fragment实现页面滑动效果的例子:

首先继承FragmentActivity,
为ViewPager提供展示所需的Fragment和FragmentPagerAdapter:
Fragment来指定页面的布局以及功能

// fragment 
private class MyFragment extends Fragment { 
 
  private String text; 
  private int color; 
 
  public MyFragment(String text, int color) { 
    this.text = text; 
    this.color = color; 
  } 
 
  @Override 
  public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 
    TextView tv = new TextView(MainActivity.this); 
    tv.setBackgroundColor(color); 
    tv.setText(text); 
    return tv; 
  } 
}

adapter指定该Viewpager有多少页面以及那个位置需要显示哪个页面:

// adapter 
  private class MyAdapter extends FragmentPagerAdapter { 
    public MyAdapter(FragmentManager fm) { 
      super(fm); 
    } 
 
    @Override 
    public int getCount() { 
      return pages.size(); 
    } 
 
    @Override 
    public Fragment getItem(int arg0) { 
      return pages.get(arg0); 
    } 
  }

设置OnPageChangeListener,指定页面改变时需要做什么其他操作:

@Override 
public void onPageScrollStateChanged(int arg0) { 
 
} 
 
@Override 
public void onPageScrolled(int arg0, float arg1, int arg2) { 
  LinearLayout.LayoutParams lp = (android.widget.LinearLayout.LayoutParams) tabline.getLayoutParams(); 
  lp.leftMargin = (int) ((arg0 + arg1) * mTabLineWidth); 
  tabline.setLayoutParams(lp); 
} 
 
@Override 
public void onPageSelected(int arg0) { 
  // set titles 
  for (int i = 0; i < titles.size(); i++) { 
    if (arg0 == i) { 
      titles.get(i).setSelected(true); 
    } else { 
      titles.get(i).setSelected(false); 
    } 
  } 
}

完整的代码:

package com.hzy.myviewpager; 
 
import java.util.ArrayList; 
 
import android.graphics.Color; 
import android.os.Bundle; 
import android.support.annotation.Nullable; 
import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentActivity; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.OnPageChangeListener; 
import android.util.DisplayMetrics; 
import android.view.Display; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.View.OnClickListener; 
import android.view.ViewGroup.LayoutParams; 
import android.widget.LinearLayout; 
import android.widget.TextView; 
 
import com.hzy.myviewpager.R.id; 
 
public class MainActivity extends FragmentActivity implements OnPageChangeListener, OnClickListener { 
 
  ViewPager pager = null; 
  View tabline = null; 
  private int mTabLineWidth; 
 
  // titles 
  TextView title1 = null; 
  TextView title2 = null; 
  TextView title3 = null; 
 
  ArrayList<TextView> titles = null; 
  ArrayList<Fragment> pages = null; 
 
  @Override 
  protected void onCreate(Bundle arg0) { 
    super.onCreate(arg0); 
    initView(); 
    initTabline(); 
  } 
 
  private void initView() { 
    setContentView(R.layout.activity_main); 
    pages = new ArrayList<Fragment>(); 
    titles = new ArrayList<TextView>(); 
 
    pager = (ViewPager) findViewById(id.main_viewpager); 
    title1 = (TextView) findViewById(id.main_tab1); 
    title2 = (TextView) findViewById(id.main_tab2); 
    title3 = (TextView) findViewById(id.main_tab3); 
 
    title1.setOnClickListener(this); 
    title2.setOnClickListener(this); 
    title3.setOnClickListener(this); 
 
    titles.add(title1); 
    titles.add(title2); 
    titles.add(title3); 
 
    // create new fragments 
    pages.add(new MyFragment("tab1", Color.BLUE)); 
    pages.add(new MyFragment("tab2", Color.RED)); 
    pages.add(new MyFragment("tab3", Color.CYAN)); 
 
    // set adapter 
    pager.setAdapter(new MyAdapter(getSupportFragmentManager())); 
    pager.setOnPageChangeListener(this); 
    pager.setCurrentItem(0); 
    titles.get(0).setSelected(true); 
  } 
 
  // tablines 
  private void initTabline() { 
    tabline = findViewById(id.main_tab_line); 
    Display display = getWindow().getWindowManager().getDefaultDisplay(); 
    DisplayMetrics outMetrics = new DisplayMetrics(); 
    display.getMetrics(outMetrics); 
    mTabLineWidth = outMetrics.widthPixels / 3; 
    LayoutParams lp = tabline.getLayoutParams(); 
    lp.width = mTabLineWidth; 
    tabline.setLayoutParams(lp); 
  } 
 
  @Override 
  public void onClick(View v) { 
    switch (v.getId()) { 
    case id.main_tab1: 
      pager.setCurrentItem(0, true); 
      break; 
    case id.main_tab2: 
      pager.setCurrentItem(1, true); 
      break; 
    case id.main_tab3: 
      pager.setCurrentItem(2, true); 
      break; 
    default: 
      break; 
    } 
  } 
 
  @Override 
  public void onPageScrollStateChanged(int arg0) { 
 
  } 
 
  @Override 
  public void onPageScrolled(int arg0, float arg1, int arg2) { 
    LinearLayout.LayoutParams lp = (android.widget.LinearLayout.LayoutParams) tabline.getLayoutParams(); 
    lp.leftMargin = (int) ((arg0 + arg1) * mTabLineWidth); 
    tabline.setLayoutParams(lp); 
  } 
 
  @Override 
  public void onPageSelected(int arg0) { 
    // set titles 
    for (int i = 0; i < titles.size(); i++) { 
      if (arg0 == i) { 
        titles.get(i).setSelected(true); 
      } else { 
        titles.get(i).setSelected(false); 
      } 
    } 
  } 
 
  // fragment 
  private class MyFragment extends Fragment { 
 
    private String text; 
    private int color; 
 
    public MyFragment(String text, int color) { 
      this.text = text; 
      this.color = color; 
    } 
 
    @Override 
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 
      TextView tv = new TextView(MainActivity.this); 
      tv.setBackgroundColor(color); 
      tv.setText(text); 
      return tv; 
    } 
  } 
 
  // adapter 
  private class MyAdapter extends FragmentPagerAdapter { 
    public MyAdapter(FragmentManager fm) { 
      super(fm); 
    } 
 
    @Override 
    public int getCount() { 
      return pages.size(); 
    } 
 
    @Override 
    public Fragment getItem(int arg0) { 
      return pages.get(arg0); 
    } 
  } 
}

代码中通过实现OnPageChangeListener接口手动设置了页面指示条的位置。

您可能感兴趣的文章:

Android Retrofit原理深入探索
Retrofit 是一个 RESTful 的 HTTP 网络请求框架的封装，网络请求的工作本质上是 OkHttp 完成，而 Retrofit 仅负责网络请求接口的封装
2022-11-11
Android沉浸式状态栏实现
这篇文章主要介绍了Android沉浸式状态栏实现,即一体化状态栏实现，感兴趣的小伙伴们可以参考一下
2016-01-01
Android Activity启动模式之singleTask实例详解
这篇文章主要介绍了Android Activity启动模式之singleTask,结合实例形式较为详细的分析了singleTask模式的功能、使用方法与相关注意事项,需要的朋友可以参考下
2016-01-01
Android中okhttp3使用详解
这篇文章主要介绍了Android中okhttp3使用详解，非常具有实用价值，需要的朋友可以参考下
2017-09-09
Android 调用百度地图API示例
在Android开发中有一个非常重要的应用就是实时定位，通过手机在手机地图上进行实时定位，定位当前手机的位置，这篇文章主要介绍了Android 调用百度地图API示例，有兴趣的可以了解一下。
2017-01-01
Android布局技巧之创建高效布局
这篇文章主要为大家详细介绍了Android布局技巧之创建高效布局，具有一定的实用性，感兴趣的小伙伴们可以参考一下
2016-06-06
详解Android Bitmap的使用
这篇文章主要介绍了详解Android Bitmap的使用方法，帮助大家更好的理解和利用Android进行开发，感兴趣的朋友可以了解下
2021-02-02
Android 自定义Dialog 实例
本篇文章主要介绍Android自定义Dialog,在Android开发中,出于美观系统自带的Dialog一般都会被重新,这里给大家写个小实例,大家可以参考下
2016-07-07
Android SimpleAdapter适配器使用详解
这篇文章主要介绍了Android SimpleAdapter使用详解的相关资料,需要的朋友可以参考下
2017-04-04
Android编程获取包名，版本信息及VersionName名称的方法
这篇文章主要介绍了Android编程获取包名，版本信息及VersionName名称的方法,涉及Android包及版本相关操作函数使用技巧,需要的朋友可以参考下
2016-10-10

Android App在ViewPager中使用Fragment的实例讲解

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具