安卓之ViewFlipper实现渐变视差导航页

2024-09-03 02:18
文章标签 实现 安卓 渐变 视差 导航页 viewflipper

本文主要是介绍安卓之ViewFlipper实现渐变视差导航页，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

以前的导航页总是使用viewPager配套fragment来实现的，某天一个妹子说其实导航页也可以使用ViewFilpper 来实现，哈哈确实不错，前段时间就用ViewFilpper 实现了京东快报,然后呢那时候对ViewFilpper 也随便了解了下，不过那个直接是xml实现的，这里不表了，接着看今天实现的渐变视差导航页。

ViewFilpper

ViewFilpper 是Android官方提供的一个View容器类，继承于ViewAnimator类，用于实现页面切换，也可以设定时间间隔，让它自动播放。 又ViewAnimator继承至于FrameLayout的，所以ViewFilpper的Layout里面可以放置多个View viewFlipper的学习使用 viewFlipper的学习使用，可做引导页。

实现思路

  • Activity实现android.view.GestureDetector.OnGestureListener 监听接口，并声明gestureDetector = new GestureDetector(this); 用于监听手势事件
  • 在Activity的成员函数onTouchEvent(MotionEvent event)中，注册GestureDetector.OnGestureListener手势监听事件接口
  • 在GestureDetector.OnGestureListener回调函数onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) 中，实现滑屏动画

效果

这里写图片描述

看图确实有点卡，截屏的确实没有办法。

代码讲解

懒得多扯淡看代码：

###activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><ViewFlipper
        android:id="@+id/viewflipper"android:layout_width="fill_parent"android:layout_height="fill_parent" /><LinearLayout
        android:id="@+id/dot_layout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:layout_marginBottom="30dp"android:orientation="horizontal" />
</RelativeLayout>

布局是不是非常的简单，我去实现功能也是比较简单 

##MainActivity.java
package com.losileeya.flipguidemaster;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.ViewGroup.LayoutParams;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ViewFlipper;public class MainActivity extends AppCompatActivity implementsandroid.view.GestureDetector.OnGestureListener {private int[] imgs = { R.drawable.hpw1, R.drawable.hpw2, R.drawable.hpw3,R.drawable.hpw4, R.drawable.hpw5 };private GestureDetector gestureDetector = null;private ViewFlipper viewFlipper = null;private LinearLayout dot_layout;private Activity mActivity = null;private ImageView[] images;private int index = 0;private boolean isrunning = false;private Handler handler = new Handler(){public void handleMessage(android.os.Message msg) {showNext();//延时，循环调用handlerif(isrunning){handler.sendEmptyMessageDelayed(0, 3000);}}};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);mActivity = this;init();viewFlipper.setAutoStart(true); // 设置自动播放功能（点击事件，前自动播放）viewFlipper.setFlipInterval(3000);//3秒钟自动滑动下// 滚动时，自动切换白点if (viewFlipper.isAutoStart() && !viewFlipper.isFlipping()) {viewFlipper.startFlipping();isrunning=true;handler.sendEmptyMessageDelayed(0,3000);}}/*** 初始化*/private void init() {viewFlipper = (ViewFlipper) findViewById(R.id.viewflipper);dot_layout = (LinearLayout) findViewById(R.id.dot_layout);//初始化白点initDot(0);gestureDetector = new GestureDetector(this); // 声明检测手势事件for (int i = 0; i < imgs.length; i++) { // 添加图片源//把图片加入到FlipperView里面ImageView iv = new ImageView(this);iv.setImageResource(imgs[i]);iv.setScaleType(ImageView.ScaleType.FIT_XY);viewFlipper.addView(iv, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));}}private void initDot(int select) {images = new ImageView[imgs.length];//设置小白点数目为图片的数目dot_layout.removeAllViews();//先清空里面的所有白点for (int i = 0; i < imgs.length; i++) {ImageView localImageView = new ImageView(this);LinearLayout.LayoutParams localLayoutParams = new LinearLayout.LayoutParams(-2, -2);localLayoutParams.leftMargin = 30;//设置白点间的边距localImageView.setLayoutParams(localLayoutParams);localImageView.setImageResource(R.drawable.dot_bg);//根据是否选中来确定显示图片if (i == select)localImageView.setEnabled(true);elselocalImageView.setEnabled(false);images[i] = localImageView;dot_layout.addView(localImageView);//把所有白点添加到父布局里面}}@Overridepublic boolean onTouchEvent(MotionEvent event) {
//        viewFlipper.stopFlipping(); // 点击事件后，停止自动播放
//        viewFlipper.setAutoStart(false);// isrunning=false;return gestureDetector.onTouchEvent(event); // 注册手势事件}/*** 滑动手势事件，例如scroll事件后突然up，fling的速度大小由e每秒x和y改变大小决定* 实现滑屏动画* @param e1* @param e2* @param velocityX* @param velocityY* @return*/@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {if (e2.getX() - e1.getX() > 120) { // 从左向右滑动（左进右出）showPrevious();return true;} else if (e2.getX() - e1.getX() < -120) { // 从右向左滑动（右进左出）showNext();return true;}return true;}/*** down事件发生而move或则up还没发生前触发该事件，* 此事件一般用于通知用户press按击事件已发生* @param e*/public void onShowPress(MotionEvent e) {}/*** 一次点击up事件，表示按下后的抬起事件* @param e* @return*/public boolean onSingleTapUp(MotionEvent e) {return false;}/**** 在屏幕上拖动事件，即down按下点——scroll拖动——up抬起点的move移动事件 本示例的滑动屏幕动画，* 仅用到了上面的GestureDetector.OnGestureListener及其onFling事件* @param e1* @param e2* @param distanceX* @param distanceY* @return*/@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {return false;}/*** 长按事件，down事件后up事件前的一段时间间隔后（由系统分配，也可自定义），* 如果仍然按住屏幕则视为长按事件* @param e*/@Overridepublic void onLongPress(MotionEvent e) {}/*** down事件，表示按下事件* @param e* @return*/@Overridepublic boolean onDown(MotionEvent e) {return false;}/*** 下一个页面*/private void showNext() {Animation lInAnim = AnimationUtils.loadAnimation(mActivity,R.anim.push_left_in); // 向左滑动左侧进入的渐变效果（alpha 0.1 -> 1.0）Animation lOutAnim = AnimationUtils.loadAnimation(mActivity,R.anim.push_left_out); // 向左滑动右侧滑出的渐变效果（alpha 1.0 -> 0.1）viewFlipper.setInAnimation(lInAnim);viewFlipper.setOutAnimation(lOutAnim);viewFlipper.showNext();if (index < imgs.length - 1) {index++;} else {index = 0;}initDot(index);}/*** 上一个页面*/private void showPrevious() {Animation rInAnim = AnimationUtils.loadAnimation(mActivity,R.anim.push_right_in); // 向右滑动左侧进入的渐变效果（alpha 0.1 -> 1.0）Animation rOutAnim = AnimationUtils.loadAnimation(mActivity,R.anim.push_right_out); // 向右滑动右侧滑出的渐变效果（alpha 1.0 -> 0.1）viewFlipper.setInAnimation(rInAnim);viewFlipper.setOutAnimation(rOutAnim);viewFlipper.showPrevious();if (index >= 1) {index--;} else {index = imgs.length - 1;}initDot(index);}
}

1、 setAutoStart(true)，设置是否自动播放功能，true为自动播放，false为不自动播放，开启自动播放设为true
2、 setFlipInterval(int milliseconds)，设置View播放的时间间隔，如3000（3秒）
3、 startFlipping()，开始自动播放 停止自动播放View，

设置成员函数如下：
1、 stopFlipping()，停止自动播放
2、 setAutoStart(false)，停止自动播放，设为false

从代码 可以看出：就是把图片加入到ViewFlipper，然后呢设置手势的监听，通过onFling方法来处理ViewFlipper里面的图片切换，并且利用showPrevious()和showNext()来切换场景，然后通过index来标记滑到的页数，并且通过index来显示白色点的高亮和灰色。渐变的效果其实就是切入切出动画透明度的变化，通过handle来处理index的自动改变实现自动切换。

总结

ViewFilpper 的使用就到这里了,主要也是ViewFilpper加了动画并且能够自动滚动，然后如果不加手势监听的话就无法监听onFling（）方法，从而无法使用手指来控制，或许里面存在问题，请大家指出来好了，写这个的目的也就是为了更加了解ViewFilpper，觉得还行的点个赞，帮忙顶一下，也是很久没有写博客了思路有点乱。

demo 传送门：FlipGuideMaster.rar

这篇关于安卓之ViewFlipper实现渐变视差导航页的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1131736。

相关文章

关于集合与数组转换实现方法

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》：本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方
阅读更多...
使用Python实现可恢复式多线程下载器

使用Python实现可恢复式多线程下载器

《使用Python实现可恢复式多线程下载器》在数字时代,大文件下载已成为日常操作,本文将手把手教你用Python打造专业级下载器,实现断点续传,多线程加速,速度限制等功能,感兴趣的小伙伴可以了解下... 目录一、智能续传：从崩溃边缘抢救进度二、多线程加速：榨干网络带宽三、速度控制：做网络的好邻居四、终端交互
阅读更多...
java实现docker镜像上传到harbor仓库的方式

java实现docker镜像上传到harbor仓库的方式

《java实现docker镜像上传到harbor仓库的方式》：本文主要介绍java实现docker镜像上传到harbor仓库的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录1. 前 言2. 编写工具类2.1 引入依赖包2.2 使用当前服务器的docker环境推送镜像2.2
阅读更多...
C++20管道运算符的实现示例

C++20管道运算符的实现示例

《C++20管道运算符的实现示例》本文简要介绍C++20管道运算符的使用与实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录标准库的管道运算符使用自己实现类似的管道运算符我们不打算介绍太多，因为它实际属于c++20最为重要的
阅读更多...
Java easyExcel实现导入多sheet的Excel

Java easyExcel实现导入多sheet的Excel

《JavaeasyExcel实现导入多sheet的Excel》这篇文章主要为大家详细介绍了如何使用JavaeasyExcel实现导入多sheet的Excel,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录1.官网2.Excel样式3.代码1.官网easyExcel官网2.Excel样式3.代码
阅读更多...
python实现对数据公钥加密与私钥解密

python实现对数据公钥加密与私钥解密

《python实现对数据公钥加密与私钥解密》这篇文章主要为大家详细介绍了如何使用python实现对数据公钥加密与私钥解密,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录公钥私钥的生成使用公钥加密使用私钥解密公钥私钥的生成这一部分，使用python生成公钥与私钥，然后保存在两个文
阅读更多...
浏览器插件cursor实现自动注册、续杯的详细过程

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机
阅读更多...
Golang如何对cron进行二次封装实现指定时间执行定时任务

Golang如何对cron进行二次封装实现指定时间执行定时任务

《Golang如何对cron进行二次封装实现指定时间执行定时任务》：本文主要介绍Golang如何对cron进行二次封装实现指定时间执行定时任务问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录背景cron库下载代码示例【1】结构体定义【2】定时任务开启【3】使用示例【4】控制台输出总结背景
阅读更多...
Golang如何用gorm实现分页的功能

Golang如何用gorm实现分页的功能

《Golang如何用gorm实现分页的功能》：本文主要介绍Golang如何用gorm实现分页的功能方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景go库下载初始化数据【1】建表【2】插入数据【3】查看数据4、代码示例【1】gorm结构体定义【2】分页结构体
阅读更多...
在Golang中实现定时任务的几种高效方法

在Golang中实现定时任务的几种高效方法

《在Golang中实现定时任务的几种高效方法》本文将详细介绍在Golang中实现定时任务的几种高效方法,包括time包中的Ticker和Timer、第三方库cron的使用,以及基于channel和go... 目录背景介绍目的和范围预期读者文档结构概述术语表核心概念与联系故事引入核心概念解释核心概念之间的关系
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2