Android的RecycleView(控件)和Viewpager2(控件)

本文详细介绍了Android中的RecycleView和ViewPager2控件。RecycleView是一种用于展示大量数据的容器,支持线性、网格和瀑布流布局。而ViewPager2作为RecycleView的升级版,同样用于页面滑动,提供了更多的功能。文章涵盖了它们的定义、用法、布局文件配置、代码实现以及案例分析。
摘要由CSDN通过智能技术生成

RecycleView

        RecycleView简介           

                   从Android 5.0开始,谷歌公司推出了一个用于大量数据展示的新控件RecylerView可以用来代替 传统的ListView ,更加强大和灵活。
                   RecyclerView 是一个强大的滑动组件,与经典的 ListView 相比,同样拥有 item 回收复用的功能,这 一点从它的名字Recyclerview 即回收 view 也可以看出。
                   RecyclerView 支持 线性布局 网格布局 瀑布流布局 三种,而且同时还能够控制横向还是纵向滚 动。

        

        RecycleView是什么?

                        容器性质的控件,展示大量数据的控件,其具备三个布局形式布局:线性布局、网格布局、瀑布流布局

        RecycleView的用法是什么?

                        布局文件:

                                    1. 主布局文件中添加<RecycleView>
                                    2. 创建子项布局文件,并对其内部控件设置id

                         代码:      

  1. 创建实体类(如果有需求)

  2. 创建适配器

  3. 在活动中创建并设置适配器

  4. 在活动中设置排列方式及分隔线

  5. 设置点击事件

    案列:

第一步:布局

步骤就是
        1. 在主布局中引入控件
        2. 编写好子项布局
布局第一步 :主要是在主布局中引入 RecyclerView 控件。
注意:因为是远程导入的,所以需要把完整的包名写出来 activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="20dp"
    tools:context=".MainActivity" >

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/rv_view"/>
</LinearLayout>
布局第二步 :创建子布局,然后在子布局中,写好自己的子项布局
addressbook_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_wi
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
介绍:一个基于RecyclerView实现的ViewPager,支持类似于gallary的fling操作。点击上面"下载源码" 按钮,可以下载完整的demo。其中recyclerviewandroid-support中的依赖项目,RecyclerViewPager是主项目。运行效果:使用说明:继承自 RecyclerView.自定义 fling factor.自定义 paging trigger.支持 水平个垂直方向.支持 FragmentViewPager (api 12 )gradlecompile('com.lsjwzh:recyclerviewpager:1.0.2')xml:java:final RecyclerViewPager mRecyclerView = (RecyclerViewPager) this.findViewById(R.id.recyclerViewPager); LinearLayoutManager layout = new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL,false);//LinearLayoutManager.HORIZONTAL 设置水平滚动 mRecyclerView.setLayoutManager(layout); //set adapter mRecyclerView.setAdapter(new MyRecyclerAdapter());static class MyRecyclerAdapter extends RecyclerView.Adapter { private List items = new ArrayList(); public MyRecyclerAdapter(){ //创建4个页面 for(int i = 1; i<5; i ){ items.add("页面" i); } } public static class ViewHolder extends RecyclerView.ViewHolder{ public ViewHolder(View itemView) { super(itemView); } } @Override public int getItemCount() { // TODO Auto-generated method stub return items.size(); } @Override public void onBindViewHolder(ViewHolder holder, int position) { String item = items.get(position); TextView msgTv = (TextView)holder.itemView.findViewById(R.id.msg); msgTv.setText(item); } @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if(inflate == null) inflate = (LayoutInflater) parent.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE); View v = (LinearLayout)(inflate.inflate(R.layout.item, null)); return new 
以下是一个包含RecyclerView、Fragment和ViewPager2的主页面代码示例: MainActivity.java ``` public class MainActivity extends AppCompatActivity { private ViewPager2 viewPager; private TabLayout tabLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = findViewById(R.id.viewPager); tabLayout = findViewById(R.id.tabLayout); ArrayList<String> titles = new ArrayList<>(); titles.add("Tab 1"); titles.add("Tab 2"); viewPager.setAdapter(new ViewPagerAdapter(this, titles)); new TabLayoutMediator(tabLayout, viewPager, (tab, position) -> tab.setText(titles.get(position)) ).attach(); } } ``` ViewPagerAdapter.java ``` public class ViewPagerAdapter extends FragmentStateAdapter { private final ArrayList<String> titles; public ViewPagerAdapter(@NonNull FragmentActivity fragmentActivity, ArrayList<String> titles) { super(fragmentActivity); this.titles = titles; } @NonNull @Override public Fragment createFragment(int position) { switch (position) { case 0: return new Tab1Fragment(); case 1: return new Tab2Fragment(); default: return null; } } @Override public int getItemCount() { return titles.size(); } } ``` Tab1Fragment.java ``` public class Tab1Fragment extends Fragment { private RecyclerView recyclerView; private ArrayList<String> itemList; public Tab1Fragment() { // Required empty public constructor } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); itemList = new ArrayList<>(); for (int i = 1; i <= 20; i++) { itemList.add("Item " + i); } } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_tab1, container, false); recyclerView = view.findViewById(R.id.recyclerView); recyclerView.setLayoutManager(new LinearLayoutManager(getActivity())); recyclerView.setAdapter(new RecyclerViewAdapter(itemList)); return view; } } ``` Tab2Fragment.java ``` public class Tab2Fragment extends Fragment { public Tab2Fragment() { // Required empty public constructor } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment return inflater.inflate(R.layout.fragment_tab2, container, false); } } ``` RecyclerViewAdapter.java ``` public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { private final ArrayList<String> itemList; public RecyclerViewAdapter(ArrayList<String> itemList) { this.itemList = itemList; } @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_layout, parent, false); return new ItemViewHolder(view); } @Override public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) { ((ItemViewHolder) holder).bind(itemList.get(position)); } @Override public int getItemCount() { return itemList.size(); } public static class ItemViewHolder extends RecyclerView.ViewHolder { private final TextView textView; public ItemViewHolder(@NonNull View itemView) { super(itemView); textView = itemView.findViewById(R.id.textView); } public void bind(String item) { textView.setText(item); } } } ``` activity_main.xml ``` <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" /> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/tabLayout" /> </RelativeLayout> ``` fragment_tab1.xml ``` <?xml version="1.0" encoding="utf-8"?> <androidx.recyclerview.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` fragment_tab2.xml ``` <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 2" /> </LinearLayout> ``` item_layout.xml ``` <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceLarge" /> </LinearLayout> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值