模仿iOS版微信的滑动View效果
前言
最近经常交替使用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() {
@Override
public 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.SlideView
android: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 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
SlideView GitHub详细地址
总结
以上所述是小编给大家介绍的模仿iOS版微信的滑动View效果,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要介绍了iOS10 适配-Xcode8问题总结的相关资料,这里整理了遇到的几种问题，并给出解决方案，需要的朋友可以参考下2016-11-11
启动图是在iOS开发过程中必不可少的一个部分，很多app在启动图之后会有一张自定义的开屏广告图，但是有的时候需要让启动图看起来就是一个广告，而且还要这个广告里面会动，iOS的启动图只能是静态的，而且固定，为了实现看起来的动画效果，只能进行伪造了。下面来一起看看2016-09-09
这篇文章主要给大家介绍了关于iOS逆向教程之动态调试的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-06-06
本篇文章主要介绍了iOS仿小红书呼吸灯动画(核心动画和定时器)两种方式实现，非常具有实用价值，需要的朋友可以参考下2017-04-04
本篇文章主要介绍了iOS 本地视频和网络视频流播放实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要给大家介绍了关于iOS如何获取汉字（简体中文）笔画数的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要介绍了IOS自带Email的两种方法实例详解的相关资料,需要的朋友可以参考下2017-06-06
iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi
这篇文章主要给大家介绍了关于iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
这篇文章主要介绍了iOS中获取系统相册中的图片实例，具有一定的参考价值没有需要的朋友可以了解一下。2016-11-11
这篇文章主要为大家详细介绍了iOS捕捉截屏事件并展示截图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
最新评论