Android用viewPager2實(shí)現(xiàn)UI界面翻頁滾動的效果
implementation ’androidx.viewpager2:viewpager2:1.0.0’
ViewPager2 viewPager = findViewById(R.id.viewPager);ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter();viewPager.setAdapter(viewPagerAdapter);
xml也要導(dǎo)入ViewPager2
<androidx.viewpager2.widget.ViewPager2android:layout_width='match_parent'android:layout_height='match_parent'android: android:background='@color/teal_200' ></androidx.viewpager2.widget.ViewPager2>
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);} }}
還要創(chuàng)建個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'> <TextViewandroid:layout_width='wrap_content'android:layout_height='wrap_content'android: android:layout_centerInParent='true'android:textColor='@color/black'android:textSize='30dp'android:text='88888'></TextView></RelativeLayout>
最終效果圖:
以上就是Android用viewPager2實(shí)現(xiàn)UI界面翻頁滾動的效果的詳細(xì)內(nèi)容,更多關(guān)于Android UI界面翻頁滾動的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 前端從瀏覽器的渲染到性能優(yōu)化2. 無線標(biāo)記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁3. 讀大數(shù)據(jù)量的XML文件的讀取問題4. ASP基礎(chǔ)入門第三篇(ASP腳本基礎(chǔ))5. 解析原生JS getComputedStyle6. PHP循環(huán)與分支知識點(diǎn)梳理7. css代碼優(yōu)化的12個技巧8. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)9. 利用CSS3新特性創(chuàng)建透明邊框三角10. ASP實(shí)現(xiàn)加法驗(yàn)證碼
