RecyclerView实现关注效果

最新推荐文章于 2019-05-02 11:15:42 发布
最新推荐文章于 2019-05-02 11:15:42 发布
阅读量176 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43042476/article/details/82703936
版权

现在各种app中经常有兴趣爱好关注的效果，先贴张图看看效果：
这里写图片描述

咱一看到图就想到了强大的RecyclerView
1.用RecyclerView的多布局实现如图效果：就得根据position判断条目加载不同的布局，这有点麻烦
2在RecyclerView的单布局在Item中就将布局都不好 今天就记录下这种实现方法
详细代码如下：

1.MainActivity中


public class MainActivity extends AppCompatActivity {

    private RecyclerView recy;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        initView();

    }



    private void initView() {

        recy = (RecyclerView) findViewById(R.id.recy);

        recy.setLayoutManager(new LinearLayoutManager(this));

        FragmentManager supportFragmentManager = getSupportFragmentManager();

        List<String> nia = new ArrayList<>();//添加数据

        nia.add("初一");

        nia.add("初二");

        nia.add("n年纪");

        MyAdapter adapter = new MyAdapter(nia, this, supportFragmentManager);

        recy.setAdapter(adapter);

    }

}

MainActivity.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"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity">



    <android.support.v7.widget.RecyclerView

        android:id="@+id/recy"

        android:layout_width="match_parent"

        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>

</RelativeLayout>

2.MainActivity的适配器 MyAdapter

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.Holder> {



    private List<String> list;

    private Context context;

    FragmentManager supportFragmentManager;





    public MyAdapter(List<String> list, Context context, FragmentManager supportFragmentManager) {

        this.list = list;

        this.context = context;

        this.supportFragmentManager = supportFragmentManager;

    }



    @NonNull

    @Override

    public Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        return new Holder(LayoutInflater.from(context).inflate(R.layout.item, null));

    }



    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN_MR1)

    @Override

    public void onBindViewHolder(@NonNull Holder holder, int position) {



        holder.niaji.setText(list.get(position));





        List<Fragment> fragments=new ArrayList<>();

        fragments.add(new ONeFragment());

        fragments.add(new ONeFragment());

        fragments.add(new ONeFragment());

        fragments.add(new ONeFragment());



        List<String> title=new ArrayList<>();

        title.add("1班");

        title.add("2班");

        title.add("3班");

        title.add("4班");





        holder.viewpager.setId(View.generateViewId());//获取动态id

     //   holder.viewpager.setId(position+1);//获取id





        holder.tab.setupWithViewPager(holder.viewpager);

        holder.viewpager.setAdapter(new VpAdapter(supportFragmentManager,fragments,title));







    }



    @Override

    public int getItemCount() {

        return list.size();

    }



    class Holder extends RecyclerView.ViewHolder {

        public TextView niaji;

        public TabLayout tab;

        public ViewPager viewpager;



        public Holder(View itemView) {

            super(itemView);

            niaji = (TextView) itemView.findViewById(R.id.niaji);

            tab = (TabLayout) itemView.findViewById(R.id.tab);

            viewpager = (ViewPager) itemView.findViewById(R.id.viewpager);

        }

    }





}

适配器 MyAdapter的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">



    <TextView

        android:layout_marginTop="5dp"

        android:id="@+id/niaji"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="初一"></TextView>



    <android.support.design.widget.TabLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/tab"

        android:layout_toRightOf="@+id/niaji"

        ></android.support.design.widget.TabLayout>

    <android.support.v4.view.ViewPager

        android:layout_marginLeft="40dp"

        android:layout_width="match_parent"

        android:layout_height="400dp"

        android:id="@+id/viewpager"

        android:layout_below="@+id/tab"

        ></android.support.v4.view.ViewPager>

</RelativeLayout>

3.OneFragment


public class ONeFragment extends Fragment {

    // TODO: Rename parameter arguments, choose names that match

    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER

    private static final String ARG_PARAM1 = "param1";

    private static final String ARG_PARAM2 = "param2";



    // TODO: Rename and change types of parameters

    private String mParam1;

    private String mParam2;



    private RecyclerView fragment_recy;



    public ONeFragment() {

        // Required empty public constructor

    }



    /**

     * Use this factory method to create a new instance of

     * this fragment using the provided parameters.

     *

     * @param param1 Parameter 1.

     * @param param2 Parameter 2.

     * @return A new instance of fragment ONeFragment.

     */

    // TODO: Rename and change types and number of parameters

    public static ONeFragment newInstance(String param1, String param2) {

        ONeFragment fragment = new ONeFragment();

        Bundle args = new Bundle();

        args.putString(ARG_PARAM1, param1);

        args.putString(ARG_PARAM2, param2);

        fragment.setArguments(args);

        return fragment;

    }



    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        if (getArguments() != null) {

            mParam1 = getArguments().getString(ARG_PARAM1);

            mParam2 = getArguments().getString(ARG_PARAM2);

        }

    }



    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

                             Bundle savedInstanceState) {

        // Inflate the layout for this fragment

        View inflate = inflater.inflate(R.layout.fragment_one, container, false);

        initView(inflate);

        initData();

        return inflate;

    }



    private void initData() {

        final List<Bean> list = new ArrayList<>();

        for (int i = 0; i < 10; i++) {

            list.add(new Bean("天王盖地虎，小鸡炖蘑菇" + i));

        }

        final MyAdapter1 adapter1 = new MyAdapter1(list);

        fragment_recy.setAdapter(adapter1);

        adapter1.setOnItemClickListener(new BaseQuickAdapter.OnItemClickListener() {

            @Override

            public void onItemClick(BaseQuickAdapter adapter, View view, int position) {

                Bean bean = list.get(position);

                bean.setSelect(!bean.isSelect());

                adapter1.notifyDataSetChanged();



            }

        });



    }











    private void initView(View inflate) {

        fragment_recy = (RecyclerView) inflate.findViewById(R.id.fragment_recy);

        fragment_recy.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));

    }



}

onefragment的xml布局

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".ONeFragment">





    <android.support.v7.widget.RecyclerView

        android:id="@+id/fragment_recy"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"></android.support.v7.widget.RecyclerView>

</RelativeLayout>

4.onefragment中recyclerview的适配器（此处用的万能适配器）


package com.example.chooseclassdemo;



import android.support.annotation.Nullable;

import android.widget.RelativeLayout;



import com.chad.library.adapter.base.BaseQuickAdapter;

import com.chad.library.adapter.base.BaseViewHolder;



import java.util.List;



public class MyAdapter1 extends BaseQuickAdapter<Bean,BaseViewHolder> {

    public MyAdapter1( @Nullable List<Bean> data) {

        super(R.layout.item1, data);

    }

    @Override

    protected void convert(BaseViewHolder helper, Bean item) {

        helper.setText(R.id.textView,item.getName());



        RelativeLayout item_rela = helper.getView(R.id.item_rela);



        if (item.isSelect()){

            item_rela.setBackgroundResource(R.drawable.shapes2);



        }else {

            item_rela.setBackgroundResource(R.drawable.shape);

        }



    }

}

万能适配的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="100dp"

    android:id="@+id/item_rela"

    android:layout_marginLeft="20dp"

    android:layout_marginTop="20dp">



    <TextView

        android:id="@+id/textView"



        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerInParent="true"

        android:layout_centerVertical="true"

        android:layout_marginLeft="@dimen/dp_10"

        android:layout_marginTop="@dimen/dp_10"

        android:text="TextView" />

</RelativeLayout>

5.接下就Bean对象


package com.example.chooseclassdemo;



public class Bean {

    private String name;



    public Bean(String name, boolean isSelect) {

        this.name = name;

        this.isSelect = false;

    }



    private boolean isSelect;



    public boolean isSelect() {

        return isSelect;

    }



    public void setSelect(boolean select) {

        isSelect = select;

    }



    public Bean() {

    }



    public Bean(String name) {

        this.name = name;

    }



    public String getName() {

        return name;

    }



    public void setName(String name) {

        this.name = name;

    }

}

6.Viewpager+Tablayout的适配器


public class VpAdapter extends FragmentStatePagerAdapter {

    private List<Fragment> fragments;

    private List<String> title;



    public VpAdapter(FragmentManager fm, List<Fragment> fragments, List<String> title) {

        super(fm);

        this.fragments = fragments;

        this.title = title;

    }



    @Override

    public Fragment getItem(int position) {

        return fragments.get(position);

    }



    @Override

    public int getCount() {

        return fragments.size();

    }



    @Nullable

    @Override

    public CharSequence getPageTitle(int position) {

        return title.get(position);

    }

}

7.选中和未选中的xml
shape.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">



    <corners android:radius="5dp"></corners>

    <stroke

        android:width="1dp"

        android:color="#ea00ff99"></stroke>

</shape>

shapes2.xml


<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <corners android:radius="5dp"></corners>

    <stroke android:color="#ea6dae94" android:width="2dp"></stroke>

    <solid android:color="#ea6dae94"></solid>

</shape>

就此上图效果就完成了

只爱你，小笨
关注
RecyclerView的简单使用（一）———— 实现各种布局效果
浮沉半生的博客
12-15 678
本文详细介绍了RecyclerView的简单使用，实现了RecyclerView的各种布局效果。
Android完美处理RecyclerView实现item条目点击事件处理
Flutter|Android移动开发
09-19 6835
前言： RecyclerView并没有像ListView那样提供了OnItemClick，OnItemLongClick等事件回调接口，所以，我们需要自己写接口去进行实现。 正题 ①、创建接口类OnRecyclerViewClickListener /** * RecyclerView条目点击接口 * Created by kang on 2018/9/19. */ public inte...
RecyclerView各种加载效果
03-20
RecyclerView各种加载效果 android studio 源码
用RecyclerView实现关注设置效果详解
qq_42579571的博客
07-27 168
  现在各种app中经常有兴趣爱好关注的效果，先贴张图看看效果： 咱一看到图就想到了强大的RecyclerView 1.用RecyclerView的多布局实现如图效果：就得根据position判断条目加载不同的布局，这有点麻烦 2在RecyclerView的单布局在Item中就将布局都不好  今天就记录下这种实现方法   详细代码如下： 1.MainActivity中 publ...
RecycleView小问题
maizangxiangwang的博客
05-18 181
//如果可以确定每个item的高度是固定的，设置这个选项可以提高性能 rv_search_people.setHasFixedSize(true); 遇到的情况，每个item都有一个关注按钮，点击关注，状态改变但上下滑动又会变为原来的状态 原因：上下滑动它保存的listData数据还是之前的，滑动回来显示的是之前的数据内容 解决：在点关注请求网络改变状态后，再回调中，
一个用RecyclerView实现的画廊效果，被选中item居中放大，效果很自然。
05-22
本项目中的“画廊”效果是基于RecyclerView实现的，它提供了独特的用户体验，即当用户选择某个item时，该item会居中并放大，营造出一种自然的浏览体验。 首先，RecyclerView的核心概念是ViewHolder，它提高了列表...
RecyclerView实现ViewPager连续翻页效果
01-29
本教程将深入探讨如何利用RecyclerView实现类似ViewPager的连续翻页效果，包括快速滑动、滑动时的放大和缩小动画。 首先，我们要理解RecyclerView的基本结构。RecyclerView是一个高效的数据展示组件，它通过...
RecyclerView实现抖音纵向滚动ViewPager效果
08-27
以下是如何使用RecyclerView实现抖音这样的纵向滚动ViewPager效果的详细步骤： 首先，我们需要创建一个新的LinearLayoutManager的子类，例如命名为MyLinearLayoutManager。在这个类中，我们将重写一些关键的方法以...
Android完美自定义RecyclerView实现类似Gallery的相册效果
04-19
总结起来，实现"Android完美自定义RecyclerView实现类似Gallery的相册效果"需要我们深入理解RecyclerView的工作原理，熟练掌握布局管理器、适配器、视图持有者以及滑动行为的定制。同时，还需要关注性能优化和用户...
RecyclerView上下自动无限滚动，跑马灯效果
01-07
在给定的标题和描述中，我们关注的是如何将RecyclerView实现上下自动无限滚动的效果，类似于跑马灯的视觉效果。这个效果在很多应用中都可以看到，比如广告轮播、通知提示等。 首先，我们要明白这种效果的实现原理。...
android recyclerView 更新数据
zengwei的博客
03-13 3954
今天写东西的时候做搜索更新recyclerView发现notifyDataSetChanged这个方法怎玩都更新不来 ，log打印的数据list的数据也更新，但是item就是没变，最后发现Adapter每次加载的都是同一个地址的集合,而自己更新数据时是二个不同地址的集合数据,鉴于此种情况只能使用第三者集合,就这样解决了集合无法更新问题 searchList.clear(); searchLi...
RecyclerView实现列表效果和瀑布流效果（RecyclerView强化练习）
weimeig的博客
05-12 1453
一、添加依赖dependencies { compile 'com.android.support:recyclerview-v7:26.1.0' }点击右上角Sync Now不会添加依赖或添加依赖出现错误，请见这篇文章https://blog.csdn.net/weimeig/article/details/80244059二、列表效果实现(一)、为RecyclerView添加填错数据的...
RecyclerView实现item移动效果(仅上下)
ykx_1448488568的博客
01-11 4000
效果图: 大概就是这么个效果,这个完全是design里面效果,下面的代码中有注释,这里就不多讲解了. 代码: public class MainActivity extends AppCompatActivity { private List&lt;String&gt; mStringList = new ArrayList&lt;&gt;(); private Rec...
RecyclerView各种更新功能总结
xingzhong128的博客
02-07 7913
前言 RecyclerView提升性能很重要的一点就是支持局部更新效果，以前的ListView如果修改了数据通常要调用notifyDatasetChanged导致整个ListView内的布局都要重新刷新，现在RecyclerView除了全部刷新的方法之外还提供了单项、多条数据更新的回调方法。 增删改交换 方法 意义 notifyItemInserted(int i
RecyclerView之ItemDecoration
zrbcsdn的专栏
01-13 994
原文：http://www.jianshu.com/p/b46a4ff7c10a RecyclerView没有像之前ListView提供divider属性，而是提供了方法 recyclerView.addItemDecoration() 其中ItemDecoration需要我们自己去定制重写，一开始可能有人会觉得麻烦不好用，最后你会发现这种可插拔设计不仅好用，而且功能强大。
RecyclerView的Item和Item内的控件点击处理
Dway
12-01 1万+
需求场景：RecyclerView的Item需要点击，或者Item中的某个控件需要点击，或者两者同时需要点击处理。 一、adapter代码如下： package com.ldw.adapter; import android.content.Context; import android.support.v7.widget.RecyclerView; import android.v
RecyclerView实现Gallery效果
从技术到艺术
05-02 1655
概述 最近看到一款常用的app上头图的滑动效果比较不错，于是想自己动手实现下 效果预览 先上图后说话 实现 这里我使用RecyclerView实现这个效果，其中重点和难点在于实现分页效果和滑动动画 使用RecyclerView代码如下（从百度随意找了几张图片作为填充数据，如果涉及版权问题请联系删除）： public class MainActivity extends AppCompatActi...
Android(7) RecyclerView适配器实现item+item内部控件点击事件
热门推荐
郑清
06-07 1万+
@先看看效果是不是自己想要的吧@ Adapter：自定义一个继承RecyclerView.Adapter的适配器，作用：将数据与每一个item绑定 LayoutManager：布局管理器，确定每一个item的摆放形式，展示和隐藏 a: LinearLayoutManager ：垂直或水平滚动列表样式显示Item b:GridLayoutManage...
RecyclerView实现LinearLayoutManager一键返回顶部
在实际开发中，你可能还需要考虑一些附加效果，例如随着滚动距离增加，按钮逐渐显示或隐藏，或者实现类似支付宝的标题渐变效果。这些可以通过自定义滚动监听器并在其中调整按钮的可见性来实现。 实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值