android 上实现 控件平滑移动(smooth move) 研究

最新推荐文章于 2021-07-09 15:52:02 发布
最新推荐文章于 2021-07-09 15:52:02 发布
阅读量5.7k 收藏 1
点赞数
分类专栏： android Framework 文章标签： android animation 框架 扩展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/voipmaker/article/details/7459356
版权
本文探讨了在Android平台上实现控件平滑移动的方法，主要利用FrameLayout和Animation框架。通过在FrameLayout中添加两个LinearLayout，结合ImageView和Translation Animation，实现了平滑移动效果。Android 2.2之前的动画支持包括View Animation和帧动画，而3.0后引入了Property Animation。平滑移动的关键在于使用Translate Animation改变ImageView的坐标。为了处理焦点和点击事件，需要采用监听接口来间接控制底层的控件。
摘要由CSDN通过智能技术生成


关于控件的平滑移动在国外著名网站stack overflow上有很多人问，最终也没人给个确切的回答。

在平板及基于android的智能电视上控件的平滑移动效果对用户的体验至关重要，最近研究了一下。


android 本身并没有对控件平滑移动的支持（可能有，我还不知道），实现控件的平滑移动需借助其动画框架（animation）及经过 扩展的framelayout。

首先看framelayout控件特点：

framelayout 是android布局中自检单的一个，是一个view的容器，只是简单的把每个view放在左上角，每当新添加一个view到framelayout容器时会遮挡先前添加的view。


这就给我们实现平滑移动提供了基础，我们可以在framelayout里添加两个子容器 linearlayout,一个linearlayout负责管理要添加的子控件，另一个linearlayout管理一个imageView控件，滑动时通过在此imageview上附着动画（animation）以达到平滑移动的效果。


在看android上的动画支持，android 2.2之前动画支持两种，view 动画和 帧动画，在包 android.view.animation中实现，android 3.0之后动画框架又添加了重量级动画框架property animation,在包android.animation中实现，代码位置在frmework/base/core/java/android/animation目录，对于控件平滑移动，用view动画中的一种即可

view动画 有四种，其中 tran

最低0.47元/天 解锁文章
voipmaker
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
Android 跑马灯的实现（可控制速度）
07-28
Android跑马灯，可以控制速度，并对对于文本长度大于屏幕分辨率情况，也可适用，史上最强的跑马灯实现。
SmoothSeekBar:一个自定义的Android SeekBar 可以平滑滑动到新的进度
06-28
平滑搜索条 自定义的 Android SeekBar 可以平滑滑动到新的进度。 如何使用 在布局 xml 文件中： < info xss=removed xss=removed xss=removed> 在 Java 代码中： SmoothSeekBar seekBar = new SmoothSeekBar (context); seekBar . setProgress(progress); ... 影响 执照 麻省理工学院许可证 (MIT)
小球移动轨迹渐变 android,利用C4droid绘制小球斜抛运动轨迹（考虑空气阻力）
weixin_42545159的博客
05-25 403
该楼层疑似违规已被系统折叠隐藏此楼查看此楼我把源代码分享出来，欢迎有兴趣的朋友下载测试，修改优化。/***********************************************************************此程序是考虑空气阻力条件下弹弓抛射8mm钢珠飞行轨迹的C++程序。用到的公式：空气阻力的公式：F=(1/2)CρSV^2计算.式中：C为空气阻力系数；ρ为空...
平滑滚动和可访问性
CSS 初学者指南
06-27 229
平滑滚动 （视口内从原始链接到目标锚点的动画位置变化）可以是添加到站点的很好的交互细节，从而给用户带来优美的体验。 如果您不相信我，请查看CSS-Tricks上有多少人对“ 平滑滚动”代码段做出了回应。 平滑滚动与突然跳跃 无论您如何实现该功能，都应解决一些可访问性问题：焦点管理和动画。 重点管理 重要的是要确保仅使用键盘即可访问所有内容 ，因为某些用户100％依赖键盘进行...
Android实现控件的缩放移动功能
08-28
在Android开发中，有时我们需要实现对控件的动态操作，比如缩放和移动，以便提供更丰富的用户交互体验。本文将详细介绍如何在Android中实现这一功能。 首先，我们需要理解缩放和移动的基本概念。缩放是指改变控件的...
android 实现控件左右或上下抖动教程
08-19
Animation 是 Android 中的一种动画机制，可以用来实现控件的移动、旋转、缩放等动画效果。而 Animator 则是 Android 3.0 及其后版本中引入的一种新型动画机制，提供了更加灵活和强大的动画实现方式。 二、Android ...
Android自定义控件实现随手指移动的小球
09-01
本示例将详细介绍如何实现一个Android自定义控件，该控件中的小球能够随着用户的手指触摸屏幕进行移动。 首先，我们需要创建一个新的Java类，继承自`View`，这是自定义控件的基础。在这个例子中，我们命名为`...
Android 基于RecyclerView实现的歌词滚动自定义控件
08-27
歌词滚动的实现主要通过 RecyclerView.smoothScrollBy() 方法来实现平滑滑动。该方法可以根据歌词时间来进行移动，实现滚动效果。 三、歌词颜色字体变化的实现 歌词颜色字体变化可以通过 notifyItemChange(int ...
Android实现滑动选择控件实例代码
08-30
在Android开发中，滑动选择控件是一种常见的交互方式，特别是在列表或网格中进行多项选择时。本篇文章将深入探讨如何实现一个滑动选择控件的实例代码。 首先，滑动选择控件的核心在于监听用户的触摸事件并做出相应...
android-smooth-move, android marker点沿线平滑移动效果.zip
09-17
android-smooth-move, android marker点沿线平滑移动效果
android自定义布局中的平滑移动
11-19
android自定义布局中的平滑移动 在android应用程序的开发过程中，相信我们很多人都想把应用的交互做的比较绚丽，比如让界面切换平滑的滚动，还有热度灰常高的伪3D等界面效果，通常情况下，系统提供的应用在特效这方面只能为我们提供简单的动画接口，所以要想实现比较酷炫的效果还是要自己去开发布局控件(即所谓的自定义View、ViewGroup)。
高德地图marker沿轨迹移动效果，适用步行、行车、运动等APP
01-26
现在很多应用中，会用到轨迹功能，但轨迹何如移动的平滑、漂亮？ 高德将“轨迹平滑移动”作为一个开发小技巧开放出
Android项目源码基于高德地图搭建的用车解决方案
07-29
吃穿住行”是生活的基本构成。行的问题，在城市生活中，变得越来越复杂。随着移动互联网不断渗透，涌现出一大批出行类软件。 出行类软件分为： 打车类：滴滴打车、快的打车 专车类：滴滴专车、一号专车、神州专车 拼车类：嘀嗒拼车、51用车、天天用车 基于高德地图，已经搭建好了Android端出行类应用，开放源码和demo给大家，人人都可以做滴滴啦~~
Android车辆轨迹平滑移动
10-19
基于高德地图3D API做的点平滑移动效果，Android车辆轨迹平滑移动【旧版本】
android自动上下划屏代码,Android自定义控件ScrollView实现上下滑动功能
weixin_29440125的博客
05-25 1243
本文实例为大家分享了Android ScrollView实现上下滑动功能的具体代码，供大家参考，具体内容如下package com.example.zhuang;import android.content.Context;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view....
仿滴滴打车的平滑移动附近车辆效果实现全流程，基于高德地图
u010711867的博客
07-09 887
（收藏一下） 源码地址：https://github.com/zyktojo/AmapSmoothMarker 欢迎Star~~ 开端： 打开滴滴打车APP，会发现地图上的车辆显示的十分形象，车辆会在路上平滑的加减速，转向停车~ 有种即时战略的感觉，看起来挺有趣： 为了研究这个效果如何实现，我开始了探索之旅： 一.探索阶段： 1.旧版平滑移动 首先找到的是百度“高德地图平滑移动”结果里的这个文： http://lbs.amap.com/smart/transportation/skill/move/ 实现方
android seekbar滑动条实现平滑滑动并回滚至指定值的整数倍
u010184245的专栏
06-15 5426
seekbar默认最大值为100，但当我们需要选择的数值更大时，需制定默认最大值，但现在很多app都实现了滑动条可自由平滑的滑动，但手松开后，自动回滚至最接近的可选数值，下面我们就来介绍一下这种效果的实现方法一、配置文件xml <SeekBar android:id="@+id/sb_quota" android:layout_width="match_parent"
Android使用滑动条SeekBar
StuTan
08-28 2053
layout布局文件（clear_activity.xml）： SeekBar的属性值介绍： android:max=“255” （最大的滑动值，从0开始） android:progress=“255”（初始时滑动条的位置） <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_wi
android缩放组件,Android实现控件的缩放移动功能
最新发布
05-30
Android实现控件的缩放移动功能，可以通过自定义控件并重写其onTouchEvent()方法来实现。具体步骤如下： 1. 在自定义控件类中，实现GestureDetector.OnGestureListener接口和ScaleGestureDetector.OnScaleGestureListener接口，用于监听手势事件。 2. 在onTouchEvent()方法中，将MotionEvent对象传递给GestureDetector和ScaleGestureDetector对象，分别监听手势事件。 3. 在GestureDetector的onScroll()方法中，处理手指拖动事件，计算控件移动的距离，并将其应用到控件上。 4. 在ScaleGestureDetector的onScale()方法中，处理缩放手势事件，计算控件的缩放比例，并将其应用到控件上。 5. 需要注意的是，缩放功能需要在控件的父布局中开启clipChildren属性，以保证控件可以在缩放时不会超出父布局的边界。 示例代码如下： ```java public class ZoomView extends View implements GestureDetector.OnGestureListener, ScaleGestureDetector.OnScaleGestureListener { private GestureDetector mGestureDetector; private ScaleGestureDetector mScaleGestureDetector; private float mScaleFactor = 1.0f; private float mLastTouchX; private float mLastTouchY; private float mPosX; private float mPosY; public ZoomView(Context context) { super(context); mGestureDetector = new GestureDetector(context, this); mScaleGestureDetector = new ScaleGestureDetector(context, this); } @Override public boolean onTouchEvent(MotionEvent motionEvent) { mGestureDetector.onTouchEvent(motionEvent); mScaleGestureDetector.onTouchEvent(motionEvent); final int action = motionEvent.getAction(); switch (action & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: { final float x = motionEvent.getX(); final float y = motionEvent.getY(); mLastTouchX = x; mLastTouchY = y; break; } case MotionEvent.ACTION_MOVE: { final float x = motionEvent.getX(); final float y = motionEvent.getY(); final float dx = x - mLastTouchX; final float dy = y - mLastTouchY; mPosX += dx; mPosY += dy; invalidate(); mLastTouchX = x; mLastTouchY = y; break; } } return true; } @Override public boolean onScale(ScaleGestureDetector scaleGestureDetector) { mScaleFactor *= scaleGestureDetector.getScaleFactor(); mScaleFactor = Math.max(0.1f, Math.min(mScaleFactor, 5.0f)); invalidate(); return true; } @Override public boolean onScaleBegin(ScaleGestureDetector scaleGestureDetector) { return true; } @Override public void onScaleEnd(ScaleGestureDetector scaleGestureDetector) { } @Override public boolean onDown(MotionEvent motionEvent) { return true; } @Override public void onShowPress(MotionEvent motionEvent) { } @Override public boolean onSingleTapUp(MotionEvent motionEvent) { return true; } @Override public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float distanceX, float distanceY) { mPosX -= distanceX; mPosY -= distanceY; invalidate(); return true; } @Override public void onLongPress(MotionEvent motionEvent) { } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.save(); canvas.scale(mScaleFactor, mScaleFactor); canvas.translate(mPosX / mScaleFactor, mPosY / mScaleFactor); // 绘制控件内容 canvas.restore(); } } ``` 在该示例中，我们重写了onTouchEvent()方法，使用GestureDetector和ScaleGestureDetector对象分别监听拖动事件和缩放事件。在onScale()方法中，我们计算了控件的缩放比例，并在onScroll()方法中计算了控件的移动距离。最后，在onDraw()方法中，我们将缩放和移动的变换应用到画布上，然后在画布上绘制控件的内容。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值