Android用viewPager2实现UI界面翻页滚动的效果
更新时间:2021年05月25日 08:42:01 作者:Lee坚武
自学Android中,然后需要实现UI页面翻页滑动的效果,例如头条的功能 我这边利用了viewPager2的翻页功能,具体流程如下:
1.先在build.gradle(Module)下添加引用viewPager2的库
implementation 'androidx.viewpager2:viewpager2:1.0.0'
2.在MainActivity下新建一个viewPager2
ViewPager2 viewPager = findViewById(R.id.viewPager); ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(); viewPager.setAdapter(viewPagerAdapter);
xml也要导入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>
3.创建个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); } } }
还要创建个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实现UI界面翻页滚动的效果的详细内容,更多关于Android UI界面翻页滚动的资料请关注脚本之家其它相关文章!
相关文章
ubuntu下 AndroidStudio4.1启动报错问题的解决
这篇文章主要介绍了ubuntu下 AndroidStudio4.1启动报错问题的解决,本文给大家分享个人经验对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-10Android ServiceManager的启动和工作原理
这篇文章主要介绍了Android ServiceManager的启动和工作原理,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下2021-03-03Android recyclerview实现纵向虚线时间轴的示例代码
本文主要介绍了Android recyclerview实现纵向虚线时间轴的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2021-07-07Android中TextView实现超过固定行数显示“...展开全部”
这篇文章主要给大家介绍了关于Android中TextView如何实现超过固定行数显示"...展开全部"的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。2017-12-12
最新评论