android 简书 手势动画,20分钟学会Android全手势处理，你要的都有

最新推荐文章于 2025-04-24 10:39:24 发布
最新推荐文章于 2025-04-24 10:39:24 发布
阅读量559 收藏
点赞数
文章标签： android 简书 手势动画

以前都是迷茫过日子，沉迷游戏，也是被腾讯害了我的前半生。谁都有人生最灰暗的一段日子，索性后来被一耳光打醒，才开始懂得珍惜时间，才会觉得时间是最贵重的，得拼命地挤。我的github13年申请，前面是空白，最近就开始绿了，我相信坚持下去，会种出一片草坪。

6ad4bcad25cf

image.png

走过路过千万不要错过，瞧一瞧看一看了，Android手势操作大甩卖。这里有按下，抬起，点击，长按，左滑，右滑，上滑，下滑，放大缩小，应有尽有。10块钱打包带走，你还在犹豫什么。

来一把事件操作大合唱：

6ad4bcad25cf

giphy.gif

前提准备：

GestureDetector 操作手势识别器

ScaleGestureDetector 缩放手势识别器

在onTouchEvent中，分别通过gestureDetector.onTouchEvent(event)

scaleGestureDetector.onTouchEvent(event)，接手手势事件

分别通过OnGestureListener和SimpleOnScaleGestureListener处理手势事件。

事件监听器：

class MyGestureDetectorListener implements GestureDetector.OnGestureListener{

@Override

public boolean onDown(MotionEvent e) {

return false;

}

@Override

public void onShowPress(MotionEvent e) {

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

return false;

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

return false;

}

@Override

public void onLongPress(MotionEvent e) {

}

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

return false;

}

}

class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

@Override

public boolean onScale(ScaleGestureDetector detector) {

return super.onScale(detector);

}

@Override

public boolean onScaleBegin(ScaleGestureDetector detector) {

return super.onScaleBegin(detector);

}

@Override

public void onScaleEnd(ScaleGestureDetector detector) {

super.onScaleEnd(detector);

}

}

实现过程：

1.创建GestureFrame继承RelativeLayout，创建手势识别器

private void init() {

gestureDetector = new GestureDetector(getContext(),new MyGestureDetectorListener());

scaleGestureDetector = new ScaleGestureDetector(getContext(),new MyScaleListener());

}

2.在onTouchEvent中获取按下，抬起事件；判断起始点横坐标差值，判断是左滑动还是右滑动。

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()){

case MotionEvent.ACTION_DOWN:

startX = event.getX();

callBack.callBack("按下");

break;

case MotionEvent.ACTION_UP:

endX = event.getX();

callBack.callBack("抬起");

if(endX - startX > 200){

callBack.rightEvent();

}else if(startX - endX > 200){

callBack.leftEvent();

}

break;

}

//将触摸事件传递给手势识别器处理

gestureDetector.onTouchEvent(event);

scaleGestureDetector.onTouchEvent(event);

return true;

}

3.onSingleTapUp()回调单击事件；onScroll()回调上下左右拖动事件；onLongPress()长按事件；onScale()回调缩放事件，detector.getScaleFactor()获取缩放比例；

class MyGestureDetectorListener implements GestureDetector.OnGestureListener {

@Override

public boolean onDown(MotionEvent e) {

return false;

}

@Override

public void onShowPress(MotionEvent e) {

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

callBack.click(e.getX(),e.getY());

callBack.callBack("单击");

return true;

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

curHeight += distanceY;

callBack.callBackScale("上下滑动 " + curHeight);

//distanceX 左右滑动值

return false;

}

@Override

public void onLongPress(MotionEvent e) {

callBack.callBack("长按");

}

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

return false;

}

}

class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

@Override

public boolean onScale(ScaleGestureDetector detector) {

callBack.callBackScale("缩放比例： " + detector.getScaleFactor());

return super.onScale(detector);

}

@Override

public boolean onScaleBegin(ScaleGestureDetector detector) {

return super.onScaleBegin(detector);

}

@Override

public void onScaleEnd(ScaleGestureDetector detector) {

super.onScaleEnd(detector);

}

}

GestureFrame完整代码：

import android.content.Context;

import android.util.AttributeSet;

import android.view.GestureDetector;

import android.view.MotionEvent;

import android.view.ScaleGestureDetector;

import android.widget.RelativeLayout;

public class GestureFrame extends RelativeLayout{

private GestureDetector gestureDetector;

private ScaleGestureDetector scaleGestureDetector;

private IcallBack callBack;

private float startX;

private float endX;

private int curHeight;

public GestureFrame(Context context) {

super(context);

init();

}

public GestureFrame(Context context, AttributeSet attrs) {

super(context, attrs);

init();

}

private void init() {

gestureDetector = new GestureDetector(getContext(),new MyGestureDetectorListener());

scaleGestureDetector = new ScaleGestureDetector(getContext(),new MyScaleListener());

}

@Override

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()){

case MotionEvent.ACTION_DOWN:

startX = event.getX();

callBack.callBack("按下");

break;

case MotionEvent.ACTION_UP:

endX = event.getX();

callBack.callBack("抬起");

if(endX - startX > 200){

callBack.rightEvent();

}else if(startX - endX > 200){

callBack.leftEvent();

}

break;

}

//将触摸事件传递给手势识别器处理

gestureDetector.onTouchEvent(event);

scaleGestureDetector.onTouchEvent(event);

return true;

}

class MyGestureDetectorListener implements GestureDetector.OnGestureListener {

@Override

public boolean onDown(MotionEvent e) {

return false;

}

@Override

public void onShowPress(MotionEvent e) {

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

callBack.click(e.getX(),e.getY());

callBack.callBack("单击");

return true;

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

curHeight += distanceY;

callBack.callBackScale("上下滑动 " + curHeight);

//distanceX 左右滑动值

return false;

}

@Override

public void onLongPress(MotionEvent e) {

callBack.callBack("长按");

}

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

return false;

}

}

class MyScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {

@Override

public boolean onScale(ScaleGestureDetector detector) {

callBack.callBackScale("缩放比例： " + detector.getScaleFactor());

return super.onScale(detector);

}

@Override

public boolean onScaleBegin(ScaleGestureDetector detector) {

return super.onScaleBegin(detector);

}

@Override

public void onScaleEnd(ScaleGestureDetector detector) {

super.onScaleEnd(detector);

}

}

public interface IcallBack{

void callBack(String string);

void callBackScale(String scale);

void leftEvent();

void rightEvent();

void click(float x,float y);

}

public void setCallback(IcallBack callback){

this.callBack = callback;

}

FocusBoxView完整代码：

import android.content.Context;

import android.os.Handler;

import android.os.Message;

import android.support.v7.widget.AppCompatImageView;

import android.util.AttributeSet;

import android.widget.RelativeLayout;

public class FocusBoxView extends AppCompatImageView {

public FocusBoxView(Context context) {

super(context);

}

public FocusBoxView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public void startFocus(float x,float y){

RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) getLayoutParams();

layoutParams.leftMargin = (int) (x - getMeasuredWidth() / 2);

layoutParams.topMargin = (int) (y - getMeasuredHeight() / 2);

setLayoutParams(layoutParams);

setVisibility(VISIBLE);

}

}

Mainactivity回调设置值，显示事件，左右滑动动画

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.view.animation.TranslateAnimation;

import android.widget.ImageView;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

private TextView textView;

private GestureFrame gestureFrame;

private StringBuilder stringBuilder;

private TextView tvMsg;

private FocusBoxView ivClick;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

gestureFrame = (GestureFrame) findViewById(R.id.gesture_frame);

textView = (TextView) findViewById(R.id.tv);

tvMsg = (TextView) findViewById(R.id.tv_Msg);

ivClick = (FocusBoxView) findViewById(R.id.iv_click);

stringBuilder = new StringBuilder();

gestureFrame.setCallback(new GestureFrame.IcallBack() {

@Override

public void callBack(String string) {

stringBuilder.append(string + " ");

textView.setText(stringBuilder.toString());

}

@Override

public void callBackScale(String scale) {

tvMsg.setText(scale);

}

@Override

public void leftEvent() {

TranslateAnimation animation = new TranslateAnimation(0,-300,0,0);

animation.setDuration(300);

tvMsg.startAnimation(animation);

tvMsg.setText("左滑");

}

@Override

public void rightEvent() {

TranslateAnimation animation = new TranslateAnimation(0,300,0,0);

animation.setDuration(300);

tvMsg.startAnimation(animation);

tvMsg.setText("右滑");

}

@Override

public void click(float x, float y) {

ivClick.startFocus(x,y);

}

});

}

}

4.activity_main.xml布局：

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.example.gestureuse.gestureuse.MainActivity">

android:id="@+id/gesture_frame"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

android:id="@+id/tv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="15sp"/>

android:id="@+id/tv_Msg"

android:layout_width="150dp"

android:layout_height="40dp"

android:textSize="17sp"

android:layout_centerInParent="true"

android:textColor="#fff"

android:gravity="center"

android:background="@drawable/round_shape_halftrans"/>

android:id="@+id/iv_click"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@mipmap/circle_green"/>

上下滑动需要加一个标志再触发，比如点击才能触发，不然会和左右滑动、缩放一起触发。界面显示效果没有去弄美观一些，还请见谅。程序猿持续进化，博客持续更新，敬请期待。

無酒
关注
android手势动画
u012554768的专栏
06-15 1479
在PhoneWindowManager.java中 interceptKeyBeforeQueueing方法中添加如下代码  switch (keyCode) {         case KeyEvent.KEYCODE_C: {             if (down && SystemProperties.getBoolean("persist.sys.gesture.enable
Android 手势检测实战 打造支持缩放平移的图片预览效果（下）
2401_84149530的博客
05-01 121
deltaX = -rect.left;}if (rect.right < viewWidth && isCheckLeftAndRight){deltaX = viewWidth - rect.right;}mScaleMatrix.postTranslate(deltaX, deltaY);}/**是否是推动行为@param dx@param dy@return*/private boolean isCanDrag(float dx, float dy){return Math.sqrt((dx * d
Android实现手势滑动和简单动画效果
08-30
主要为大家详细介绍了Android实现手势滑动和简单动画效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
理解Android的手势识别
noodies的专栏
10-28 5036
对于触摸屏，其原生的消息无非按下、抬起、移动这几种，我们只需要简单重载onTouch或者设置触摸侦听器setOnTouchListener即可进行处理。不过，为了提高我们的APP的用户体验，有时候我们需要识别用户的手势，Android给我们提供的手势识别工具GestureDetector就可以帮上大忙了。 基础 GestureDetector的工作原理是，当我们接收到用户触摸消息时
手势滑动日历：Android开发实例解析
最新发布
weixin_35829279的博客
04-24 636
手势识别是通过软件来检测和解析用户手指在触摸屏上的动作，并将其转化为相应的控制命令的技术。在Android平台上，这一功能主要通过类和接口实现。手势可以包含多种类型，如单点触控、滑动、缩放等，这些手势不仅增加了用户界面的交互性，还提升了应用的可操作性。自定义View是Android开发中常用的一种高级技巧，它能够提供更高的灵活性和定制性。通过自定义View，开发者能够创建出与现有UI组件截然不同的界面元素。为了创建自定义动画，Android提供了一套完整的动画框架。通过继承。
Android的手势操作识别
热门推荐
comikey的专栏
12-13 3万+
转自：http://jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1020/448.html Android的手势操作识别 时间:2012-10-20 23:09 来源:未知 作者:admin 点击: 282 次 摘要 首先，在Android系统中，每一次手势交互都会依照以下顺序执行。 1. 接触接触屏一刹那，触发
Android手势识别ViewFlipper触摸动画
caozuiba
12-23 170
最近项目中用到了ViewFlipper这个类，感觉效果真的很炫，今天自己也试着做了下，确实还不错。 首先在layout下定义viewflipper.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro...
Android-反编译简书app滑动效果sticky粘性头布局的实现CoordinatorLayoutbehavior
08-13
在简书App的案例中，`FlingBehavior`（可能对应压缩包中的`FlingBehavior-master`）是一个自定义的`Behavior`，用于实现滑动手势的特殊处理。`FlingBehavior`可能会监听滑动事件，当滑动达到一定条件时，将头部视图...
Android开发--仿微信语音对讲录音，按住讲话进行录音，向上滑动可以进行取消录音.zip
09-14
在Android开发中，实现“仿微信语音对讲录音”功能是一项常见的需求，它涉及到音频录制、用户交互以及事件处理等多个方面。在这个项目中，我们将会探讨如何构建这样一个系统，让用户可以按住按钮讲话进行录音，并...
打造Android平台仿简书的富文本编辑器
- 掌握Android中的手势操作、动画、触摸事件处理等高级交互技术； - 理解并应用Android的存储机制，如何保存和加载编辑内容（如使用SharedPreferences、SQLite数据库、文件存储等）。 6. 网络功能的集成 - 实现...
Android中底部滑入的控件BottomSheetLayout（ 第三方 ）的使用
07-11
在Android开发中，为了提供丰富的用户体验，我们常常需要设计各种交互模式。其中，BottomSheetLayout是一种常见的设计，它可以从屏幕底部滑入，显示更多的信息或功能。这种效果常见于地图应用、设置菜单等，给用户...
Android手势处理框架.zip
07-10
Android手势处理框架是一个封装了手势操作的库，特别之处是作者增加的RotateGestureDetector 旋转手势处理。
手势引导动画
08-01
用户初次使用的的时候的一个手势引导动画，还是挺有价值的，就分享出来给大家
android手势处理图片平移、缩放和旋转
08-22
android手势处理图片平移、缩放和旋转 图片出界判断 处理后新图片的创建
Android手势操作示例(上/下/左/右的判断)
09-02
主要介绍了Android手势操作方法,包含了针对上、下、左、右等方向的判断,具有一定参考借鉴价值,需要的朋友可以参考下
用android动画实现手势动画
u012554768的专栏
06-25 1842
在 PhoneWindowManager中添加如下方法  private static final int END_ANIMATION = 101;     private static final int PREPARE_ANIMATION = 102;     private static final int PLAY_ANIMATION = 103;     private Ani
Android 手势处理实战
DennisJu的专栏
01-10 1174
手势处理实战 问题提出 显示实战场景 ViewPager+ViewFlow\ViewPager NestedScrollView+RecyclerView 核心内容 场景：看图说话 问题分析：同上面图中，我们可以看出可以通过手势处理的控件互相嵌套，需要处理的手势问题可能只是看看都会让自己头大，但是如果我们将手势简单分类，来看看问题会不会简单很多，我们的分类依据
Android通过手势实现的缩放处理
Ink_jay的专栏
04-06 1671
<br />主要原理是onTouchEvent事件中的参数MotionEvent，它有一个getSize()方法。在一个点的时候，该方法永远返回0,而在两个触电的时候，该方法则根据两点相对位置变化而返回不同的值。我们只需计算出两点之间的距离变化，距离的大小表明我们希望目标变化的趋势。而getX()和getY()方法则永远座落在两触点之间，这样趋势和目标我们都有了。剩下的就是对目标根据趋势进行放大或缩小即可。 下边是根据我前边描述的思路编写的代码：让一个蓝色的圆根据手势放大或者缩小。流感中，代码就不指望太清晰
Android的滑动手势处理
速风的专栏
07-10 218
Android SDK提供了一个listener类来侦测各种不同的手势: SimpleOnGestureListener.  你只需要实现自己所关心的手势就可以了. Swipe在android里面是叫Fling 首先创建自己的一个手势detector类: Java代码 class MyGestureDetector extends SimpleOnGestureListener {     ...
Android实现简书搜索框动画效果
"Android仿简书搜索框效果的示例代码" 在Android开发中，为了提供良好的用户体验，开发者经常需要模仿知名应用的设计元素，比如本文提到的仿简书搜索框效果。这个效果通常包括一个可展开的搜索栏，带有动画过渡，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值