Android应用开发-------------仿苹果右滑退出页面效果

本文主要是介绍Android应用开发-------------仿苹果右滑退出页面效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

博客为 有时个哥 原创,如需转载请标明出处:http://blog.csdn.net/ls703/article/details/41312921

前一段时间一个朋友说他们做应用,跟着苹果的效果做,苹果上有一个右滑退出页面的效果,滑到一般不想退出可以滑回来的那种。他说他和自己的项目经理写了一个,效果都不理想,我忙完自己的工作,有时间自己写了写,效果还算可以。一般这种页面是需要自定义的。如果在一个activity里面实现这种效果,是不算难的。但是我们不可能把所有的页面都放在一个activity里面,所以我就单独写了一个有这个效果的activity,假如我们想要用这种效果的,我们只要继承这个activity即可,这个activity除了有右滑功能,其他的和正常的activity使用一样。所以不会影响正常开发。下面就开始说一下具体思路。由于自己按自己的想法写的,所以有不足之处还请大家指教。

首先,要实现这个效果需要自定义页面,所以,我们首先先自定义一个布局页面,先晒代码:

package com.example.slidingactivity.ui.weiget;import com.example.slidingactivity.R;import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
import android.widget.RelativeLayout;
import android.widget.Scroller;public class BaseRelativeLayout extends RelativeLayout {private Activity activity;int currentScreen  = LEFT_SCREEN;private static final int LEFT_SCREEN = 0;private static final int RIGHT_SCREEN = 1;private Scroller mScroller;		// 专门用模拟数据.public BaseRelativeLayout(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, R.style.Transparent);}public BaseRelativeLayout(Context context, AttributeSet attrs) {super(context, attrs);}public BaseRelativeLayout(Context context) {super(context);this.activity = (Activity)context;mScroller = new Scroller(context);//获得触发滑动事件的最短距离scaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();}int oldX;@Overridepublic boolean onTouchEvent(MotionEvent event) {
//		System.out.println("width:"+	getWidth()+"height:"+getHeight());switch (event.getAction()) {case MotionEvent.ACTION_DOWN:oldX = (int)event.getX();break;case MotionEvent.ACTION_UP:if(getScrollX()<0&&getScrollX()>-getMeasuredWidth()/2){currentScreen = LEFT_SCREEN;}if(getScrollX()<=-getMeasuredWidth()/2&&getScrollX()>=-getMeasuredWidth()){currentScreen = RIGHT_SCREEN;}scrollScreen();break;case MotionEvent.ACTION_MOVE://移动后的坐标int moveX = (int)event.getX();//偏移量int deltaX  = (oldX-moveX);//滑动距离加上偏移量int newScrollX = getScrollX() + deltaX;// 获得当前屏幕x轴的偏移量if(newScrollX>0){scrollTo(0, 0);}else if(newScrollX<=-getMeasuredWidth()){scrollTo(-getMeasuredWidth(), 0);activity.finish();}else{scrollBy(deltaX, 0);}oldX = moveX;break;default:break;}return true;}/*** 根据currentScreen变量来切换屏幕的显示*/private void scrollScreen() {int scrollX = getScrollX();int dx = 0;if(currentScreen == LEFT_SCREEN) {// 向左滑动dx = 0 - scrollX;} else if(currentScreen == RIGHT_SCREEN) {// 向右滑动dx = -getChildAt(0).getMeasuredWidth() - scrollX;}// 开始模拟数据了.mScroller.startScroll(scrollX, 0, dx, 0, Math.abs(dx) * 2);// 刷新当前控件, 会引起当前控件的重绘.invalidate(); // -> drawChild -> child.draw -> computeScroll()}/*** 更新当前屏幕的x轴的值* 如果mScroller类一直正在模拟数据. 想让computeScroll方法一直被调用, mScroller停止模拟时停止调用此方法*/@Overridepublic void computeScroll() {if(mScroller.computeScrollOffset()) { // true 代表当前正在模拟数据. false 已经停止模拟数据了scrollTo(mScroller.getCurrX(), 0);invalidate();	// 递归, 自己掉自己.if(getScrollX()<=-getMeasuredWidth()){activity.finish();}}}/*** 在此拦截事件,左右滑动自身消费点事件*/private int scaledTouchSlop;@Overridepublic boolean onInterceptTouchEvent(MotionEvent ev) {switch (ev.getAction()) {case MotionEvent.ACTION_DOWN:oldX =  (int)ev.getX();break;case MotionEvent.ACTION_MOVE:int moveX = (int) ev.getX();int diff = Math.abs(moveX - oldX);if(diff > scaledTouchSlop) {return true;}break;default:break;}return super.onInterceptTouchEvent(ev);}
}

既然要实现滑动,那么就需要重新写ontouch方法,利用触屏监听的不同效果,先实现页面能移动。然后根据位移量来实现移动布局。上面代码光剑地方也已做了注释,上面就是自定义的一个可滑动的自定义布局。实现自定义布局后,那然后我们就开始想怎样让他添加在一个activity钟,而不影响activity的正常使用。我们要的效果就是让他和平常的activity用法一样。直接继承使用即可。所以我写了一个基类BaseActivity一下是他的代码。

package com.example.slidingactivity.base;import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.RelativeLayout.LayoutParams;
import android.widget.TextView;import com.example.slidingactivity.R;
import com.example.slidingactivity.ui.weiget.BaseRelativeLayout;public class BaseActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// setTheme(R.style.Transparent);}public void setContentView(View view) {super.setContentView(getBaseView(view));// setTheme(R.style.Transparent);}public void setContentView(int layoutResId) {// setTheme(R.style.Transparent);View view = View.inflate(this, layoutResId, null);TextView tv = new TextView(this);tv.setText("nihao");super.setContentView(getBaseView(view));}private RelativeLayout getBaseView(View view) {BaseRelativeLayout baseView = new BaseRelativeLayout(this);view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));baseView.addView(view);return baseView;}
}


这就是整个类的代码,看着代码不多。既然要做到和普通的activity一样,那么布局就是使用这给的,所以我这里选择,BaseActivity没有自己静态布局的布局,使用代码动态添加使用继承者提供的布局。

为了和普通的activity一样,所以这里我重写了setContentView方法,这样方法是我们熟悉的名字,就直接使用即可,通过重写这个方法,来得到子类传入的布局,得到子类传入的布局,我们下一步就是让子类的布局和我们自定义的滑动布局结合。其实思路是这样的,把子类布局嵌入自定义的华东布局中。而滑动布局就是BaseActivity的布局。

这样大体的完成了一大半了。没错就是这么简单。还有一个比较重要的一步。那就是给Activity设置透明风格。因为是不同的Activity,在滑动的页面的时候我们需要看到下面的Activity,所以要把Activity设置成透明的。这里我也遇到一个问题。我没有找到在代码里把整个Activity设置成透明的办法。网上一些资料总是在工程里实现不了那种效果。所以我是在xml设置style,在清单文件里给Activity设置成透明的风格。

    <style name="Transparent"  parent="AppTheme"><item name="android:windowContentOverlay">@null</item><item name="android:windowBackground">@color/transparent</item><item name="android:windowIsTranslucent">true</item><item name="android:windowAnimationStyle">@+android:style/Animation.Translucent</item></style>


在清单文件里,  

 <activity android:name="com.example.slidingactivity.ContentActivity"android:theme="@style/Transparent"></activity>

如果想整个应用使用这种效果,那可以吧整个应用设置成透明的风格。

这样就万事大吉了。让后我们写几个子类,继承BaseActivity,

package com.example.slidingactivity;import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;import com.example.slidingactivity.base.BaseActivity;public class ContentActivity extends BaseActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_content);Button content = (Button)findViewById(R.id.content);content.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {
//    Toast.makeText(ContentActivity.this, "点击了", 0).show();Intent intent = new Intent(ContentActivity.this,ContentActivity1.class);startActivity(intent);}});}}
}


MainActivity的代码

public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Button tvClick = (Button) findViewById(R.id.tvClick);tvClick.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {Intent intent = new Intent(MainActivity.this,ContentActivity.class);startActivity(intent);}});}}


下面是源码:

http://download.csdn.net/detail/ls703/8179981

大家有什么好的方法,或实现效果,可以一块交流。

在最后,我也在这里求大家指教,BaseActivity中把Activity变成透明的方法,也就是滑动的时候能看见下面的Activity。是求在代码中实现。如果在代码中能实现那种效果,那样就不用麻烦在清单文件里配置了。使用起来就会更加方便。

 

题外话:写完之后听朋友说,有这方面的架包,大家也可以去下载,在githup上面。具体地址我忘了,嘿嘿,大家可以自己找找。

 

这篇关于Android应用开发-------------仿苹果右滑退出页面效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/ls703/article/details/41312921
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/330589

相关文章

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使