Android仿酷狗音乐自定义侧滑菜单控件简单实现
随着Android的不断成熟,许多绚丽的效果也在不断的被大家开发出来,其中侧滑的效果用到的项目很多,用的好的更是给吸引了很多用户。国内像QQ和酷狗App的侧滑就很给力,所以查了一些资料,并结合ViewDragHelper辅助类,做了一种比较简单的侧滑实现方式。
学习Android的同学注意了!!!
学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入Android学习交流群,群号码:364595326 我们一起学Android!
一、实现效果图
实现的效果基本跟酷狗App差不多,因为就是仿造酷狗的~~
二、实现原理
SlideLayout控件使用的是ViewDragHelper辅助类来实现的。ViewDragHelper是一个实现View的拖拽的神器,它把View的拖拽操作变得特别的简单,不熟悉ViewDragHelper的同学请先上传送门。
要实现拖拽,首先需要将SlideLayout和ViewDragHelper关联起来,然后将SlideLayout的事件交给ViewDragHelper来处理,然后在ViewDragHelper提供的回调里就可以对View进行各种操作。不过拖拽的原理都是差不多的,通过水平或者竖直的移动ViewGroup,然后不断的layout和invalidate进行重绘显示。
在滑动的过程中,除了要不断的计算滑动的位置和重绘界面,还需要对子容器进行不同的动画操作,这里使用的是ViewHelper类对View做平移缩放和渐变等动画。
另外还使用枚举来记录SlideLayout侧滑的状态,包括关闭,打开和正在滑动。并且提供PanelSlideListener监听滑动的状态。这样就可以根据不同的状态做不同的操作。比如手动打开侧滑,关闭侧滑等等。
三、逻辑分析
这个项目实现的逻辑其实并不难,只需要计算出ViewGroup滑动的位置,然后重绘就行,其次还需要计算控件缩放和拉伸的比例等等。当然对各种View的操作方法还是要比较熟悉,不然搞不明白有些逻辑要做这里做。
1. SlideLayout应该作为一个控件容器来包容两个子容器,一个菜单容器,一个主容器,首先我们需要获取SlideLayout容器的宽高和两个子容器对象
在View的onSizeChanged()方法里获取SlideLayout的宽高,此时控件已经测量完成
/**
* 当控件的宽高发生变化时会回调这个方法,可以用来测量控件的宽高
*
* @param w
* @param h
* @param oldw
* @param oldh
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mSlideHeight = getMeasuredHeight();
mSlideWidth = getMeasuredWidth();
/**
* 初始化拖动的范围
* 默认为屏幕宽度的60%
*/
mSlideRange = (int) (mSlideWidth * mRangePercent);
}
在View的onFinishInflate()方法里可以获取容器对象,此时布局已经填充
/**
* 当View填充结束时会调用这个方法,可以获取子View对象
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
if (getChildCount() < 2) {
throw new IllegalStateException("SlideLayout控件的子View必须大于2个");
}
if (!((getChildAt(0) instanceof ViewGroup) && (getChildAt(1) instanceof ViewGroup))) {
throw new IllegalArgumentException("SlideLayout控件的子View必须是ViewGroup");
}
mMenuContainer = (ViewGroup) getChildAt(0);
mMainContainer = (ViewGroup) getChildAt(1);
}
2. 获取到了需要的属性和对象之后,就可以将SlideLayout和ViewDragHelper进行绑定
首先在控件的构造里创建ViewDragHelper对象,创建完之后会有一个回调,而我们对View的各种操作就是在回调的各种方法里进行的
/** View的滑动的辅助类,在回调里监听View的各种操作
* @param forParent 要进行触摸滑动的父控件
* @param sensitivity 控件滑动的速度,敏感度,1.0f正常
* @param cb 对View的事件发生改变的回调
*/
mDragHelper = ViewDragHelper.create(this, 1.0f, mViewCallback);
创建对象之后,如果此时就对View进行操作是没有效果的,因为还需要把SlideLayout的处理事件传递给ViewDragHelper
/**
* 转交拦截事件给辅助类
*
* @param ev
* @return
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
final int action = MotionEventCompat.getActionMasked(ev);
if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
mDragHelper.cancel();
return false;
}
return mDragHelper.shouldInterceptTouchEvent(ev);
}
/**
* 转交触摸事件给辅助类
*
* @param event
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
try {
mDragHelper.processTouchEvent(event);
} catch (Exception e) {
e.printStackTrace();
}
return true;
}
最重要的地方就是ViewDragHelper的回调了,里面有很多方法,每一个都很重要,这里列举一个对容器的滑动处理方法onViewPositionChanged()。其实逻辑也是比较简单,就是判断当前滑动的是哪一个容器,计算容器的左边界值,然后对容器进行重绘
/**
* 当子View的位置发送改变时回调
* @param changedView 改变的子View
* @param left 距离左边界距离
* @param top 距离顶部距离
* @param dx 水平滑动距离差
* @param dy 竖直滑动距离差
*/
@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
/**
* 将菜单面板的移动量给主面板
*/
if (changedView == mMenuContainer) {
mMenuContainer.layout(0, 0, mSlideWidth, mSlideHeight);
int newLeft = mMainContainer.getLeft() + dx;
newLeft = fixLeft(newLeft);
mMainContainer.layout(newLeft, 0, newLeft + mSlideWidth, mSlideHeight);
}
// 处理移动事件
performSlideEvent();
}
五、使用教程
布局文件中
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/slideLayout"
android:layout_width="match_parent"
android:background="@mipmap/icon_bg"
android:layout_height="match_parent">
// 菜单容器
// 主容器
代码中获取对象,设置监听,设置打开或者关闭侧滑
六、总结
有了ViewDragHelper这个辅助类,对ViewGroup进行操作相对来说已经比较简单了,只需要处理计算和绘制的工作,其他的都已经做好了。当然ViewDragHelper的作用远不于此,想要了解更多的同学可以去研究一下这个类的源码。这里也只是简单的实现了侧滑功能,要想做的更完美的同学
转载于:https://blog.51cto.com/12578240/1901694
Android仿酷狗音乐自定义侧滑菜单控件简单实现相关推荐
- android 酷狗demo_Android仿酷狗音乐自定义侧滑菜单控件简单实现
随着Android的不断成熟,许多绚丽的效果也在不断的被大家开发出来,其中侧滑的效果用到的项目很多,用的好的更是给吸引了很多用户.国内像QQ和酷狗App的侧滑就很给力,所以查了一些资料,并结合View ...
- android 酷狗demo_Android仿酷狗音乐SeekBar——样式篇
Android仿酷狗音乐SeekBar 需求:仿酷狗音乐SeekBar 直接上图,上代码 1903148-676fcbf2e5048392.png 1903148-d3e5ab81fa2acd42.p ...
- Android插件化开发指南——实践之仿酷狗音乐首页
文章目录 1. 前言 2. 布局分析 3. 底部导航栏的实现 4. 顶部导航栏和ViewPager+Fragment的关联 1. 前言 在Android插件化开发指南--2.15 实现一个音乐播放器A ...
- Android插件化开发指南——实践之Activity转场效果(仿酷狗音乐启动页)
文章目录 1. 前言 2. Activity退出动画 2.1 简单使用 2.2 overridePendingTransition 3. 后记 1. 前言 在Android插件化开发指南--2.15 ...
- android 高仿酷狗源码,项目源码--Android类似酷狗音乐播放器
知识技能概要: 1.音乐文件的扫描与管理 2.音频流的解码 3. UI控件的综合使用 4.播放列表方式管理 5.随机播放方式 6.源码带详细的中文注释 ...... 详细介绍 1.音乐文件的扫描与管理 ...
- android高仿酷狗音乐播放器源码下载
这是一款简单的读取SD卡音乐文件进行播放.暂停.删除.切歌等功能的高仿酷狗音乐播放器. 主要功能: 模块 简要说明 扫描SD卡音乐 扫描SD卡,并显示出本地音乐列表 提供歌词跟随音乐滚动更能 采用 ...
- 仿酷狗音乐播放器已开源!
转载请说明原出处,谢谢:http://blog.csdn.net/zhuhongshu/article/details/41037875 距离我发布测试版的Redrain音乐盒(仿酷狗播放器),现在正 ...
- android歌词效果,Android仿酷狗动感歌词(支持翻译和音译歌词)显示效果
引言 该开源依赖库是乐乐音乐播放器里的一个歌词模块功能,现在把该功能模块独立出来进行优化,并弄成了一个开源依赖库,其它音乐播放器项目只要引用该库并调用接口,便可轻松实现与乐乐音乐播放器一样的动感歌词显 ...
- Android仿酷狗动感歌词(支持翻译和音译歌词)显示效果
引言 该开源依赖库是乐乐音乐播放器里的一个歌词模块功能,现在把该功能模块独立出来进行优化,并弄成了一个开源依赖库,其它音乐播放器项目只要引用该库并调用接口,便可轻松实现与乐乐音乐播放器一样的动感歌词显 ...
最新文章
- C语言类型转换大学霸IT达人
- ASP 高亮显示不区分大小写的关键字
- Kubernetes 1.9 发布
- 变结构滑模控制抖振处理(1)------动态滑模法
- 图像傅里叶变换的幅度谱、相位谱以及双谱重构原图像
- swagger连接mysql数据库_一键生成数据库文档,堪称数据库界的Swagger,有点厉害!...
- 虚拟主机隐藏index.html,Nginx如何隐藏index.html
- sql in语句优化_优化SQL语句的一般步骤
- 三星note10 android q,【极光ROM】-【三星NOTE10/NOTE10+/5G N97XX-9825】-【V8.0 Android-Q-TJ4】...
- [机器学习]给机器学习面试者的十项建议
- HttpClientUtil 工具类
- 视频录制后有噪音怎么办?教你简答几步去除视频噪音!
- css动画-animation各个属性详解
- Win10更新导致VMware Workstation Pro无法运行(解决+关闭Win10自动更新)
- 直播系统具备有什么样的优势?带你了解股阿奴与直播系统的优势
- jvm配置垃圾收集参数
- 安卓之父安迪·鲁宾:让乔布斯羡慕嫉妒恨的人
- SSM三大框架整合(Spring+SpringMVC+MyBatis)
- 2022-2028年中国地震预警行业投资潜力分析及发展前景展望报告
- Java - 批量录入Excel数据优化 (一)
热门文章
- org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):
- Android 12.0 禁用和启用拨打电话功能实现
- YARN Registry DNS启动提示“53端口被占用”错误的解决方法
- XXXX is not in the sudoers file. This incident will be reported解决方法
- 计算机远程桌面能复制粘贴么,远程桌面无法复制粘贴【设置途径】
- 连接远程桌面无法复制粘贴问题
- 赫德尔不等式泰纽斯基不等式
- java table 内容居中_JTable内容居中显示
- 2021实施工程师面试题(14题带答案)
- 酒庄页面HTML5,基于jsp的酒庄管理系统-JavaEE实现酒庄管理系统 - java项目源码