iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android实现ViewFlipper图片动画滑动
  • 229
分享到

Android实现ViewFlipper图片动画滑动

2024-04-02 19:04:59 229人浏览 安东尼
摘要

今天给大家实现的功能是类似于ViewFlipper的图片滑动的效果,供大家参考,具体内容如下 现在就直接上代码吧! 代码实例: 1、xml布局文件 <?xml version=

今天给大家实现的功能是类似于ViewFlipper的图片滑动的效果,供大家参考,具体内容如下

现在就直接上代码吧!

代码实例:

1、xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:Android="Http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.zking.laci.android20_shou.MainActivity">
    <ViewFlipper
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/vf_main_image"
        ></ViewFlipper>
</LinearLayout>

2、activity类

package com.zking.laci.android20_shou;
 
import android.support.v4.view.GestureDetectorCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;
 
public class MainActivity extends AppCompatActivity{
 
    private ViewFlipper vf_main_image;
    private int images[]={R.drawable.s10,R.drawable.s1,R.drawable.s7};
    private GestureDetector ges;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //得到控件
        vf_main_image = (ViewFlipper) findViewById(R.id.vf_main_image);
        for (int i = 0; i < images.length; i++) {
            ImageView iv=new ImageView(this);
            iv.setImageResource(images[i]);
            //将图片防区ViewFlipper中
            vf_main_image.addView(iv);
        }
 
        //实例化一个手势检测器的类
        ges = new GestureDetector(this, new GestureDetector.OnGestureListener() {
            @Override
            
            public boolean onDown(MotionEvent e) {
                return false;
            }
 
            
            @Override
            public void onShowPress(MotionEvent e) {
 
            }
 
            
            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                return false;
            }
 
            
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                return false;
            }
 
            
            @Override
            public void onLongPress(MotionEvent e) {
 
            }
 
            
            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                if(e1.getX()-e2.getX()>200){
                    //显示下一张
                    vf_main_image.showNext();
                    //设置出去的动画
                    vf_main_image.setOutAnimation(MainActivity.this,R.anim.left_out);
                    //设置进来的动画
                    vf_main_image.setInAnimation(MainActivity.this,R.anim.right_in);
                }else if(e2.getX()-e1.getX()>200){
                    //显示上一张
                    vf_main_image.showPrevious();
                    //设置出去的动画
                    vf_main_image.setOutAnimation(MainActivity.this,R.anim.right_out);
                    //设置进来的动画
                    vf_main_image.setInAnimation(MainActivity.this,R.anim.left_in);
                }
                return false;
            }
        });
 
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //让触摸继续传递下去
        return ges.onTouchEvent(event);
    }
}

3、进入和出去的四个动画

left_out:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="0"
        android:toXDelta="-100%p"
        android:fromYDelta="0"
        android:toYDelta="-100%p"
        ></translate>
 
</set>

right_in:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="100%p"
        android:toXDelta="0"
        android:fromYDelta="-100%p"
        android:toYDelta="0"
        ></translate>
 
</set>

right_out:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="0"
        android:toXDelta="100%p"
        android:fromYDelta="0"
        android:toYDelta="-100%p"
        ></translate>
 
</set>

left_in:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    >
    <translate
        android:fromXDelta="-100%p"
        android:toXDelta="0"
        android:fromYDelta="-100%p"
        android:toYDelta="0"
        ></translate>
 
</set>

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

--结束END--

本文标题: Android实现ViewFlipper图片动画滑动

本文链接: http://www.lsjlt.com/news/149067.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android实现ViewFlipper图片动画滑动
    今天给大家实现的功能是类似于ViewFlipper的图片滑动的效果,供大家参考,具体内容如下 现在就直接上代码吧! 代码实例: 1、xml布局文件 <xml version="...
    99+
    2024-04-02
  • Android实现左右滑动切换图片
    简要说明 本文采用ImageSwitcher实现左右滑动切换图片。首先调用setFactory方法,设置视图工厂;然后设置手指触碰监听,判断左滑右滑进而切换图片。 本地图片 xml ...
    99+
    2024-04-02
  • Android实现探探图片滑动效果
    之前一段时间,在朋友的推荐下,玩了探探这一款软件,初玩的时候,就发现,这款软件与一般的社交软件如陌陌之类的大相径庭,让我耳目一新,特别是探探里关于图片滑动操作让人觉得非常新鲜。所以在下通过网上之前的前辈的经历加上自己的理解,也来涉涉水。下面...
    99+
    2023-05-31
    android 图片滑动 roi
  • Android如何使用ViewFlipper实现图片上下自动轮播
    这篇文章主要介绍了Android如何使用ViewFlipper实现图片上下自动轮播,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:先看效果:1.xml代码: ...
    99+
    2023-06-15
  • Android怎么实现左右滑动切换图片
    这篇文章主要介绍“Android怎么实现左右滑动切换图片”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android怎么实现左右滑动切换图片”文章能帮助大家解决问题。简要说明本文采用ImageSwi...
    99+
    2023-06-30
  • vue实现自动滑动轮播图片
    本文实例为大家分享了vue实现自动滑动轮播图片的具体代码,供大家参考,具体内容如下 效果如图:(悬浮时暂停,移出后自动轮播) ①创建图片滑动轮播组件ImageSlider.vue...
    99+
    2024-04-02
  • vue实现图片滑动验证
    本文实例为大家分享了vue实现图片滑动验证的具体代码,供大家参考,具体内容如下 效果图: 1、引用自定义组件 import img0 from '../assets/img.jpg...
    99+
    2024-04-02
  • Android实现多张图片合成加载动画
    本文实例为大家分享了Android实现多张图片合成加载动画的具体代码,供大家参考,具体内容如下 1、自定义ProgressDialog public class MyProgress...
    99+
    2024-04-02
  • Android实现手势滑动和简单动画效果
    一、手势滑动Activity都具有响应触摸事件,也就是说只要触摸Activity,他都会回调一个onTouchEvent()方法。但是在这个方法里无法处理事件,需要配合使用手势识别器(GestureDetector)中的方法onTouchE...
    99+
    2023-05-31
    android 手势滑动 roi
  • 纯CSS3怎么实现鼠标滑过图片动画效果
    本篇内容介绍了“纯CSS3怎么实现鼠标滑过图片动画效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!这些鼠...
    99+
    2024-04-02
  • Android使用ViewFlipper实现图片上下自动轮播的示例代码
    本文主要介绍了Android使用ViewFlipper实现图片上下自动轮播的示例代码,分享给大家,具体如下: 先看效果: 1.xml代码: ...
    99+
    2024-04-02
  • 怎么用Android studio实现左右滑动切换图片
    今天小编给大家分享一下怎么用Android studio实现左右滑动切换图片的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2023-06-30
  • Android使用ViewFlipper实现图片切换功能
    今天给大家简单的讲一下Android手势,目前市场上的App中手势的运用比较少。 Android提供了两种手势: ①.Android提供了手势检测,并为手势检测提供了相应的监听器 ②.Android允许开发者添加手势,并提供了相应的API识...
    99+
    2023-05-30
    android viewflipper 图片切换
  • Android视图动画怎么实现
    本文小编为大家详细介绍“Android视图动画怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“Android视图动画怎么实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。介绍视图动画主要有两种:一、Twe...
    99+
    2023-06-04
  • android实现可以滑动的平滑曲线图
    本文实例为大家分享了android实现可以滑动的平滑曲线图的具体代码,供大家参考,具体内容如下 直接上代码,里面有详细注解 1 attr 属性编写    <...
    99+
    2024-04-02
  • Androidstudio实现左右滑动切换图片
    本文实例为大家分享了Android studio实现左右滑动切换图片的具体代码,供大家参考,具体内容如下 切换图片首先要使用到图片切换器ImageSwitcher 先了解一下Imag...
    99+
    2024-04-02
  • vueJS如何实现图片横向滑动
    本篇内容主要讲解“vueJS如何实现图片横向滑动”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vueJS如何实现图片横向滑动”吧!vueJS实现图片横向滑动的方法:1、使用npm安装vue-aw...
    99+
    2023-06-25
  • vue实现图片滑动验证功能
    图片滑动验证,是目前比较常见的验证方式,主要目的是防止用户利用机器人自动注册、登录、灌水。 目前vue技术日趋成熟,已经有专门针对图片滑动验证功能的插件了。具体使用方式如下: 1....
    99+
    2024-04-02
  • jQuery如何实现图片滑动效果
    这篇文章主要为大家展示了“jQuery如何实现图片滑动效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery如何实现图片滑动效果”这篇文章吧。思路:当鼠...
    99+
    2024-04-02
  • AndroidFlutter实现图片滑动切换效果
    目录前言SlideTransition 介绍示例效果实现总结前言 我们开始来介绍转换类的动画组件,实际上这类转换动画组件也可以自己通过 AnimatedBuilder&nb...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作