基于Viewpager2實(shí)現(xiàn)登錄注冊(cè)引導(dǎo)頁(yè)面

更新時(shí)間：2022年09月05日 15:17:48 作者：_jiaaang

這篇文章主要為大家詳細(xì)介紹了基于Viewpager2實(shí)現(xiàn)登錄注冊(cè)引導(dǎo)頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Viewpager2實(shí)現(xiàn)登錄注冊(cè)引導(dǎo)頁(yè)面的具體代碼，供大家參考，具體內(nèi)容如下

介紹

屏幕滑動(dòng)是兩個(gè)完整屏幕之間的切換，在設(shè)置向?qū)Щ蚧脽羝冉缑嬷泻艹Ｒ?jiàn)

實(shí)現(xiàn)圖(圖片來(lái)源于網(wǎng)絡(luò)):

例子

1、創(chuàng)建視圖

我這里只創(chuàng)建了3個(gè)XML

fragment0.xml

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

? ? <ImageView
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="match_parent"
? ? ? ? android:adjustViewBounds="true"
? ? ? ? android:scaleType="fitXY"
? ? ? ? android:src="@drawable/p0"
? ? ? ? />
? ? </LinearLayout>

fragment1.xml

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

? ? <ImageView
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="match_parent"
? ? ? ? android:adjustViewBounds="true"
? ? ? ? android:scaleType="fitXY"
? ? ? ? android:src="@drawable/p1"
? ? ? ? />
? ? </LinearLayout>

fragment2.xml

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

? ? <ImageView
? ? ? ? android:layout_width="match_parent"
? ? ? ? android:layout_height="match_parent"
? ? ? ? android:adjustViewBounds="true"
? ? ? ? android:scaleType="fitXY"
? ? ? ? android:src="@drawable/p2"
? ? ? ? />
? ? </LinearLayout>

2、創(chuàng)建 Fragment

根據(jù)構(gòu)造方法傳進(jìn)來(lái)的 int i；返回不同的視圖(i是等下用到的FragmentStateAdapter適配器中傳進(jìn)去的)

package com.example.xianyu;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;


public class mFragment extends Fragment {
? ? int i = 0;
? ? mFragment(int i){

? ? ? ? this.i = i;
? ? }
? ??
? ? @Nullable
? ? @Override
? ? public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
? ? ? ? View view = null;
? ? ? ? switch (i){
? ? ? ? ? ? case 0: {
? ? ? ? ? ? view = inflater.inflate(R.layout.fragment0, container, false);
? ? ? ? ? ? break;
? ? ? ?}
? ? ? ? ? ? case 1: {
? ? ? ? ? ? view = ?inflater.inflate(R.layout.frament1, container, false);
? ? ? ? ? ? break;
? ? ? ? }
? ? ? ? ? ? case 2: {
? ? ? ? ? ? ? ? view = inflater.inflate(R.layout.fragment2, container, false);
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? return view;
? ? }
}

3、主Activity，并創(chuàng)建自定義適配器繼承自FragmentStateAdapter

activity_screen_slide.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- activity_screen_slide.xml -->
<androidx.viewpager2.widget.ViewPager2
? ? xmlns:android="http://schemas.android.com/apk/res/android"
? ? android:id="@+id/pager"
? ? android:layout_width="match_parent"
? ? android:layout_height="match_parent" />

homeActivity

package com.example.xianyu;

import android.os.Bundle;

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import androidx.viewpager2.widget.ViewPager2;

public class homeActivity extends FragmentActivity {
? ? //要顯示的頁(yè)數(shù)
? ? private static final int NUM_PAGES = 3;
? ? private ViewPager2 viewPager2;
? ? ?// 適配器，為ViewPager2提供頁(yè)面?
? ? private FragmentStateAdapter pagerAdapter;
? ??
? ? @Override
? ? protected void onCreate(Bundle savedInstanceState) {
? ? ? ? super.onCreate(savedInstanceState);
? ? ? ? setContentView(R.layout.activity_screen_slide);
? ? ? ? viewPager2 = findViewById(R.id.pager);
? ? ? ? pagerAdapter = new ScreenSlidePagerAdapter(this);
? ? ? ? viewPager2.setAdapter(pagerAdapter);
? ? }

? ? @Override
? ? public void onBackPressed() {
? ? ? ? if (viewPager2.getCurrentItem() == 0) { ? ? ? ? ? ?
? ? ? ? ? ? super.onBackPressed();
? ? ? ? } else { ? ? ? ? ??
? ? ? ? ? ? viewPager2.setCurrentItem(viewPager2.getCurrentItem() - 1);
? ? ? ? }
? ? }

?//自定義的類，繼承自FragmentStateAdapter適配器
? ? private class ScreenSlidePagerAdapter extends FragmentStateAdapter {
? ? ? ? public ScreenSlidePagerAdapter(FragmentActivity fa) {
? ? ? ? ? ? super(fa);
? ? ? ? }
//主要是createFragment這個(gè)方法
? ? ? ? @Override
? ? ? ? public Fragment createFragment(int position) {
? ? ? ? ? ? return new mFragment(position);
? ? ? ? }

? ? ? ? @Override
? ? ? ? public int getItemCount() {
? ? ? ? ? ? return NUM_PAGES;
? ? ? ? }


? ? }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: