最近几个月终于有大把时间总结这两年来所学
2019.5.23

前言

最近经常交替使用Android和iOS手机。对于两个系统，从我们常用的列表来看，Android一般的列表菜单是通过长按出来的，而iOS是通过滑动出现的。比如我们常用的微信，对于Android版本，长按某个聊天好友，会弹出 标为未读，置顶聊天，删除聊天选项；对于iOS的版本，右滑，会显示出标为未读，删除选项

---------------------------------我是分割线---------------------------------

1. 滑动View

1.1 内容展示

我在Android上面，实现了一个滑动的View，模仿的是微信的iOS版，先简单列举一下功能，直接上图，看着比较直观一些。下面我放了四个动画，分别是：滑动展开，单击，长按，双击。

滑动效果
单击选择效果
长按、双击效果

1.2 功能介绍

这个滑动View是一个自定义View，里面主要用了属性动画，触摸检测，触摸反馈，配合测量完成。
使用时，只需要在布局文件里面调用就可以，和TextView等常用控件一样，像这个样子。

在activity里面

        slideView = findViewById(R.id.slide_view1);slideView.setOnClickListener(new Listener.OnMenuClickListener() {@Overridepublic void onClick(int id) {switch(id){case R.id.menu_a:Util.toast("点击 删除");break;case R.id.menu_b:Util.toast("点击 设为未读");break;case R.id.sure_delete:Util.toast("点击 确认删除");break;case R.id.long_press:Util.toast("长按");VibratorLib.vibrateShort();break;case R.id.double_click:Util.toast("双击");break;}}});

在xml里面

<android.support.constraint.ConstraintLayout......<demo.com.library.view.SlideViewandroid:id="@+id/slide_view1"...app:image_src="@drawable/crekerli_pig"app:image_margin_start="10dp"app:image_slide_length="60dp"app:title_text="@string/title"app:title_text_size="20sp"app:title_text_color="@color/colorBlack"app:title_text_margin_start="10dp"app:message_text="@string/message"app:message_text_size="12sp"app:message_text_color="@color/colorBlack"app:message_text_margin_start="10dp"app:menu_a_background="@color/colorRed"app:menu_a_text="@string/delete"app:menu_a_text_size="20sp"app:menu_a_aspect="1"app:menu_b_background="@color/colorGray"app:menu_b_text="@string/set"app:menu_b_text_size="20sp"app:menu_b_aspect="1.2"/>...

从xml文件里面，细心一点儿可以看出我对SlideView的内容分成了 image title message menu_a menu_b 五个部分。对应到View里面，看下面的图示：

下面分别介绍一下五个部分。

2. 五个部分

2.1 image

image 表示用户头像，里面有三个配置参数

app:image_src="@drawable/crekerli_pig"
app:image_margin_start="10dp"
app:image_slide_length="60dp"

image_src：文件资源
image_margin_start：图片的start位置到view最左侧的偏移量
image_slide_length：图片的边长「正方形」

2.2 title

app:title_text="@string/title"
app:title_text_size="20sp"
app:title_text_color="@color/colorBlack"
app:title_text_margin_start="10dp"

title_text：文本内容
title_text_size：文本大小
title_text_color：文本颜色
title_text_margin_start：文本起始位置的偏移量

2.3 message

app:message_text="@string/message"
app:message_text_size="12sp"
app:message_text_color="@color/colorBlack"
app:message_text_margin_start="10dp"

message_text ：文本内容
message_text_size ：文本大小
message_text_color ：文本颜色
message_text_margin_start ：文本起始位置的偏移量

2.4 menu

menu_a 和menu_b的内容是一样的，所以这里放在一起统一讲

app:menu_a_background="@color/colorRed"
app:menu_a_text="@string/delete"
app:menu_a_text_size="20sp"
app:menu_a_aspect="1"

app:menu_a_backgroundor ：菜单的背景色
app:menu_a_text ：菜单的文字内容
app:menu_a_text_size ：菜单的文字大小
app:menu_a_aspect ：菜单的宽高比。高度为View的高，不如宽高比2，那么宽就是高的两倍。

SlideView GitHub详细地址

再另外，以上都是自己平时所学整理，如果有错误，欢迎留言或者添加微信批评指出，一起学习，共同进步，爱生活，爱技术。

模仿iOS版微信的滑动View相关推荐

android模仿ios滚动,模仿iOS版微信的滑动View效果
前言最近经常交替使用Android和iOS手机.对于两个系统,从我们常用的列表来看,Android一般的列表菜单是通过长按出来的,而iOS是通过滑动出现的.比如我们常用的微信,对于Android版本 ...
微信团队原创分享：iOS版微信的内存监控系统技术实践
为什么80%的码农都做不了架构师?>>> 本文来自微信开发团队yangyang的技术分享. 一.前言 FOOM(Foreground Out Of Memory),是指App在 ...
解决alert在ios版微信中显示url的问题（重写alert）
为了解决alert在ios版微信中显示url的问题 window.alert = function(name){var iframe = document.createElement("IF ...
iOS版微信跟上了！已支持改微信号，修改后好友不会收到提醒
修改微信号终于不再是安卓用户的特权了,iOS版微信终于跟上了. 昨天晚间,微信官方宣布,iOS版微信已经支持改微信号,更新到7.0.13版本即可体验.新功能正在逐步覆盖中,如暂不可用请稍后再试. 在最 ...
iOS 版微信可以改微信号；传腾讯计划入股爱奇艺；Qt 6.0 发布首个预览版本| 极客头条...
整理 | 屠敏头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极 ...
微信团队分享：iOS版微信的高性能通用key-value组件技术实践
本文来自微信开发团队guoling的技术分享. 1.前言本文要分享的是iOS版微信内部正在推广和使用的一个高性能通用key-value 组件的技术实践过程,该组件在微信内部被命名为MMKV(以下简称 ...
前端页面中iOS版微信长按识别二维码的bug与解决方案
发现问题页面做出来后测试,发现在安卓版微信能正常识别,但iOS 版微信(iPhone 或 iPad)皆无法正常识别.出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决 ...
iOS 版微信 7.0.4 发布：新增朋友圈「最近一个月」可见；中国5G专利占比34%，华为申请数量最多|嘟头条...
「嘟爷头条」,是嘟嘟精心打造的一个快速了解业界新闻的的板块,抽取一周最新鲜最重要的业界资讯,让你花几分钟就可以时刻紧跟业界潮流. 快讯速知 iOS 版微信 7.0.4 发布:新增朋友圈「最近一个月」可 ...
IOS版微信新功能！朋友圈评论支持表情包
12月23日消息,新版微信支持使用表情包来评论朋友圈内容. 为了查看消息真伪去微博搜索了一下,对此,腾讯公关总监张军在微博予以确认. 朋友圈的斗图大赛已经悄然开始了,目前iOS版微信更新到7.0.9后 ...

模仿iOS版微信的滑动View

前言