广告
返回顶部
首页 > 资讯 > 移动开发 >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图片动画滑动

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

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

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

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

下载Word文档
猜你喜欢
  • Android实现ViewFlipper图片动画滑动
    今天给大家实现的功能是类似于ViewFlipper的图片滑动的效果,供大家参考,具体内容如下 现在就直接上代码吧! 代码实例: 1、xml布局文件 <xml version="...
    99+
    2022-11-13
  • android viewflipper实现左右滑动切换显示图片
    本文实例为大家分享了android viewflipper实现左右滑动切换显示图片的具体代码,供大家参考,具体内容如下 1.首先定义四个动画文件,表示当view切换的时候的显示...
    99+
    2022-06-07
    图片 Android
  • Android实现图片左右滑动效果
    关于滑动效果,在Android中用得比较多,本示例实现的滑动效果是使用ViewFlipper来实现的,当然也可以使用其它的View来实现。接下来就让我们开始实现这种效果。 接...
    99+
    2022-06-06
    图片 动效 Android
  • Android实现左右滑动切换图片
    简要说明 本文采用ImageSwitcher实现左右滑动切换图片。首先调用setFactory方法,设置视图工厂;然后设置手指触碰监听,判断左滑右滑进而切换图片。 本地图片 xml ...
    99+
    2022-11-13
  • 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
  • Android 实现局部图片滑动指引效果
    Android 实现局部图片滑动指引效果 而ViewPager的事件监听器代码如下:   // 滑动页面更改事件监听器 private class ImagePageC...
    99+
    2022-06-06
    图片 Android
  • vue实现自动滑动轮播图片
    本文实例为大家分享了vue实现自动滑动轮播图片的具体代码,供大家参考,具体内容如下 效果如图:(悬浮时暂停,移出后自动轮播) ①创建图片滑动轮播组件ImageSlider.vue...
    99+
    2022-11-13
  • vue实现图片滑动验证
    本文实例为大家分享了vue实现图片滑动验证的具体代码,供大家参考,具体内容如下 效果图: 1、引用自定义组件 import img0 from '../assets/img.jpg...
    99+
    2022-11-13
  • Android组件Glide实现图片平滑滚动效果
    Glide是一款基于Android的图片加载和图片缓存组件,它可以最大性能地在Android设备上读取、解码、显示图片和视频。Glide可以将远程的图片、视频、动画图片等缓存在...
    99+
    2022-06-06
    平滑 图片 glide 动效 Android
  • Android巧用ViewPager实现左右循环滑动图片
    ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图: 1、首先看一些layou...
    99+
    2022-06-06
    循环 图片 viewpager Android
  • Android手势滑动实现ImageView缩放图片大小
    本文推出了两种Android手势实现ImageView缩放图片大小的方法,分享给大家供大家参考,具体内容如下 方法一: 将以下代码写到MulitPointTouchListen...
    99+
    2022-06-06
    图片 Android
  • Android使用ViewFlipper实现图片上下自动轮播的示例代码
    本文主要介绍了Android使用ViewFlipper实现图片上下自动轮播的示例代码,分享给大家,具体如下: 先看效果: 1.xml代码: ...
    99+
    2022-11-12
  • Android使用ViewFlipper实现图片切换功能
    今天给大家简单的讲一下Android手势,目前市场上的App中手势的运用比较少。 Android提供了两种手势: ①.Android提供了手势检测,并为手势检测提供了相应的监听器 ②.Android允许开发者添加手势,并提供了相应的API识...
    99+
    2023-05-30
    android viewflipper 图片切换
  • 解析Android中实现滑动翻页之ViewFlipper的使用详解
    1)View切换的控件—ViewFlipper介绍 ViewFilpper类继承于ViewAnimator类。而ViewAnimator类继承于FrameLayout。 查看V...
    99+
    2022-06-06
    Android
  • 纯CSS3怎么实现鼠标滑过图片动画效果
    本篇内容介绍了“纯CSS3怎么实现鼠标滑过图片动画效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!这些鼠...
    99+
    2022-10-19
  • Android图片翻转动画简易实现代码
    下面给大家分享一个有趣的动画:这里比较适合一张图片的翻转,如果是多张图片,可以参考APIDemo里的例子,就是加个ArrayAdapter,还是简单的,也可以自己发挥修改,实现...
    99+
    2022-06-06
    动画 Android
  • Android实现多张图片合成加载动画
    本文实例为大家分享了Android实现多张图片合成加载动画的具体代码,供大家参考,具体内容如下 1、自定义ProgressDialog public class MyProgress...
    99+
    2022-11-13
  • Android 使用ViewPager实现图片左右循环滑动自动播放
    ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵...
    99+
    2022-06-06
    自动 循环 图片 viewpager Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作