基于Viewpager2實(shí)現(xiàn)登錄注冊(cè)引導(dǎo)頁面
本文實(shí)例為大家分享了Viewpager2實(shí)現(xiàn)登錄注冊(cè)引導(dǎo)頁面的具體代碼,供大家參考,具體內(nèi)容如下
介紹
屏幕滑動(dòng)是兩個(gè)完整屏幕之間的切換,在設(shè)置向?qū)Щ蚧脽羝冉缑嬷泻艹R?/p>
實(shí)現(xiàn)圖(圖片來源于網(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)來的 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 { ? ? //要顯示的頁數(shù) ? ? private static final int NUM_PAGES = 3; ? ? private ViewPager2 viewPager2; ? ? ?// 適配器,為ViewPager2提供頁面? ? ? 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; ? ? ? ? } ? ? } }
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁
- Android自定義引導(dǎo)玩轉(zhuǎn)ViewPager的方法詳解
- Android開發(fā)實(shí)戰(zhàn)之漂亮的ViewPager引導(dǎo)頁
- Android開發(fā)實(shí)現(xiàn)的ViewPager引導(dǎo)頁功能(動(dòng)態(tài)加載指示器)詳解
- ViewPager實(shí)現(xiàn)漂亮的引導(dǎo)頁
- Android控件ViewPager實(shí)現(xiàn)帶有動(dòng)畫的引導(dǎo)頁
- ViewPager實(shí)現(xiàn)帶引導(dǎo)小圓點(diǎn)與自動(dòng)跳轉(zhuǎn)的引導(dǎo)界面
- Android利用ViewPager實(shí)現(xiàn)用戶引導(dǎo)界面效果的方法
- ViewPager打造輪播圖Banner/引導(dǎo)頁Guide
- Android使用ViewPager完成app引導(dǎo)頁
相關(guān)文章
Android使用Messenger實(shí)現(xiàn)service與activity交互
這篇文章主要介紹了android使用Messenger實(shí)現(xiàn)service與activity交互的相關(guān)資料,需要的朋友可以參考下2016-06-06Ubuntu16.04 LTS 下安裝 Android Studio 2.2.2 的詳細(xì)步驟
這篇文章主要介紹了Ubuntu16.04 LTS 下安裝 Android Studio 2.2.2 的詳細(xì)步驟,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11Android Handler內(nèi)存泄漏詳解及其解決方案
在android開發(fā)過程中,我們可能會(huì)遇到過令人奔潰的OOM異常,這篇文章主要介紹了Android Handler內(nèi)存泄漏詳解及其解決方案,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08Android?實(shí)現(xiàn)卡片堆疊錢包管理動(dòng)畫效果
這篇文章主要介紹了Android?實(shí)現(xiàn)卡片堆疊錢包管理動(dòng)畫效果,實(shí)現(xiàn)思路是在動(dòng)畫回調(diào)中requestLayout?實(shí)現(xiàn)動(dòng)畫效果,用Bounds?對(duì)象記錄每一個(gè)CardView?對(duì)象的初始位置,當(dāng)前位置,運(yùn)動(dòng)目標(biāo)位置,需要的朋友可以參考下2022-07-07