当前位置: 首页 > article >正文

Android ViewPager2 同屏显示左右item

 大家都知道Google最近发布的ViewPager2基本不兼容ViewPager,虽然众多特性仍然可以使用,但两者在代码和应用方面相差甚远。就比如ViewPager的显示左右ITEM使用在ViewPager2之上仍然会留下左右的边距,但是静止状态下无法显示出左右item,滑动状态下却可以显示出来,解决这一个问题的关键仍然需要clipChildren,只是要在item布局嵌套一层外部布局

先介绍clipChildren属性

clipChildren是将子view的大小范围控制在父布局以内,默认值为true。假设我们将其设置为false,将子布局大小设置超过父布局,实际的展示上子view将显示的比父布局更大

以往ViewPager显示左右ITEM

设置Layout的ViewPager左右margin并且在viewPager及其父布局加入android:clipChildren="false"就可以完美实现显示左右ITEM

ViewPager2如何实现左右显示ITEM呢

第一步的步骤大体相同,也是在ViewPager2的Layout层加入margin以及clipChildren,但是设置这个属性后有些低版本系统仍然不支持怎么办呢?我们需要在ViewPager2的父布局加入android:layerType="software"防止布局开启硬件加速导致无法显示左右两侧的item

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/viewPagerParentLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:layerType="software"
    android:clipChildren="false"
    tools:context=".MainActivity">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewPager2"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_marginStart="50dp"
        android:layout_marginEnd="50dp"
        android:clipChildren="false"
        />
</LinearLayout>

第二步,对左右item有边距要求的话,对item的Layout层进行一定的修改,在顶层布局中加入左右margin

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginStart="10dp"
    android:layout_marginEnd="10dp"
    android:background="@android:color/darker_gray"
    android:gravity="center"
    android:orientation="horizontal">
    
    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:text="欢迎加入作者的公众号:\n松果果科技星球"
        android:textAlignment="center"
        android:textSize="20sp" />

    <ImageView
        android:id="@+id/ivImg"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:scaleType="fitCenter" />
</LinearLayout>

第三步,在activity层动态设置ViewPager2的属性

viewPager2.offscreenPageLimit = 3

如果需要动态关闭布局加速,在activity设置viewPager2父布局的layerType

viewPagerParentLayout.setLayerType(View.LAYER_TYPE_SOFTWARE,null);


http://www.kler.cn/a/226812.html

相关文章:

  • Qt实现类似ToDesk顶层窗口 不规则按钮
  • 【Java程序设计】【C00207】基于(JavaWeb+SSM)的宠物领养管理系统(论文+PPT)
  • 前端面试题-JavaScriptl原型,原型链?有什么特点?(2024.2.2)
  • 题目: 有1234个数字, 组成多个互不相同且无重复数字的三位数? 都是多少?
  • 【大数据技术攻关专题】「Apache-Flink零基础入门」手把手+零基础带你玩转大数据流式处理引擎Flink(基础加强+运行原理)
  • 代码随想录算法训练营第二十四天|● 理论基础 ● 77. 组合
  • oracle数据库慢查询SQL
  • 【Delphi】IDE 工具栏错乱恢复
  • 软件工程知识梳理0-概述
  • jQuery前段开发--星级评价和图形跟随指针移动
  • 【报错记录】mybatis映射对应的类没有无参构造引发的问题
  • NUXTJS安装始终报错无法正常运行问题解决
  • T113-Pro的buildroot添加gdisk ( GPT disks )出现gptfdisk needs a toolchain w/ C++的解决方法
  • 业务流程自动化平台在制造业应用案例,助力业务自动化、智能化
  • QSlider使用笔记
  • 029 命令行传递参数
  • 云尘 -- 铁三域控
  • 2402d,d的内存库设计
  • Redis核心技术与实战【学习笔记】 - 19.Pika:基于SSD实现大容量“Redis”
  • Oracle分析SQL执行调优