Android使用ViewPager实现导航

发布时间 - 2026-01-11 00:15:31    点击率:

首先先了解ViewPager实现的出效果是能够使视图左右滑动。

ViewPager在XML文件中的声明和其他一些控件的声明有点儿不一样

而android.support.v4.view是Android界面特殊效果的第三方加载的jar包,能够向下兼容。

<android.support.v4.view.ViewPager
  ...
  ...
>
</android.support.v4.view.ViewPager>

加载显示的页卡:需要将layout布局文件转型为View对象

(1)
LayoutInflater lf = getLayoutInfalter().from(this);
lf.inflate(resource,root);
(2)
View.inflate(context,resource,root);
PagerTabStrip 和 PagerTitleStrip

看命名也能够知道,这俩用来设置Title的就像微信主界面底部显示的目录(微信、通讯录、发现、我)一样,能够导航用户所滑到的页面Title。

<android.support.v4.view.ViewPager
  ...
>
 <android.support.v4.view.PagerTabStrip
   ...
   ...
   >
 </android.support.v4.view.PagerTabStrip>
</android.support.v4.view.ViewPager>
<!-- PagerTitleStrip的定义也和PagerTabTitle一样,在ViewPager中 -->

一般在使用时,二者取一用即可,如果两者同时使用,PagerTabStrip会失效

当然,PagerTabStrip 和 PagerTitleStrip也通过设置一些属性来美化导航目录

private PagerTabStrip tabStrip;  
    tabStrip = (PagerTabStrip) findViewById(R.id.tabStrip);
    tabStrip.setBackgroundColor(Color.GRAY);
       tabStrip.setTextColor(Color.BLACK);
    tabStrip.setDrawFullUnderline(false);
    tabStrip.setTabIndicatorColor(Color.GREEN);

对于ViewPager对应的有三种不同的适配器,所对应的数据源也有所不同

(1)PagerAdapter  ---- 数据源:List<View>

package com.Liuyt.s03_e19_viewpager;
import java.util.List;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
public class MyPagerAdapter extends PagerAdapter {
  private List<View> viewList;
  private List<String> titleList;
  public MyPagerAdapter(List<View> viewList, List<String> titleList) {
    this.viewList = viewList;
    this.titleList = titleList;
  }
  /*
   * 得到页卡的数量
   */
  @Override
  public int getCount() {
    // TODO Auto-generated method stub
    return viewList.size();
  }
  /*
   * 判断View是否属于Object对象
   */
  @Override
  public boolean isViewFromObject(View arg0, Object arg1) {
    // TODO Auto-generated method stub
    return arg0 == arg1;
  }
  /*
   * 实例化一个页卡
   */
  @Override
  public Object instantiateItem(ViewGroup container, int position) {
    // TODO Auto-generated method stub
    container.addView(viewList.get(position));
    return viewList.get(position);
  }
  /*
   * 销毁一个页卡
   */
  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
    // TODO Auto-generated method stub
    container.removeView(viewList.get(position));
  }
  /*
   * 设置viewPager的标题
   */
  @Override
  public CharSequence getPageTitle(int position) {
    // TODO Auto-generated method stub
    return titleList.get(position);
  }
}

(2)FragmentPagerAdapter ---- 数据源:List<Fragment>

package com.Liuyt.s03_e19_viewpager;
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
public class MyFragmentPagerAdapter extends FragmentPagerAdapter{
  private List<Fragment>fragList;
  private List<String>titleList;
  public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment>fragList,List<String>titleList) {
    super(fm);
    // TODO Auto-generated constructor stub
    this.fragList = fragList;
    this.titleList = titleList;
  }
  @Override
  public Fragment getItem(int arg0) {
    // TODO Auto-generated method stub
    return fragList.get(arg0);
  }
  @Override
  public int getCount() {
    // TODO Auto-generated method stub
    return fragList.size();
  }
  @Override
  public CharSequence getPageTitle(int position) {
    // TODO Auto-generated method stub
    return titleList.get(position);
  }
}

(3)FragmentStatePagerAdapter ---- 数据源:List<Fragment>

这儿就不贴代码了,FragmentStatePagerAdapter的代码和FragmentPagerAdapter 的代码差不很多,两者差别在于一个在滑动之后会调用destroy的方法销毁页卡,而另一个并不会对页卡进行销毁。

最后是监听器,ViewPager使用OnPagerChangeListener监听器来监听所滑动到的是哪个页面,中间常用的方法是public void onPagerSelected(int arg0){}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# android  # 导航栏实现  # viewpager实现导航  # Android中TabLayout+ViewPager 简单实现app底部Tab导航栏  # Android自定义ViewPagerIndicator实现炫酷导航栏指示器(ViewPager+F  # Android动态给ViewPager添加Indicator导航  # Android 利用ViewPager+GridView实现首页导航栏布局分页效果  # Android 中 TabHost与ViewPager结合实现首页导航效果  # ViewPager顶部导航栏联动效果(标题栏条目多)  # Android 开发之BottomBar+ViewPager+Fragment实现炫酷的底部导航效果  # Android ViewPager制作新手导航页(动态加载)  # Android ViewPager导航小圆点实现无限循环效果  # 的是  # 加载  # 就像  # 就不  # 有所不同  # 会对  # 第三方  # 后会  # 有三种  # 滑到  # 所对应  # 这俩  # 向下兼容  # private  # 二者取一用  # tabStrip  # findViewById  # 微信主  # Title  # PagerTabTitle 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何使用模型观察者?(Observer代码示例)  如何在建站主机中优化服务器配置?  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  Laravel如何处理和验证JSON类型的数据库字段  如何制作一个表白网站视频,关于勇敢表白的小标题?  Laravel如何实现本地化和多语言支持?(i18n教程)  如何快速搭建高效可靠的建站解决方案?  phpredis提高消息队列的实时性方法(推荐)  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  如何在自有机房高效搭建专业网站?  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  魔毅自助建站系统:模板定制与SEO优化一键生成指南  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  如何在腾讯云服务器上快速搭建个人网站?  高防服务器租用指南:配置选择与快速部署攻略  如何在建站宝盒中设置产品搜索功能?  java中使用zxing批量生成二维码立牌  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  Laravel如何发送系统通知?(Notification渠道示例)  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  Laravel Fortify是什么,和Jetstream有什么关系  Laravel PHP版本要求一览_Laravel各版本环境要求对照  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  js实现获取鼠标当前的位置  如何在 React 中条件性地遍历数组并渲染元素  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  如何在万网主机上快速搭建网站?  中山网站推广排名,中山信息港登录入口?  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  浅谈redis在项目中的应用  PythonWeb开发入门教程_Flask快速构建Web应用  javascript基本数据类型及类型检测常用方法小结  使用豆包 AI 辅助进行简单网页 HTML 结构设计  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  Laravel如何生成URL和重定向?(路由助手函数)  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  如何快速搭建虚拟主机网站?新手必看指南  敲碗10年!Mac系列传将迎来「触控与联网」双革新  微信小程序 input输入框控件详解及实例(多种示例)  Laravel Session怎么存储_Laravel Session驱动配置详解  Laravel如何升级到最新版本?(升级指南和步骤)  网站建设整体流程解析,建站其实很容易!