Android应用--简、美音乐播放器实现左右切屏功能，android高级开发实战
2013年6月28日 简、美音乐播放器开发前言：今天要介绍的是一个实现起来稍微复杂一点的功能，是通过自定义滑动页面类来实现左右切屏效果。小巫也是直接引用别人已经写好的代码，然后再加入自己的应用当中，最后实现功能的。如果让我来写的话，一下子也写不出来，既然已经有人把功能实现了，也没有必要重复制造车轮了，对于我们这种不是专门研究算法的人，我们要看到的是实实在在的产品，如果没有实实在在的东西出来，你就算再会编程别人也不会觉得你有多么厉害。不过，我们也不能以不重复制造车轮为由而放弃学习，只会复制粘帖是不可能成为优秀的程序员的，简单来说我看不起这样的程序员。在实际工作中，我也不清楚真正的编码活动是怎样进行的，我在这里怎么说都是空话。
实现效果：
?
左右手势划屏就可以实现以上专辑图片和歌词之间视图的切换
实现步骤：
1、 自定义划屏类
package com.wwj.sb.custom;
import com.wwj.sb.activity.R;
import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;
public class FlingGalleryView extends ViewGroup {
private static final int SNAP_VELOCITY = 1000;
// 记录当前屏幕下标，取值范围是：0 到 getChildCount()-1
private int mCurrentScreen;
private Scroller mScroller;
// 速度追踪器，主要是为了通过当前滑动速度判断当前滑动是否为fling
private VelocityTracker mVelocityTracker;
// 记录滑动时上次手指所处的位置
private float mLastMotionX;
private float mLastMotionY;
// Touch状态值 0：静止 1：滑动
private final static int TOUCH_STATE_REST = 0;
private final static int TOUCH_STATE_SCROLLING = 1;
// 记录当前touch事件状态--滑动（TOUCH_STATE_SCROLLING）、静止（TOUCH_STATE_REST 默认）
private int mTouchState = TOUCH_STATE_REST;
// 记录touch事件中被认为是滑动事件前的最大可滑动距离
private int mTouchSlop;
// 手指抛动作的最大速度px/s 每秒多少像素
private int mMaximumVelocity;
// 滚动到指定屏幕的事件
private OnScrollToScreenListener mScrollToScreenListener;
// 自定义touch事件
private OnCustomTouchListener mCustomTouchListener;
//滚动到每个屏幕时是否都要触发OnScrollToScreenListener事件
private boolean isEveryScreen=false;
public FlingGalleryView(Context context) {
super(context);
init();
mCurrentScreen = 0;
}
public FlingGalleryView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public FlingGalleryView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.FlingGalleryView, defStyle, 0);
mCurrentScreen = a.getInt(R.styleable.FlingGalleryView_defaultScreen, 0);
a.recycle();
init();
}
private void init() {
mScroller = new Scroller(getContext());
final ViewConfiguration configuration = ViewConfiguration
.get(getContext());
mTouchSlop = configuration.getScaledTouchSlop();
mMaximumVelocity = configuration.getScaledMaximumFlingVelocity();
}
// 保证在同一个屏幕执行一下切屏事件的一些参数
private int count = -1;
private int defaultScreen = -1;
// 当滚动条滑动时调用，startScroll()设置的是参数，实际滑动，在其里执行，
@Override
public void computeScroll() {
// mScroller.computeScrollOffset计算当前新的位置，true表示还在滑动，仍需计算
if (mScroller.computeScrollOffset()) {
// 返回true，说明scroll还没有停止
scrollTo(mScroller.getCurrX(), 0);
if(isEveryScreen)singleScrollToScreen();
postInvalidate();
}
}
// 保证在同一个屏幕执行一下切屏事件
private void singleScrollToScreen() {
final int screenWidth = getWidth();
int whichScreen = (getScrollX() + (screenWidth / 2)) / screenWidth;
if (whichScreen > (getChildCount() - 1)) {
return;
}
if (defaultScreen == -1) {
defaultScreen = whichScreen;
count = 1;
} else {
if (defaultScreen == whichScreen && count == 0) {
count = 1;
} else {
if (defaultScreen != whichScreen) {
defaultScreen = whichScreen;
count = 0;
}
}
}
if (count == 0) {
if (mScrollToScreenListener != null) {
mScrollToScreenListener.operation(whichScreen, getChildCount());
}
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
final int width = MeasureSpec.getSize(widthMeasureSpec);
final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
if (widthMode != MeasureSpec.EXACTLY) {
throw new IllegalStateException(
"Workspace can only be used in EXACTLY mode.");
}
final int heightMode = MeasureSpec.getMode(heightMeasureSpec);
if (heightMode != MeasureSpec.EXACTLY) {
throw new IllegalStateException(
"Workspace can only be used in EXACTLY mode.");
}
final int count = getChildCount();
for (int i = 0; i < count; i++) {
getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
}
scrollTo(mCurrentScreen * width, 0);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
int childLeft = 0;
// 横向平铺childView
final int count = getChildCount();
for (int i = 0; i < count; i++) {
final View child = getChildAt(i);
child.setOnTouchListener(childTouchListener);
if (child.getVisibility() != View.GONE) {
final int childWidth = child.getMeasuredWidth();
child.layout(childLeft, 0, childLeft + childWidth,
child.getMeasuredHeight());
childLeft += childWidth;
}
}
}
// 设定childView的Touch事件返回true，这样可以在parentView中截获touch（即onInterceptTouchEvent）的move,up等事件
private OnTouchListener childTouchListener = new OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
return true;
}
};
// 在系统向该ViewGroup及其各个childView触发onTouchEvent()之前对相关事件进行一次拦截
/*
[*]down事件首先会传递到onInterceptTouchEvent()方法
[*]如果该ViewGroup的onInterceptTouchEvent()在接收到down事件处理完成之后return
[*]false，那么后续的move,
[*]up等事件将继续会先传递给该ViewGroup，之后才和down事件一样传递给最终的目标view的onTouchEvent()处理。
[*]如果该ViewGroup的onInterceptTouchEvent()在接收到down事件处理完成之后return
[*]true，那么后续的move,
[*]up等事件将不再传递给onInterceptTouchEvent()，而是和down事件一样传递给该ViewGroup的onTouchEvent
[*]()处理，注意，目标view将接收不到任何事件。
[*]如果最终需要处理事件的view的onTouchEvent()返回了false，那么该事件将被传递至其上一层次的view的onTouchEvent
[*]()处理。 如果最终需要处理事件的view
[*]的onTouchEvent()返回了true，那么后续事件将可以继续传递给该view的onTouchEvent()处理。
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
if (mCustomTouchListener != null) {
mCustomTouchListener.operation(ev);
}
final int action = ev.getAction();
if ((action == MotionEvent.ACTION_MOVE)
&& (mTouchState != TOUCH_STATE_REST)) {
return true;
}
final float x = ev.getX();
final float y = ev.getY();
switch (action) {
case MotionEvent.ACTION_MOVE:
// 计算X方向移动的距离
final int xDiff = (int) Math.abs(x - mLastMotionX);
final int touchSlop = mTouchSlop;
if (xDiff > touchSlop) {
// 移动方向小于45度时即X方向可以移动
if (Math.abs(mLastMotionY - y) / Math.abs(mLastMotionX - x) < 1) {
mTouchState = TOUCH_STATE_SCROLLING;
}
}
break;
case MotionEvent.ACTION_DOWN:
mLastMotionX = x;
mLastMotionY = y;
mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST
: TOUCH_STATE_SCROLLING;
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
mTouchState = TOUCH_STATE_REST;
break;
}
return mTouchState != TOUCH_STATE_REST;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(ev);
final int action = ev.getAction();
final float x = ev.getX();
switch (action) {
case MotionEvent.ACTION_DOWN:
if (!mScroller.isFinished()) {
// 终止滚动条的滑动动画
mScroller.abortAnimation();
}
mLastMotionX = x;
count = -1;
defaultScreen = -1;
break;
case MotionEvent.ACTION_MOVE:
if (mTouchState == TOUCH_STATE_SCROLLING) {
final float t_width = (getWidth() / 4f);
// 最后一个屏幕向左移动时，不能超过屏幕的4分之一
if (getScrollX() > ((getChildCount() - 1) * getWidth() + t_width)) {
break;
}
// 第一个屏幕向右移动时，不能超过屏幕的4分之一
if (getScrollX() < ((t_width) * -1)) {
break;
}
final int deltaX = (int) (mLastMotionX - x);
mLastMotionX = x;
scrollBy(deltaX, 0);
}
break;
case MotionEvent.ACTION_UP:
if (mTouchState == TOUCH_STATE_SCROLLING) {
final VelocityTracker velocityTracker = mVelocityTracker;
velocityTracker.computeCurrentVelocity(1000, mMaximumVelocity);// 使用pix/s为单位
int velocityX = (int) velocityTracker.getXVelocity();
if (velocityX > SNAP_VELOCITY && mCurrentScreen > 0) {
// 向右移动
snapToScreen(mCurrentScreen - 1, false);
} else if (velocityX < -SNAP_VELOCITY
&& mCurrentScreen < getChildCount() - 1) {
// 向左移动
snapToScreen(mCurrentScreen + 1, false);
} else {
snapToDestination();
}
if (mVelocityTracker != null) {
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
mTouchState = TOUCH_STATE_REST;
break;
case MotionEvent.ACTION_CANCEL:
mTouchState = TOUCH_STATE_REST;
}
return true;
}
// 计算应该去哪个屏
private void snapToDestination() {
final int screenWidth = getWidth();
// 如果超过屏幕的一半就算是下一个屏
final int whichScreen = (getScrollX() + (screenWidth / 2))/ screenWidth;
snapToScreen(whichScreen, false);
}
// 切换屏幕
private void snapToScreen(int whichScreen, boolean isJump) {
// 判断下一个屏幕是否有效，并纠正
whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1));
if (getScrollX() != (whichScreen * getWidth())) {
final int delta = whichScreen * getWidth() - getScrollX();
count = -1;
defaultScreen = -1;
// 开始滚动动画
mScroller.startScroll(getScrollX(), 0, delta, 0,
Math.abs(delta) * 2);
final int t_mCurrentScreen = mCurrentScreen;
mCurrentScreen = whichScreen;
// 判断是否在同一个屏幕，不在则执行切换屏幕
if (t_mCurrentScreen != whichScreen) {
// 防止重复执行切换屏幕事件
if (Math.abs(t_mCurrentScreen - whichScreen) == 1 && !isJump) {
doOnScrollToScreen();
}
}
invalidate();
}
}
private void doOnScrollToScreen() {
if (mScrollToScreenListener != null) {
mScrollToScreenListener.operation(mCurrentScreen, getChildCount());
}
}
/**
[*]设置切换到的指定下标屏幕0至getChildCount()-1
[*]*/
public void setToScreen(int whichScreen, boolean isAnimation) {
if (isAnimation) {
snapToScreen(whichScreen, true);
} else {
whichScreen = Math.max(0,
Math.min(whichScreen, getChildCount() - 1));
mCurrentScreen = whichScreen;
// 直接滚动到该位置
scrollTo(whichScreen * getWidth(), 0);
if (whichScreen != mCurrentScreen) {
doOnScrollToScreen();
}
invalidate();
}
}
/**
[*]设置默认屏幕的下标
[*]*/
public void setDefaultScreen(int defaultScreen) {
mCurrentScreen = defaultScreen;
}
/**
[*]获取当前屏幕的下标
[*]*/
public int getCurrentScreen() {
return mCurrentScreen;
}
/**
[*]注册滚动到指定屏幕的事件
[*]*/
public void setOnScrollToScreenListener(
OnScrollToScreenListener scrollToScreenListener) {
if (scrollToScreenListener != null) {
this.mScrollToScreenListener = scrollToScreenListener;
}
}
/**
[*]注册自定义Touch事件
[*]*/
public void setOnCustomTouchListener(
OnCustomTouchListener customTouchListener) {
if (customTouchListener != null) {
this.mCustomTouchListener = customTouchListener;
}
}
/**
[*]滚动到指定屏幕的事件（即切屏事件）
[*]*/
public interface OnScrollToScreenListener {
public void operation(int currentScreen, int screenCount);
}
/**
[*]自定义的一个Touch事件
[*]*/
public interface OnCustomTouchListener {
public void operation(MotionEvent event);
}
/**
[*]滚动到每个屏幕时是否都要触发OnScrollToScreenListener事件
[*]*/
public void setEveryScreen(boolean isEveryScreen) {
this.isEveryScreen = isEveryScreen;
}
}
2、界面布局的改变
player_activity_layout.xml的布局文件
最后
文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！
由于文章篇幅问题 查看详细文章以及获取学习笔记链接：GitHub
[*]Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想 （第4版）等高级技术都囊括其中。
[*]Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
[*]Android对标阿里P7学习视频
[*]BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等
https://blog.51cto.com/u_15465282/4859981
页:
[1]