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

IOS开发向右滑动返回前一个页面功能(demo)

本文给大家介绍使用android实现向右滑动返回一个页面的功能,大家都知道在ios7中,苹果的原生态应用几乎都能够通过向右滑动来返回到前一个页面,这样可以避免用户在单手操作时用大拇指去点击那个遥远的返回键,下面小编就给带来了实现代码,有需要的朋友可以参考下

在ios7中,苹果的原生态应用几乎都能够通过向右滑动来返回到前一个页面,这样可以避免用户在单手操作时用大拇指去点击那个遥远的返回键(iphone5的这种返回被吐糟为反人类设计)。然而现在android的手机市场上几乎很难找到小于4寸屏的手机了,几乎所有的应用都是通过点击左上角的返回来退到上一个页面,如果单手拿一个大屏手机,我是觉得会发疯。为此花了点时间写了个向右滑动返回的demo。

效果如下图:

此图为点击第一个Activity跳转到第二个Activity后,向右滑动再返回到第一个Activity。

一、设计思路

1,让一个activity中的根布局实现onTouchListener接口,当手指在屏幕上向右滑动时,我们记下ACTION_DOWN的X轴的位置,在手指滑动时(即ACTION_MOVE),获取滑动时的X轴的位置,当滑动的位置大于某个临界值且在这个方向上的速度大于某个临界值时,我们就认为用户滑动手指的意图是返回上一个页面。

2,按照这种思路下来,我们做出来的向右滑动可以实现这个功能,但是会感觉很生硬,没有任何的过度就返回到上一个页面了,为此,在这里为activity加上了启动和结束的过度动画。这就是实现的思路,非常简单,下面看代码吧。

二、主要的代码

这个demo中,我写了三个activity,activity1可以跳转到activity2,activity2可以跳转到activity3,activity3可以滑动返回到activity2,activity2可以滑动返回到activity1。主要的逻辑代码都放在了Activity2中,代码如下:

package org.sunday.slidingreturn; 
import com.example.slidingreturn.R; 
import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.view.MotionEvent; 
import android.view.VelocityTracker; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.View.OnTouchListener; 
import android.widget.Button; 
import android.widget.LinearLayout; 
/** 
* 
* @author sunday 
* 2014-1-4 
* zhengchao1937@163.com 
*/ 
public class SecondActivity extends Activity implements OnTouchListener { 
//手指向右滑动时的最小速度 
private static final int XSPEED_MIN = 200; 
//手指向右滑动时的最小距离 
private static final int XDISTANCE_MIN = 150; 
//记录手指按下时的横坐标。 
private float xDown; 
//记录手指移动时的横坐标。 
private float xMove; 
//用于计算手指滑动的速度。 
private VelocityTracker mVelocityTracker; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_second); 
Button btn = (Button) findViewById(R.id.btn_second); 
btn.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
startActivity(new Intent(SecondActivity.this, ThirdActivity.class)); 
//设置切换动画,从右边进入,左边退出 
overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left); 
} 
}); 
LinearLayout ll = (LinearLayout) findViewById(R.id.ll_second); 
ll.setOnTouchListener(this); 
} 
// 转载请说明出处:http://blog.csdn.net/ff20081528/article/details/17845753 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
createVelocityTracker(event); 
switch (event.getAction()) { 
case MotionEvent.ACTION_DOWN: 
xDown = event.getRawX(); 
break; 
case MotionEvent.ACTION_MOVE: 
xMove = event.getRawX(); 
//活动的距离 
int distanceX = (int) (xMove - xDown); 
//获取顺时速度 
int xSpeed = getScrollVelocity(); 
//当滑动的距离大于我们设定的最小距离且滑动的瞬间速度大于我们设定的速度时,返回到上一个activity 
if(distanceX > XDISTANCE_MIN && xSpeed > XSPEED_MIN) { 
finish(); 
} 
break; 
case MotionEvent.ACTION_UP: 
recycleVelocityTracker(); 
break; 
default: 
break; 
} 
return true; 
} 
/** 
* 创建VelocityTracker对象,并将触摸content界面的滑动事件加入到VelocityTracker当中。 
* 
* @param event 
* 
*/ 
private void createVelocityTracker(MotionEvent event) { 
if (mVelocityTracker == null) { 
mVelocityTracker = VelocityTracker.obtain(); 
} 
mVelocityTracker.addMovement(event); 
} 
/** 
* 回收VelocityTracker对象。 
*/ 
private void recycleVelocityTracker() { 
mVelocityTracker.recycle(); 
mVelocityTracker = null; 
} 
/** 
* 获取手指在content界面滑动的速度。 
* 
* @return 滑动速度,以每秒钟移动了多少像素值为单位。 
*/ 
private int getScrollVelocity() { 
mVelocityTracker.computeCurrentVelocity(1000); 
int velocity = (int) mVelocityTracker.getXVelocity(); 
return Math.abs(velocity); 
} 
} 

注释我写的很清楚了,大家可以直接下载demo来看很简单,这个demo中的滑动返回的实现和Activity的耦合性很高,今天主要就说下实现思路好过程,过几天会把这个抽象出来成为一个组件使用。


推荐阅读
  • 本文将带您了解Cocos家族的不同版本和分支,特别是Cocos Creator的发展历程及其核心特性,帮助初学者快速入门。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
  • 本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ... [详细]
  • 本文介绍如何使用 NSTimer 实现倒计时功能,详细讲解了初始化方法、参数配置以及具体实现步骤。通过示例代码展示如何创建和管理定时器,确保在指定时间间隔内执行特定任务。 ... [详细]
  • 本文介绍了在Windows环境下使用pydoc工具的方法,并详细解释了如何通过命令行和浏览器查看Python内置函数的文档。此外,还提供了关于raw_input和open函数的具体用法和功能说明。 ... [详细]
  • 探索12个能显著提升iPhone使用体验的隐藏技巧,掌握这些功能后,你会发现生活更加便捷高效。 ... [详细]
  • 本文探讨了在UC浏览器中调用分享面板后,图片无法正常显示的问题,并提供了详细的解决方法和代码示例。 ... [详细]
  • FinOps 与 Serverless 的结合:破解云成本难题
    本文探讨了如何通过 FinOps 实践优化 Serverless 应用的成本管理,提出了首个 Serverless 函数总成本估计模型,并分享了多种有效的成本优化策略。 ... [详细]
  • 非授权维修导致iPhone 8屏幕失灵:苹果新固件策略解析
    设备制造商通常希望用户通过官方或授权服务中心进行维修,以确保质量并保障收入。然而,对于消费者而言,价格更低、服务更便捷的非授权维修商更具吸引力。本文将探讨使用非授权服务商更换iPhone 8屏幕可能带来的问题及其背后的技术原因。 ... [详细]
  • Netflix利用Druid实现高效实时数据分析
    本文探讨了全球领先的在线娱乐公司Netflix如何通过采用Apache Druid,实现了高效的数据采集、处理和实时分析,从而显著提升了用户体验和业务决策的准确性。文章详细介绍了Netflix在系统架构、数据摄取、管理和查询方面的实践,并展示了Druid在大规模数据处理中的卓越性能。 ... [详细]
  • Ulysses Mac v29:革新文本编辑与写作体验
    探索Ulysses Mac v29,这款先进的纯文本编辑器为Mac用户带来了全新的写作和编辑环境。它不仅具备简洁直观的界面,还融合了Markdown等标记语言的最佳特性,支持多种格式导出,并提供强大的组织和同步功能。 ... [详细]
  • 本文介绍了如何在Xcode中通过自定义文件模板来添加个性化的注释,以提高代码的可读性和维护性。具体步骤包括打开Xcode的应用包,定位到文件模板目录,并对相关文件进行编辑。 ... [详细]
author-avatar
leee
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有