热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实现控件的缩放移动功能

这篇文章主要介绍了android控件的缩放,移动功能,本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下

上篇文章给大家介绍了 Android控件实现图片缩放功能 ,需要的朋友点击查看。

1.简介

话不多说先来张效果图

 

控件缩放移动.gif

上面的gif中,依次进行了拖动——>触摸右上角放大,缩小——>触摸上方与右测边缘——>双指放大缩小。

2 使用步骤

2.1 布局。外层一个LinearLayout,里面一个自定义的控件DragScaleView,为了能够更清楚的看到控件的变化过程,就给控件加了一个灰色带虚线的边框bg_dashgap。

layout文件

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 

在drawable文件夹下的bg_dashgap.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 
 

2.2 自定义的控件

单指触摸:

当ACTION_DOWN时如果坐标为1.2.3.4四个区域,则对View进行相应的左上/右上/左下/右下拉伸;

当ACTION_DOWN时如果坐标为5.6.7.8四个区域,则分别对上/右/下/左四个方向进行拉伸;

当ACTION_DOWN时如果坐标为9这个区域,则对View进行移动;

 

双指触摸:

先计算出触摸时双指的距离,float oriDist=distance(event);

再得到双指离开屏幕的距离,float newDist =distance(event);

得到两者之间的比例 float scale = newDist / oriDist;

计算双指间距离的方法

/**
 * 计算两个手指间的距离
 * @param event 触摸事件
 * @return 放回两个手指之间的距离
 */
 private float distance(MotionEvent event) {
 float x = event.getX(0) - event.getX(1);
 float y = event.getY(0) - event.getY(1);
 return (float) Math.sqrt(x * x + y * y);//两点间距离公式
 }

自定义的控件

onTouch(View v, MotionEvent event)的触摸事件中代码块

 

image.png

其他的关键地方,代码中都有比较详细的注释了。思路就是

触摸监听

判断不同情况---getDirection(v, (int) event.getX(), (int) event.getY())
计算得到新的oriLeft, oriTop, oriRight, oriBottom
重新绘制---v.layout(oriLeft, oriTop, oriRight, oriBottom)

3 DragScaleView 的完整代码

public class DragScaleView extends android.support.v7.widget.AppCompatImageView implements View.OnTouchListener {
 protected int screenWidth;
 protected int screenHeight;
 protected int lastX;
 protected int lastY;
 private int oriLeft;
 private int oriRight;
 private int oriTop;
 private int oriBottom;
 private int dragDirection;
 private static final int TOP = 0x15;
 private static final int LEFT = 0x16;
 private static final int BOTTOM = 0x17;
 private static final int RIGHT = 0x18;
 private static final int LEFT_TOP = 0x11;
 private static final int RIGHT_TOP = 0x12;
 private static final int LEFT_BOTTOM = 0x13;
 private static final int RIGHT_BOTTOM = 0x14;
 private static final int TOUCH_TWO = 0x21;
 private static final int CENTER = 0x19;
 private int offset = 0; //可超出其父控件的偏移量
 protected Paint paint = new Paint();
 private static final int touchDistance = 80; //触摸边界的有效距离
 // 初始的两个手指按下的触摸点的距离
 private float oriDis = 1f;
 /**
 * 初始化获取屏幕宽高
 */
 protected void initScreenW_H() {
 screenHeight = getResources().getDisplayMetrics().heightPixels - 40;
 screenWidth = getResources().getDisplayMetrics().widthPixels;
 }
 public DragScaleView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 setOnTouchListener(this);
 initScreenW_H();
 }
 public DragScaleView(Context context, AttributeSet attrs) {
 super(context, attrs);
 setOnTouchListener(this);
 initScreenW_H();
 }
 public DragScaleView(Context context) {
 super(context);
 setOnTouchListener(this);
 initScreenW_H();
 }
 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 paint.setColor(Color.GRAY);
 paint.setStrokeWidth(4.0f);
 paint.setStyle(Paint.Style.STROKE);
 }
 @Override
 public boolean onTouch(View v, MotionEvent event) {
 setBackgroundResource(R.drawable.bg_dashgap);
 int action = event.getAction()& MotionEvent.ACTION_MASK;
 if (action == MotionEvent.ACTION_DOWN) {
 oriLeft = v.getLeft();
 oriRight = v.getRight();
 oriTop = v.getTop();
 oriBottom = v.getBottom();
 lastY = (int) event.getRawY();
 lastX = (int) event.getRawX();
 dragDirection = getDirection(v, (int) event.getX(),
  (int) event.getY());
 }
 if (action == MotionEvent.ACTION_POINTER_DOWN){
 oriLeft = v.getLeft();
 oriRight = v.getRight();
 oriTop = v.getTop();
 oriBottom = v.getBottom();
 lastY = (int) event.getRawY();
 lastX = (int) event.getRawX();
 dragDirection = TOUCH_TWO;
 oriDis = distance(event);
 }
 // 处理拖动事件
 delDrag(v, event, action);
 invalidate();
 return false;
 }
 /**
 * 处理拖动事件
 *
 * @param v
 * @param event
 * @param action
 */
 protected void delDrag(View v, MotionEvent event, int action) {
 switch (action) {
 case MotionEvent.ACTION_MOVE:
 int dx = (int) event.getRawX() - lastX;
 int dy = (int) event.getRawY() - lastY;
 switch (dragDirection) {
  case LEFT: // 左边缘
  left(v, dx);
  break;
  case RIGHT: // 右边缘
  right(v, dx);
  break;
  case BOTTOM: // 下边缘
  bottom(v, dy);
  break;
  case TOP: // 上边缘
  top(v, dy);
  break;
  case CENTER: // 点击中心-->>移动
  center(v, dx, dy);
  break;
  case LEFT_BOTTOM: // 左下
  left(v, dx);
  bottom(v, dy);
  break;
  case LEFT_TOP: // 左上
  left(v, dx);
  top(v, dy);
  break;
  case RIGHT_BOTTOM: // 右下
  right(v, dx);
  bottom(v, dy);
  break;
  case RIGHT_TOP: // 右上
  right(v, dx);
  top(v, dy);
  break;
  case TOUCH_TWO: //双指操控
  float newDist =distance(event);
  float scale = newDist / oriDis;
  //控制双指缩放的敏感度
  int distX = (int) (scale*(oriRight-oriLeft)-(oriRight-oriLeft))/50;
  int distY = (int) (scale*(oriBottom-oriTop)-(oriBottom-oriTop))/50;
  if (newDist>10f){//当双指的距离大于10时,开始相应处理
  left(v, -distX);
  top(v, -distY);
  right(v, distX);
  bottom(v, distY);
  }
  break;
 }
 if (dragDirection != CENTER) {
  v.layout(oriLeft, oriTop, oriRight, oriBottom);
 }
 lastX = (int) event.getRawX();
 lastY = (int) event.getRawY();
 break;
 case MotionEvent.ACTION_UP:
 case MotionEvent.ACTION_POINTER_UP:
 dragDirection = 0;
 break;
 }
 }
 /**
 * 触摸点为中心->>移动
 *
 * @param v
 * @param dx
 * @param dy
 */
 private void center(View v, int dx, int dy) {
 int left = v.getLeft() + dx;
 int top = v.getTop() + dy;
 int right = v.getRight() + dx;
 int bottom = v.getBottom() + dy;
 if (left <-offset) {
 left = -offset;
 right = left + v.getWidth();
 }
 if (right > screenWidth + offset) {
 right = screenWidth + offset;
 left = right - v.getWidth();
 }
 if (top <-offset) {
 top = -offset;
 bottom = top + v.getHeight();
 }
 if (bottom > screenHeight + offset) {
 bottom = screenHeight + offset;
 top = bottom - v.getHeight();
 }
 Log.d("raydrag", left+" "+top+" "+right+" "+bottom+" "+dx);
 v.layout(left, top, right, bottom);
 }
 /**
 * 触摸点为上边缘
 *
 * @param v
 * @param dy
 */
 private void top(View v, int dy) {
 oriTop += dy;
 if (oriTop <-offset) {
 //对view边界的处理,如果子view达到父控件的边界,offset代表允许超出父控件多少
 oriTop = -offset;
 }
 if (oriBottom - oriTop - 2 * offset <200) {
 oriTop = oriBottom - 2 * offset - 200;
 }
 }
 /**
 * 触摸点为下边缘
 *
 * @param v
 * @param dy
 */
 private void bottom(View v, int dy) {
 oriBottom += dy;
 if (oriBottom > screenHeight + offset) {
 oriBottom = screenHeight + offset;
 }
 if (oriBottom - oriTop - 2 * offset <200) {
 oriBottom = 200 + oriTop + 2 * offset;
 }
 }
 /**
 * 触摸点为右边缘
 *
 * @param v
 * @param dx
 */
 private void right(View v, int dx) {
 oriRight += dx;
 if (oriRight > screenWidth + offset) {
 oriRight = screenWidth + offset;
 }
 if (oriRight - oriLeft - 2 * offset <200) {
 oriRight = oriLeft + 2 * offset + 200;
 }
 }
 /**
 * 触摸点为左边缘
 *
 * @param v
 * @param dx
 */
 private void left(View v, int dx) {
 oriLeft += dx;
 if (oriLeft <-offset) {
 oriLeft = -offset;
 }
 if (oriRight - oriLeft - 2 * offset <200) {
 oriLeft = oriRight - 2 * offset - 200;
 }
 }
 /**
 * 获取触摸点flag
 *
 * @param v
 * @param x
 * @param y
 * @return
 */
 protected int getDirection(View v, int x, int y) {
 int left = v.getLeft();
 int right = v.getRight();
 int bottom = v.getBottom();
 int top = v.getTop();
 if (x 

总结

以上所述是小编给大家介绍的Android控件的缩放移动功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • ListView简单使用
    先上效果:主要实现了Listview的绑定和点击事件。项目资源结构如下:先创建一个动物类,用来装载数据:Animal类如下:packagecom.example.simplelis ... [详细]
  • 深入解析动态代理模式:23种设计模式之三
    在设计模式中,动态代理模式是应用最为广泛的一种代理模式。它允许我们在运行时动态创建代理对象,并在调用方法时进行增强处理。本文将详细介绍动态代理的实现机制及其应用场景。 ... [详细]
  • 本文探讨了如何在Classic ASP中实现与PHP的hash_hmac('SHA256', $message, pack('H*', $secret))函数等效的哈希生成方法。通过分析不同实现方式及其产生的差异,提供了一种使用Microsoft .NET Framework的解决方案。 ... [详细]
  • 本文介绍了如何通过Java代码计算一个整数的位数,并展示了多个基础编程示例,包括求和、平均分计算、条件判断等。 ... [详细]
  • CentOS 系统管理基础
    本文介绍了如何在 CentOS 中查询系统版本、内核版本、位数以及磁盘分区的相关知识。通过这些命令,用户可以快速了解系统的配置和磁盘结构。 ... [详细]
  • 本文详细探讨了 PHP 中 method_exists() 和 is_callable() 函数的区别,帮助开发者更好地理解和使用这两个函数。文章不仅解释了它们的功能差异,还提供了代码示例和应用场景的分析。 ... [详细]
  • 本文探讨了C++编程中理解代码执行期间复杂度的挑战,特别是编译器在程序运行时生成额外指令以确保对象构造、内存管理、类型转换及临时对象创建的安全性。 ... [详细]
  • 本文详细介绍了如何解决 Microsoft SQL Server 中用户 'sa' 登录失败的问题。错误代码为 18470,提示该帐户已被禁用。我们将通过 Windows 身份验证方式登录,并启用 'sa' 帐户以恢复其访问权限。 ... [详细]
  • 本文详细介绍了Java中实现异步调用的多种方式,包括线程创建、Future接口、CompletableFuture类以及Spring框架的@Async注解。通过代码示例和深入解析,帮助读者理解并掌握这些技术。 ... [详细]
  • 本文详细介绍了一种高效的算法——线性筛法,用于快速筛选出一定范围内的所有素数。通过该方法,可以显著提高求解素数问题的效率。 ... [详细]
  • 本文详细介绍了get和set方法的作用及其在编程中的实现方式,同时探讨了点语法的使用场景。通过具体示例,解释了属性声明与合成存取方法的概念,并补充了相关操作的最佳实践。 ... [详细]
  • 深入剖析JVM垃圾回收机制
    本文详细探讨了Java虚拟机(JVM)中的垃圾回收机制,包括其意义、对象判定方法、引用类型、常见垃圾收集算法以及各种垃圾收集器的特点和工作原理。通过理解这些内容,开发人员可以更好地优化内存管理和程序性能。 ... [详细]
  • 搭建Jenkins、Ant与TestNG集成环境
    本文详细介绍了如何在Ubuntu 16.04系统上配置Jenkins、Ant和TestNG的集成开发环境,涵盖从安装到配置的具体步骤,并提供了创建Windows Slave节点及项目构建的指南。 ... [详细]
  • Vue 开发与调试工具指南
    本文介绍了如何使用 Vue 调试工具,包括克隆仓库、安装依赖包、构建项目以及在 Chrome 浏览器中加载扩展的详细步骤。 ... [详细]
  • Java中的基本数据类型与包装类解析
    本文探讨了Java编程语言中的8种基本数据类型及其对应的包装类。通过分析这些数据类型的特性和使用场景,以及自动拆装箱机制的实现原理,帮助开发者更好地理解和应用这些概念。 ... [详细]
author-avatar
红山村樵夫_799
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有