Android官方开发文档Training系列课程中文版:创建自定义View之View的交互

写在前面的话:这一章很有价值,想要提升安卓知识的一定要读一读。不做安卓的也可以得到其它方面的提升。

原文地址:http://android.xsoftlab.net/training/custom-views/making-interactive.html

UI的绘制只是自定义View的一部分。你还需要使View可以以一种接近真实世界的反馈方式来响应用户的输入事件。虚拟世界中的对象应该总是以真实世界中对象的行为方式来行动。比如说,图像不应该从某处突然出现或消失,因为真实世界中的图像总是从一个地方移动到另一个地方的。

用户还应该在UI界面上感知到一些细微的感觉。最好的反馈就是模仿真实世界的微妙行为。举个栗子,用户在快速滑动UI对象时,应该在开始时感觉到延迟的摩擦力,在滑出去后还应当继续保持惯性滑动。

这节课将会演示如何使用Android的框架特性为自定义View添加这些真实世界的行为。

处理输入手势

与其它UI框架很接近,Android同样支持输入事件模型。用户的行为会被转换为一种会触发回调的事件,你可以通过重写这些回调方法来决定如何对这些事件做出响应。Android中最为常见的输入事件是touch,它会触发onTouchEvent(android.view.MotionEvent)。通过重写这个方法来处理一些事件:

   @Overridepublic boolean onTouchEvent(MotionEvent event) {return super.onTouchEvent(event);}

触摸事件本身并不是特别有用处。触摸UI定义了一些交互手势,比如双击、下拉、上推、快速滑动以及缩放等等。为了将原始触摸事件转换为手势,Android提供了GestureDetector。

构造GestureDetector需要传递一个GestureDetector.OnGestureListener的实现类作为参数。如果你只是需要处理几个手势,你可以继承GestureDetector.SimpleOnGestureListener。下面的代码继承了这个接口,并重写了它的onDown(MotionEvent)方法。

class mListener extends GestureDetector.SimpleOnGestureListener {@Overridepublic boolean onDown(MotionEvent e) {return true;}
}
mDetector = new GestureDetector(PieChart.this.getContext(), new mListener());

无论你是否使用GestureDetector.SimpleOnGestureListener接口,你都需要实现一个返回true的onDown()方法。这一步是必须的,因为所有的手势都是从onDown()方法开始的。如果你在onDown()方法中返回了false,那么系统会认为你想忽略这次事件,并且其它的相关方法都不会被调用。如果你真的想要忽略整个手势事件,那么在onDown()方法中返回false是唯一的一种方式。一旦实现了GestureDetector.OnGestureListener接口,并创建了GestureDetector的实例,则可以使用GestureDetector对象来与在onTouchEvent()中接收到的触摸事件进行交互。

@Override
public boolean onTouchEvent(MotionEvent event) {boolean result = mDetector.onTouchEvent(event);if (!result) {if (event.getAction() == MotionEvent.ACTION_UP) {stopScrolling();result = true;}}return result;
}

当传给onTouchEvent()方法一个不能识别的手势时,它会返回false,这样你就可以运行自定义的手势识别代码了。

创建物理模拟手势

手势是用来控制触摸屏设备的一种强大方式,除非它们提供了物理模拟效果,否则它们可能是违反直觉的、难以记住的。一个好的示例就是飞速滑动手势:当用户快速的在屏幕上滑动手指时,手指突然离开了屏幕,就会触发这种手势。如果UI在同一方向上继续滑动然后慢慢的减速,这时就会给用户造成一种感觉:仿佛在操作一个飞轮一样。

不管怎样,模拟飞轮这种感觉并不是没有价值的。为了正确模拟这种感觉,需要很多的物理及数学运算。幸运的是,Android为此提供了辅助类。Scroller是一个专门用来处理这种飞轮感觉手势的辅助类。

为了启动滑动,需要以一个初始速度值及其它相关速度参数调用fling()。有关速度值,你可以通过GestureDetector计算得到。

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {mScroller.fling(currentX, currentY, velocityX / SCALE, velocityY / SCALE, minX, minY, maxX, maxY);postInvalidate();
}

Note: 尽管GestureDetector计算到的这个速度值在物理上很精确,但是很多开发者感觉使用这个值来启动滑动还是太快了。通常会在4到8之间取一个系数来减小x和y。

先调用fling()为滑动手势设置物理模型。然后你需要定期调用Scroller.computeScrollOffset()来更新Scroller。computeScrollOffset()通过读取当前的时间以及使用物理模型来计算x及y的位置来更新Scroller对象的内部状态。通过调用getCurrX()和getCurrY()来接收这些值。

很多View将Scroller对象的x,y的位置值直接传递给scrollTo()。饼图示例在这里有些小小的不同:它使用当前滑动的y的位置来设置饼图的旋转角度:

if (!mScroller.isFinished()) {mScroller.computeScrollOffset();setPieRotation(mScroller.getCurrY());
}

Scroller会为你计算滑动的位置,但是它不会自动的将这些值应用到你的View中。为了使View的滑动效果更佳平滑,获得并应用这些值是需要你去做的。有两种方式可以实现:

  • 在fling()之后调用postInvalidate(),这样可以重新绘制界面。这个方法需要每次滑动的偏移量发生变化之后在onDraw()方法中调用。
  • 为滑动动画设置ValueAnimator,调用addUpdateListener()添加监听器,以便处理动画的更新。

在饼图示例中使用了第二种方案。这项技术在设置上稍微的有些复杂,但是它的工作过程与动画系统更为接近,并且不会请求不必要的更新。它的缺点是在API 11之前ValueAnimator并不适用,所以这项技术在Android 3.0之前不可以使用。

Note: ValueAnimator在API 11之前并不可用,但是你仍然还可以在API 11之前使用。你只需要确保在运行时检查当前的API等级,并且在等级低于11时不调用View动画就可以。

       mScroller = new Scroller(getContext(), null, true);mScrollAnimator = ValueAnimator.ofFloat(0,1);mScrollAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Overridepublic void onAnimationUpdate(ValueAnimator valueAnimator) {if (!mScroller.isFinished()) {mScroller.computeScrollOffset();setPieRotation(mScroller.getCurrY());} else {mScrollAnimator.cancel();onScrollFinished();}}});

使滑动过程更流畅

用户不希望状态之间的过渡发生卡顿。所以UI元素的淡入淡出取代了闪现与消失。动作的平滑过渡取代了突然的启动与停止。Android 3.0中出现的property animation framework使平滑转场更加简便。

每次属性的变更都会影响View的外观,所以不要直接更改它们的属性。相反,可以使用ValueAnimator来做出变更。在下面的示例中,修改当前所选择的扇形图会使整个饼图发生旋转,所以选择的这个点在饼图中看起来是居正中的。ValueAnimator更改旋转用了数百毫秒的时间。

mAutoCenterAnimator = ObjectAnimator.ofInt(PieChart.this, "PieRotation", 0);
mAutoCenterAnimator.setIntValues(targetAngle);
mAutoCenterAnimator.setDuration(AUTOCENTER_ANIM_DURATION);
mAutoCenterAnimator.start();

如果你想更改View的基础属性,那么这项事情就更容易了,因为View有一个内置的View属性动画框架ViewPropertyAnimator,它专门用来同时作用多个属性,比如:

animate().rotation(targetAngle).setDuration(ANIM_DURATION).start();

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/478963.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LeetCode 350. 两个数组的交集 II(哈希)

文章目录1. 题目2. 解题2.1 hash2.2 数组已排序1. 题目 给定两个数组,编写一个函数来计算它们的交集。 示例 1:输入: nums1 [1,2,2,1], nums2 [2,2] 输出: [2,2] 示例 2:输入: nums1 [4,9,5], nums2 [9,4,9,8,4] 输出: [4,9] 说明:输出结果中每个元…

会议交流 | CCKS2020 第十四届全国知识图谱与语义计算大会

CCKS2020第十四届全国知识图谱与语义计算大会China Conference on Knowledge Graph and Semantic Computing, 2020南昌.江西,11月12日-15日主办: 中国中文信息学会语言与知识计算专业委员会承办: 江西师范大学会议网站:www.sigkg.cn/ccks2020大会主题&a…

用微前端的方式搭建类单页应用

前言 微前端由ThoughtWorks 2016年提出,将后端微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大型互联网公司,提升整体效率至关重要,这需要很…

Android官方开发文档Training系列课程中文版:创建自定义View之View的优化

原文地址:http://android.xsoftlab.net/training/custom-views/optimizing-view.html 现在已经完成了一个拥有良好设计的View,它即可以响应手势,又可以在状态之间过渡。为了避免View有卡顿的感觉,需要确保动画始终是按照每秒60帧…

12种NumpyPandas高效技巧

文 | Kunal Dhariwal本文分享给大家 12 种 Numpy 和 Pandas 函数,这些高效的函数会令数据分析更为容易、便捷。最后,读者也可以在 GitHub 项目中找到本文所用代码的 Jupyter Notebook。项目地址:https://github.com/kunaldhariwal/12-Amazing…

LeetCode 1002. 查找常用字符(哈希)

1. 题目 给定仅有小写字母组成的字符串数组 A,返回列表中的每个字符串中都显示的全部字符(包括重复字符)组成的列表。例如,如果一个字符在每个字符串中出现 3 次,但不是 4 次,则需要在最终答案中包含该字符…

抖音算法推荐机制详解

抖音算法推荐机制详解!(科普向) 众所周知抖音的流量分配是去中心化的,这种去中心化算法,让每个人都有机会爆红,可为什么别人几个粉玩抖音,就能轻松获得10w点赞?而你怒拍几十条也枉然? 抖音的…

论文浅尝 - ICLR2020 | 用于半监督分类的图形推理学习

论文笔记整理:周虹廷,浙江大学研究生。研究方向:知识图谱,图表示学习等。论文链接:https://arxiv.org/pdf/2001.06137.pdf本文是发表在ICLR2020上针对图数据做节点半监督分类任务的论文。现有的算法解决图上节点分类问…

WMRouter:美团外卖Android开源路由框架

WMRouter是一款Android路由框架,基于组件化的设计思路,功能灵活,使用也比较简单。 WMRouter最初用于解决美团外卖C端App在业务演进过程中的实际问题,之后逐步推广到了美团其他App,因此我们决定将其开源,希望…

Android官方开发文档Training系列课程中文版:管理系统UI之变暗系统条

原文地址:http://android.xsoftlab.net/training/system-ui/index.html 引言 系统条(System Bars)是屏幕上的一块显示区域,专门用来显示通知,设备的通讯状态以及设备的导向。典型的System Bars与APP同时显示在屏幕上。APP展示了具体的内容&…

实话实说:中文自然语言处理的N个真实情况

文 | Liu Huanyong按语中文自然语言处理,目前在AI泡沫之下,真假难辨,实战技术与PPT技术往往存在着很大的差异。目前关于AI或者自然语言处理,做的人与讲的人往往是两回事。作者简介Liu Huanyong,就职于中国科学院软件研…

Android官方开发文档Training系列课程中文版:管理系统UI之隐藏状态条

原文地址:http://android.xsoftlab.net/training/system-ui/status.html 这节课将会介绍如何隐藏不同的版本的状态条。隐藏状态条可以使内容展示区域更大,因此可以提供一种更强的身临其境的用户体验。 含有状态条的APP: 隐藏状态条的APP&am…

python实现大批量pdf格式论文的重命名与目录制作功能

Python实现批量PDF文件统计处理:https://www.jianshu.com/p/1ec8f4314611 第一步:批量读取pdf文件 # -*- coding: utf-8 -*- """ Created on Sat Jun 8 15:30:22 2019 author: Administrator """import os from io impo…

论文浅尝 - ACL2020 | 用于回答知识库中的多跳复杂问题的查询图生成方法

论文笔记整理:谭亦鸣,东南大学博士。来源:ACL 2020链接:https://www.aclweb.org/anthology/2020.acl-main.91.pdf1.介绍在以往的工作中,知识图谱复杂问答一般被分为两种类型分别处理:其一是带有约束的问题&…

深入理解JSCore

背景 动态化作为移动客户端技术的一个重要分支,一直是业界积极探索的方向。目前业界流行的动态化方案,如Facebook的React Native,阿里巴巴的Weex都采用了前端系的DSL方案,而它们在iOS系统上能够顺利的运行,都离不开一个…

Android官方开发文档Training系列课程中文版:手势处理之监测通用手势

原文地址:http://android.xsoftlab.net/training/gestures/index.html 引言 这节课将会学习如何让用户通过触摸手势与APP产生交互。Android提供了许多相关API来帮助你创建、检测手势。 尽管APP不应该将触摸手势作为基本的输入特性,但是触摸手势可以使…

全球44家机构,55位大佬,历时两年,打造最强NLG评测基准!

文 | 小轶(大家好,我是已经鸽了夕总仨月没写文章了的小轶(y)!新的一年一定改过自新,多读paper多写稿,望广大读者敦促(ง •̀_•́)ง)今天要和大家分享的是卖萌屋学术站上的本月最热…

LeetCode 171. Excel表列序号(26进制转10进制)

1. 题目 给定一个Excel表格中的列名称,返回其相应的列序号。 例如,A -> 1B -> 2C -> 3...Z -> 26AA -> 27AB -> 28 输入: "A" 输出: 1输入: "AB" 输出: 28输入: "ZY" 输出: 701来源:力扣&…

用户评论标签的抽取

原文链接:https://blog.csdn.net/shijing_0214/article/details/71036808 无意中在知乎中看到一个问题:淘宝的评论归纳是如何做到的? 了解之后觉得较为容易实现,就简单实现了一个对用户评论的标签抽取功能,纯属兴趣所致…

开源开放|数据地平线通过OpenKG开放全行业因果事理、大规模实时事理等7类常识知识库...

本期介绍开放中文简称、中文同义、中文抽象、全行业因果事理、实体概念描述、实时事理知识库、军事武器装备知识等七个事理相关知识图谱。截至目前,该七个数据集规模达数千万、累计下载次数达两千余次,可用于底层事理推理、查询扩展、数据增强等多个自然…