纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

Android UI界面翻页滚动 Android用viewPager2实现UI界面翻页滚动的效果

Lee坚武   2021-05-25 我要评论
想了解Android用viewPager2实现UI界面翻页滚动的效果的相关内容吗Lee坚武在本文为您仔细讲解Android UI界面翻页滚动的相关知识和一些Code实例欢迎阅读和指正我们先划重点:Android,viewPager2,Android,UI界面,Android,翻页滚动下面大家一起来学习吧。

1.先在build.gradle(Module)下添加引用viewPager2的库

implementation 'androidx.viewpager2:viewpager2:1.0.0'

2.在MainActivity下新建一个viewPager2

ViewPager2 viewPager = findViewById(R.id.viewPager);
ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter();
viewPager.setAdapter(viewPagerAdapter);

xml也要导入ViewPager2

<androidx.viewpager2.widget.ViewPager2
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/viewPager"
        android:background="@color/teal_200" ></androidx.viewpager2.widget.ViewPager2>

3.创建个ViewPagerAdapter

package com.zhizhu.test03;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewPagerViewHolder> {

    private List<String> titles = new ArrayList<>();
    public ViewPagerAdapter(){
        titles.add("111");
        titles.add("222");
        titles.add("99999");
        titles.add("333");
        titles.add("99888");
    }

    @NonNull
    @Override
    public ViewPagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new ViewPagerViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_pager, parent, false));
    }

    @Override
    public void onBindViewHolder(@NonNull ViewPagerViewHolder holder, int position) {
        holder.mTV.setText(titles.get(position));
    }

    @Override
    public int getItemCount() {
        return 5;
    }

    class ViewPagerViewHolder extends RecyclerView.ViewHolder{

        TextView mTV;
        RelativeLayout mContainer;
        public ViewPagerViewHolder(@NonNull View itemView) {
            super(itemView);
            mContainer = itemView.findViewById(R.id.container);
            mTV = itemView.findViewById(R.id.tvTitle);
        }
    }
}

还要创建个item_pager.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/container">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tvTitle"
        android:layout_centerInParent="true"
        android:textColor="@color/black"
        android:textSize="30dp"
        android:text="88888"></TextView>

</RelativeLayout>

最终效果图:


相关文章

猜您喜欢

  • C# Tesseract库 C#版Tesseract库的使用技巧

    想了解C#版Tesseract库的使用技巧的相关内容吗小y在本文为您仔细讲解C# Tesseract库的相关知识和一些Code实例欢迎阅读和指正我们先划重点:C#,Tesseract库下面大家一起来学习吧。..
  • python 天气预报工具 python制作的天气预报小工具(gui界面)

    想了解python制作的天气预报小工具(gui界面)的相关内容吗懷淰メ在本文为您仔细讲解python 天气预报工具的相关知识和一些Code实例欢迎阅读和指正我们先划重点:python,天气预报,python,gui下面大家一起来学习吧。..

网友评论

Copyright 2020 www.Shellfishsoft.com 【贝软下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式