android代码划屏,Android仿抖音右滑清屏左滑列表功能的实现代码

最新推荐文章于 2022-10-24 23:39:35 发布
最新推荐文章于 2022-10-24 23:39:35 发布
阅读量165 收藏
点赞数
文章标签： android代码划屏

概述

​ 项目中要实现仿抖音直播间滑动清屏，侧滑列表的功能，在此记录下实现过程和踩坑记录希望避免大家走些弯路，也当作自己的一个总结

​ 首先看下Demo中的效果

407c26ca657cf0d80d6d04015eb70987.png

​ 阅读文章需要提前熟悉些事件分发的内容，相信大家都已经了解过了，网上也有很多优秀的文章，这里推荐两篇自己读过印象较深的文章

https://www.jb51.net/article/124249.htm

https://www.jb51.net/article/124861.htm

关于这方面的知识，在Android中是再重要不过的了，是迟早都要掌握的知识，所以还是希望大家都能提早掌握，最好可以跟着源码一起分析，理解掌握的更深刻一点

实践

所以网上基于这部分内容讲解已经很详细了，这里就不再搬砖了，主要分享一下自己项目中结合这部分知识运用过程中产生的一些想法和经验，解决的一些bug

0d88af49c1faceadcac28a742c1a83c7.png

以上就是功能在实现过程中要解决的问题，下面详细展开

1. 布局结构

​ 布局结构始终是界面设计时首先要考虑的一个问题，从接到一个需求开始，首先要根据项目中现有的布局结构，考虑如何更优雅的嵌入布局层次。如果一不小心，走上了错误的实现道路，那么不好意思，即使功能最后实现了，到了后期，也有千万种理由迫使你不得不走上重构的道路。

​ 比如实现不合理，导致的布局结构复杂，嵌套冗余层次，比如代码业务逻辑处理复杂蹩脚，比如资源浪费，内存消耗过多等等。虽然功能好使，使用起来也没有差别，但是，作为一个有追求的程序员，我们还是要避免这种情况的发生不是吗

不巧的是，本文就属于上述踩坑记录，下面详细分析

1.1 初步实现

​ 上来以后，思路很直接明了的去想要实现清屏和滑屏的功能是每个房间都有的功能，每个房间又都是一个RecyclerView 的一个Item。所以，很明显在Item的布局上包一层，实现清屏和侧滑列表的功能就可以了，这样每个房间都可以上下滑，切换房间。切换以后，滑屏的功能是在每个房间里的，互不影响，所以很好理解

我们项目中实现直播间上下滑切换的功能是RecyclerView + 自定义LinearLayoutManager实现的，这部分内容网上demo很多，就不展开了

​ 具体实施，是自定义布局继承RelativeLayout，解析自定义的布局文件，里面包含，直播间的房间布局，和自己右侧滑块儿布局，然后用自己实现的布局替换之前的房间Item布局位置

12984bbb1bb3264f6332c7c72a4f4e45.png

由于我们自定义的Container布局是继承子RelativeLayout实现的，内部三个子View 又全部是占满父布局的，所以就是三层覆盖的效果，类似抖音直播间效果

这里我们尽量将覆盖层/清屏控件，封装成一个ViewGroup 内部包含了上边细分的各个子View，例如头部个人信息，头像列表等等；中间弹幕，SVGA礼物展示区域；底部聊天评论区域方便管理

还有右侧滑块我们也做成继承自RelativeLayout形式，解析自定义布局，方便扩展

weixin_39637589
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android 仿抖音的评论列表的UI和效果的实现代码
08-27
抖音是一款音乐创意短视频社交软件，此app已在android各大应用商店和app store 上线。下面小编给大家带来了Android 仿抖音的评论列表的UI和效果的实现代码，感兴趣的朋友参考下吧
Android仿抖音右滑清屏左滑列表功能的实现代码
01-03
概述 ​ 项目中要实现仿抖音直播间滑动清屏，侧滑列表的功能，在此记录下实现过程和踩坑记录希望避免大家走些弯路，也当作自己的一个总结 ​ 首先看下Demo中的效果 ​ 阅读文章需要提前熟悉些事件分发的内容，相信大家都已经了解过了，网上也有很多优秀的文章，这里推荐两篇自己读过印象较深的文章 https://www.jb51.net/article/124249.htm https://www.jb51.net/article/124861.htm 关于这方面的知识，在Android中是再重要不过的了，是迟早都要掌握的知识，所以还是希望大家都能提早掌握，最好可以跟着源码一起分析，理解掌握的更深刻一
Android 之BottomsheetDialogFragment仿抖音评论底部弹出对话框效果(实例代码)
08-19
主要介绍了Android 中之BottomsheetDialogFragment仿抖音评论底部弹出对话框效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Android高仿抖音照片电影功能的实现代码
08-26
主要介绍了Android高仿抖音照片电影功能的实现代码,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
仿抖音右滑清屏，左滑列表功能
01-03
概述 ​ 项目中要实现仿抖音直播间滑动清屏，侧滑列表的功能，在此记录下实现过程和踩坑记录希望避免大家走些弯路，也当作自己的一个总结 ​ 首先看下Demo中的效果 ​ 阅读文章需要提前熟悉些事件分发的内容，相信大家都已经了解过了，网上也有很多优秀的文章，这里推荐两篇自己读过印象较深的文章 https://www.jianshu.com/p/e99b5e8bd67b https://www.jianshu.com/p/38015afcdb58/ 关于这方面的知识，在Android中是再重要不过的了，是迟早都要掌握的知识，所以还是希望大家都能提早掌握，最好可以跟着源码一起分析，理解掌握的更深刻一点
android抖音自动评论,Android 仿抖音的评论列表的UI和效果的实现代码
weixin_42515158的博客
05-25 1122
抖音是一款音乐创意短视频社交软件，是一个专注年轻人的15秒音乐短视频社区。用户可以通过这款软件选择歌曲，拍摄15秒的音乐短视频，形成自己的作品。此App已在Android各大应用商店和APP Store均有上线。在design包里面 有一个 BottomSheetDialogFragment 这个Fragment，他已经帮我们处理好了手势，所以实现起来很简单。下面是代码:public class ...
android仿抖音效果
我是一只小菜鸟，飞丫飞丫飞~~~
10-24 2295
https://blog.csdn.net/JArchie520/article/details/110791624
android实现仿抖音评论系统（简单版，大神可自行扩充）
weixin_42706725的博客
05-12 2156
现在是大四学生，毕设做的是Android项目，需要实现类似抖音一样的评论系统，搜寻网上信息无果，在观察抖音的评论系统后模仿做出，下面以此平台，写下笔记，讲述实现原理和步骤，下面是实现的效果图。 一、要实现上图所示效果，分析需求步骤如下： 1.历史评价及回复显示 （1）在Mysq建立数据表格 （2）查询数据填充至Adater适配器 （3）评论全部显示，回复只显示一条 （4）点击更多回...
仿斗鱼直播的弹幕效果实现
郭霖
10-18 3285
有朋友在公众号里问过我，像直播的那种弹幕效果该如何实现？这篇文章给你答案。
LayoutManagerGroup-master:仿探探侧滑，抖音上下滑等各种列表滑动
05-15
喜欢的就点个星星吧 gradle介绍： 1.项目的build.gralde中添加 allprojects{ repositories { ... maven { url 'https://jitpack.io' } } } 2.添加依赖 dependencies { implementation 'com.github.DingMouRen:LayoutManagerGroup:643fb71c8e' } 梯队布局管理器 SkidRightLayoutManager SlideLayoutManager PickerLayoutManager BannerLayoutManager ViewPagerLayoutManager 未完待你续... 执照 Copyright (C) 2018 DingMouRen Licensed unde
仿抖音上下滑动切换视频
06-25
仿抖音效果，上下滑动切换视频，每次滑动一页。使用RecyclerView ＋ Snaphelper实现，自定义LayoutManager。
Android入门:系统整体结构,项目组成结构,Activity和应用功能清单配置文件,res,APK,打包的过程
入梦镜
10-01 2131
Android系统整体结构图 先是从底层看起:(它是从Linux内核里面抽取出来的一部分) DisplayDriver(显示驱动),CameraDriver(相机驱动),BluetoothDriver(蓝牙驱动) FlashMemoryDriver(闪存驱动),USBDriver(USB驱动),后面的键盘驱动,WIFI驱动,音频驱动,电池驱动 然后是第二层: libraies(类库) SurfaceManager(显示管理器),MediaFramework(多媒体框架),SQLite(数据库,小型数据库)
andorid简单计算器java源码_Android之一个简单计算器源代码
weixin_28928727的博客
02-13 371
通过Android4.0 网格布局GridLayout来实现一个简单的计算器界面布局 源码如下(欢迎大家指导 批评 )package com.android.xiong.gridlayoutTest;import java.math.BigDecimal;import java.util.regex.Pattern;import com.android.xiong.gridlayoutTest...
直播系统开发Android直播间左滑右滑清屏控件
云豹直播源码
09-25 568
直播系统开发Android直播间左滑右滑清屏控件 最近在迭代直播相关功能，项目中之前的左滑清屏是用ViewPager实现的。这次迭代遇到一个布局层次导致的点击失效问题，继续用ViewPager的话改动比较复杂，再加上用ViewPager做一个清屏功能大材小用，所以优化了一下，自己写一个清屏控件，效果还不错，目前项目已经测试通过上线，共享给有需要的朋友。 Import implementation 'com.lmxjw3.widget:clearscreen:1.0.0' 复制代码 Usage 1
Android控件十一：SurfaceView的基本使用和实现简单动画
zk的博客
04-22 1887
Android提供了View来进行绘图处理，在大部分情况下，View都能满足绘图需求。大家都知道View是通过刷新来重绘视图， Android系统通过发出VSYNC信号来进行屏幕的重绘，刷新的间隔时间为16ms。如果在16ms内View完成了你所需要执行的所 有操作，那么用户在视觉上，就不会产生卡顿的感觉；反之，如果操作的逻辑过多时，就会掉帧从而使得用户感觉到卡顿。 特别的需要频繁刷新的界面上，如游戏（60FPS以上），就会不断阻塞主线程，从而导致界面卡顿。 而Android提供了Surfa
Android 仿抖音视频播放列表和评论列表
shenggaofei的博客
12-30 6382
Android 仿抖音系列之视频播放列表和评论列表 https://github.com/wuqingsen/DouYinWu https://github.com/laobie/StatusBarUtil https://github.com/li-xiaojun/XPopup 干货： https://github.com/lygttpod/AndroidCustomVie...
Android弹幕功能实现，模仿斗鱼直播的弹幕效果
zqf_office的专栏
10-19 743
大家好，感觉好像已经很久没更新博客了。前段时间主要是忙于新书的事情，时间比较紧张。而现在新书已经完稿，剩下的事情就都是出版社的工作了，那么我又可以抽出时间来写写博客了。 记得之前有位朋友在我的公众号里问过我，像直播的那种弹幕功能该如何实现？如今直播行业确实是非常火爆啊，大大小小的公司都要涉足一下直播的领域，用斗鱼的话来讲，现在就是千播之战。而弹幕则无疑是直播功能当中最为重要的一个功能之一，
Android 仿抖音列表
xiangxiongfly
09-20 9604
当下抖音非常火热，是不是也很心动做一个类似的app吗？ 那我们就用RecyclerView实现这个功能吧，关于内存的回收利用就交给RecyclerView就好了。 首先我们先说3个和视频播放暂停相关的接口 public interface OnViewPagerListener { /** * 初始化 */ void onInitComplete(View v...
android仿抖音评论功能实现代码
最新发布
06-13
以下是Android仿抖音评论功能实现的代码示例： 1. 布局文件 ``` <RelativeLayout android:id="@+id/layout_comment" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/bg_comment" android:padding="10dp"> <EditText android:id="@+id/edit_comment" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@null" android:hint="请输入评论内容" android:textColor="@color/black" android:textSize="16sp" /> <TextView android:id="@+id/btn_send" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:text="发送" android:textColor="@color/colorAccent" android:textSize="16sp" /> </RelativeLayout> ``` 2. Activity中的代码 ``` private EditText mEditComment; private TextView mBtnSend; private RelativeLayout mLayoutComment; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mEditComment = findViewById(R.id.edit_comment); mBtnSend = findViewById(R.id.btn_send); mLayoutComment = findViewById(R.id.layout_comment); mBtnSend.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String comment = mEditComment.getText().toString(); if (!TextUtils.isEmpty(comment)) { // 发送评论内容到服务器 sendComment(comment); } } }); } private void sendComment(String comment) { // 发送评论内容到服务器的代码 // ... // 接收服务器返回的评论结果 boolean success = true; // 根据服务器返回的结果设置success的值 if (success) { // 添加新评论 TextView tvComment = new TextView(this); tvComment.setText(comment); tvComment.setTextColor(getResources().getColor(R.color.black)); tvComment.setTextSize(16); mLayoutComment.addView(tvComment); // 清空评论输入框 mEditComment.setText(""); } else { Toast.makeText(this, "评论失败，请稍后重试", Toast.LENGTH_SHORT).show(); } } ``` 需要注意的是，上述代码仅为示例代码，具体实现还需要根据自己的需求进行修改和完善。比如需要处理用户登录状态、评论内容的过滤和审核等问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值