IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android短视频源码实现卡片式数据展示的方法 -> 正文阅读

[移动开发]Android短视频源码实现卡片式数据展示的方法

展示数据有很多种形式,有单列表图文展示、双列表图文展示等等,今天介绍下云豹短视频源码中正在使用的卡片堆叠展示数据的方式,可以随手指滑动来实现切换卡片数据。

首先,在短视频源码中导入这个卡片的三方库依赖:
compile ‘lin.jerrylin0322.reswipecard:reswipecard:1.0.1’
然后,就可以在页面中使用这个控件了,简单使用可以通过以下方式:
先在布局文件中声明Recyclerview

<android.support.v7.widget.RecyclerView
        android:id="@+id/rlv_user"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

在Activity中,正常进行Recyclerview以及Adapter的配置:

private RecyclerView mRecyclerView;
mRecyclerView = findViewById(R.id.rlv_user);

不同的是,这里要使用该三方库的几个类:ReItemTouchHelper,MyCardSetting,CardTouchHelperCallback,CardLayoutManager,这里是关键,可以按照如下代码进行简单的使用:

//进行设置
 mCardSetting=new MyCardSetting();
//设置手机滑动卡片的响应方法
 mCardSetting.setSwipeListener(new OnSwipeCardListener<HomeUserCardBean>() {
            @Override
            public void onSwiping(RecyclerView.ViewHolder viewHolder, float dx, float dy, int direction) {
                switch (direction) {
正在下滑
                    case ReItemTouchHelper.DOWN:
//                        Log.e("aaa", "swiping direction=down");
                        break;
正在上滑
                    case ReItemTouchHelper.UP:
//                        Log.e("aaa", "swiping direction=up");
                        break;
正在左滑
                    case ReItemTouchHelper.LEFT:
//                        Log.e("aaa", "swiping direction=left");
                        break;
正在右滑

                    case ReItemTouchHelper.RIGHT:
//                        Log.e("aaa", "swiping direction=right");
                        break;
                }
            }

当卡片滑出范围,进行下一张卡片的展示,可以在这里做短视频源码中常用的其他响应操作

            @Override
            public void onSwipedOut(RecyclerView.ViewHolder viewHolder, HomeUserCardBean userCardBean, int direction) {
                switch (direction) {
卡片从界面下方滑出
//                    case ReItemTouchHelper.DOWN
//                        break;
卡片从界面上方滑出

//                    case ReItemTouchHelper.UP:
//                        break;
卡片从界面左方滑出

//                    case ReItemTouchHelper.LEFT:
//                        break;
卡片从界面右方滑出

//                    case ReItemTouchHelper.RIGHT:
//                        break;
                }
            }

            @Override
            public void onSwipedClear() {
结束
//                Toast.makeText(NormalActivity.this, "cards are consumed", Toast.LENGTH_SHORT).show();
            }
        });

将滑动响应事件与Recyclerview绑定

 CardTouchHelperCallback helperCallback = new CardTouchHelperCallback(mRecyclerView, mCardList,mCardSetting);
                    mReItemTouchHelper = new ReItemTouchHelper(helperCallback);
                    CardLayoutManager layoutManager = new CardLayoutManager(mReItemTouchHelper, mCardSetting);
                    mRecyclerView.setLayoutManager(layoutManager);
设置数据,数据接收的方式可以不同
                    if (mUserCardAdapter == null){
                        mUserCardAdapter = new UserCardAdapter(mContext,mCardList);
                    }else {
                        mUserCardAdapter.refreshData(mCardList);
                    }
                    mRecyclerView.setAdapter(mUserCardAdapter);

通过以上的代码,就可以迅速在短视频源码中实现类似于探探等应用首页的卡片式数据列表了,使用起来非常简单快捷,如果有其他定制性操作方式,可以再自己调整。以上就是本文《Android短视频源码实现卡片式数据展示的方法》。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-08-12 16:42:49  更:2021-08-12 16:45:18 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 23:11:49-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码