Android用viewPager2實(shí)現(xiàn)UI界面翻頁滾動(dòng)的效果
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);} }}
還要?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'> <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界面翻頁滾動(dòng)的效果的詳細(xì)內(nèi)容,更多關(guān)于Android UI界面翻頁滾動(dòng)的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. XML入門精解之結(jié)構(gòu)與語法2. HTML DOM setInterval和clearInterval方法案例詳解3. CSS3中Transition屬性詳解以及示例分享4. 怎樣才能用js生成xmldom對(duì)象,并且在firefox中也實(shí)現(xiàn)xml數(shù)據(jù)島?5. html小技巧之td,div標(biāo)簽里內(nèi)容不換行6. 輕松學(xué)習(xí)XML教程7. 詳解CSS偽元素的妙用單標(biāo)簽之美8. UDDI FAQs9. 使用純HTML的通用數(shù)據(jù)管理和服務(wù)10. 解析原生JS getComputedStyle
