溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

發(fā)布時(shí)間:2021-05-25 11:23:16 來(lái)源:億速云 閱讀:425 作者:小新 欄目:開(kāi)發(fā)技術(shù)

小編給大家分享一下Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

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

implementation 'androidx.viewpager2:viewpager2:1.0.0'

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

2.在MainActivity下新建一個(gè)viewPager2

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

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

xml也要導(dǎo)入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>

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

3.創(chuàng)建個(gè)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);
        }
    }
}

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

還要?jiǎng)?chuàng)建個(gè)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>

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

最終效果圖:

Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果

Android是什么

Android是一種基于Linux內(nèi)核的自由及開(kāi)放源代碼的操作系統(tǒng),主要使用于移動(dòng)設(shè)備,如智能手機(jī)和平板電腦,由美國(guó)Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)。

以上是“Android如何使用viewPager2實(shí)現(xiàn)UI界面翻頁(yè)滾動(dòng)效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI