Android实现绕球心旋转的引导页效果

 更新时间:2016年11月07日 14:24:46   作者:VipOthershe  
本篇文章主要介绍了Android实现绕球心旋转的引导页效果,想要实现此效果的同学可以参考一下本文。

现在很多APP都会出现Android实现绕球心旋转的引导页效果,一个类似小车一直在往前开的旋转式动画效果。

先看一下预览效果:

嗯,整体效果还算理想,基本实现了页面绕屏幕底部中心旋转。

这里我们用到了Android系统的一个组件ViewFlipper,该控件的主要作用是为其中的View切换提供动画效果,主要的方法如下:

  • setInAnimation:设置View进入屏幕时的动画。
  • setOutAnimation:设置View退出屏幕时的动画。
  • showNext:调用该方法可以显示下一个View。
  • showPrevious:调用该方法可以来显示上一个View。
  • setFilpInterval:设置View切换的时间间隔。参数为毫秒。
  • startFlipping:开始进行View的切换。
  • stopFlipping:停止View切换。
  • setAutoStart:设置是否自动开始。如果设置为“true”,当ViewFlipper显示的时候View的切换会自动开始。

首先看一下布局代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#440000ff">

  <ImageView
    android:layout_width="match_parent"
    android:layout_height="230dp"
    android:layout_alignParentBottom="true"
    android:background="@mipmap/guide_bg" />

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ViewFlipper
      android:id="@+id/vf"
      android:layout_width="match_parent"
      android:layout_height="match_parent">

      <fragment
        class="com.example.dell.guide.GuideOneFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

      <fragment
        class="com.example.dell.guide.GuideTwoFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

      <fragment
        class="com.example.dell.guide.GuideThreeFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    </ViewFlipper>
  </RelativeLayout>
</RelativeLayout>

主要就是一张在页面底部的白色半球图片,以及ViewFlipper内部的三个View,当然可以不用fragment,使用一般的Layout也行。

接下来就是对应的Activity:

public class MainActivity extends AppCompatActivity {
  //处理手势监听
  private GestureDetector detector;

  private ViewFlipper flipper;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    flipper = (ViewFlipper) findViewById(R.id.vf);

    detector = new GestureDetector(this, new GestureDetector.SimpleOnGestureListener() {
      @Override
      public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        if (e1.getX() - e2.getX() > 120.0F) { //从右向左滑动
          flipper.setInAnimation(MainActivity.this, R.anim.tip_left_in);
          flipper.setOutAnimation(MainActivity.this, R.anim.tip_left_out);
          if (flipper.getDisplayedChild() < 2) {
            flipper.showNext();
          }
        } else if (e1.getX() - e2.getX() < -120.0F) { //从左向右滑动
          flipper.setInAnimation(MainActivity.this, R.anim.tip_right_in);
          flipper.setOutAnimation(MainActivity.this, R.anim.tip_right_out);
          if (flipper.getDisplayedChild() > 0) {
            flipper.showPrevious();
          }
        }
        return false;
      }
    });
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    if (detector != null) {
      return detector.onTouchEvent(event);
    }
    return super.onTouchEvent(event);
  }
}

因为要实现手势滑动来切换页面,所以要创建一个GestureDetector对象:

detector = new GestureDetector(this, new GestureDetector.SimpleOnGestureListener() {
      @Override
      public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        //省略......
        return false;
      }
    });

由于我们只关心,手指的左右滑动,所以重写SimpleOnGestureListener的onFling()即可,然后在onTouchEvent()进行手势监听的绑定。到此我们的Activity就可以相应滑动的手势了。

在onFling()方法中,当从右向左滑动时,通过setInAnimation()、setOutAnimation()设置flipper中view从右侧进入的动画和从左侧退出的动画,然后调用showNext()方法开始切换到下一页,这样就可以看到对应的动画效果。从左向右滑动时情况类似,同样需要设置view进入和退出的动画,然后通过showPrevious()方法切换到上一页。

具体的动画文件可以参考源代码,这里就不贴了。源码下载

到此整个实现流程就介绍完了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android实现日历控件示例代码

    Android实现日历控件示例代码

    本篇文章主要介绍了Android实现日历控件示例代码,实例讲解了Android日期与时间相关控件的相关使用技巧,具有一定参考价值,需要的朋友可以参考下
    2017-03-03
  • Android TextView的TextWatcher使用案例详解

    Android TextView的TextWatcher使用案例详解

    这篇文章主要介绍了Android TextView的TextWatcher使用案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • 基于Android FileProvider 属性配置详解及FileProvider多节点问题

    基于Android FileProvider 属性配置详解及FileProvider多节点问题

    这篇文章主要介绍了基于Android FileProvider 属性配置详解及FileProvider多节点问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • Android Camera开发手电筒功能

    Android Camera开发手电筒功能

    这篇文章主要介绍了Android Camera开发手电筒功能的相关资料,需要的朋友可以参考下
    2016-07-07
  • Android自定义环形LoadingView效果

    Android自定义环形LoadingView效果

    这篇文章主要为大家详细介绍了Android自定义环形LoadingView效果的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 基于Android RxCache使用方法详解

    基于Android RxCache使用方法详解

    下面小编就为大家分享一篇基于Android RxCache使用方法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Android权限如何禁止以及友好提示用户开通必要权限详解

    Android权限如何禁止以及友好提示用户开通必要权限详解

    这篇文章主要给大家介绍了关于Android权限如何禁止以及友好提示用户开通必要权限的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • Android开发实现长按返回键弹出关机框功能

    Android开发实现长按返回键弹出关机框功能

    这篇文章主要介绍了Android开发实现长按返回键弹出关机框功能,涉及Android针对长按事件的响应与处理相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • Android自定义相机、预览区域裁剪

    Android自定义相机、预览区域裁剪

    这篇文章主要为大家详细介绍了Android自定义相机、预览区域裁剪,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android实现倒计时结束后跳转页面功能

    Android实现倒计时结束后跳转页面功能

    最近在工作中遇到一个需求,需要在倒计时一段时间后进行跳转页面,通过查找相关资料发现其中涉及的知识还不少,所以分享出来,下面这篇文章主要给大家介绍了关于Android实现倒计时结束后跳转页面功能的相关资料,需要的朋友可以参考下。
    2017-11-11

最新评论