Android使用ViewFlipper实现图片上下自动轮播

先看效果：

1.xml代码：

                      <ViewFlipperandroid:id="@+id/viewFlipper"android:layout_width="match_parent"android:layout_height="match_parent"android:flipInterval="3000"android:inAnimation="@anim/anim_marquee_in"android:outAnimation="@anim/anim_marquee_out" />

2.具体实现：

（1）关键代码：

                // 轮播的图片集合List<String> picList;     //......................//..........此处省去初始化picList，一般来源于服务器接口返回......          //......................viewFlipper.removeAllViews();for (int i = 0; i < picList.size(); i++) {final String pic = picList.get(i);// 此处可以换成自己自定义的布局，根据需求ImageView iv = new ImageView(context);// 一般是图片url，可换为Glide进行加载iv.setImageResource(R.mipmap.bg);// 循环滚动图片的点击事件iv.setOnClickListener(listener);viewFlipper.addView(iv);viewFlipper.setAutoStart(true);}viewFlipper.setFlipInterval(3 * 1000);viewFlipper.startFlipping();

（2）轮播动画：android:inAnimation + android:outAnimation

anim_marquee_in

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

anim_marquee_out

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

Android使用ViewFlipper实现图片上下自动轮播相关推荐

web前端学习基础教程，简单的图片旋转木马自动轮播js代码
一款简单的图片旋转木马自动轮播js代码,图片叠加轮播切换效果,支持点击左右箭头按钮控制切换. 案例效果图案例源码: <!DOCTYPE html> <html lang=" ...
Android之ViewPager实现图片无限循环轮播
很久没有写博客了,之前花时间写了一个Viewpager实现的无限图片轮播,个人感觉还是很好用的QAQ,源码和思路都还算清晰实现的效果图如下: 这里要补充一下,在这个项目中我把图片轮播写进了一个Vie ...
js图片切换（点击左右按钮，小圆点切换图片，自动轮播）
点击左右按钮,小圆点切换图片 <div><button><</button><button class="right">> ...
Android开机自启自动轮播图片或自动轮播视频APP
之前实验室有很多展示的设备,每次上电之后还需要单个点击打开每个展示设备开发好的APP,因为每个设备没有触屏,需要抱着电脑去实验室挨个连接USB 使用scrcpy 挨个机器点开,每次搞完都是一身汗,作 ...
JS_实现图片的自动轮播
最终效果如图所示: (个人方法) 实现思路: 利用setInterval(),在一段间隔时间内,反复执行函数.函数为html中img标签的src属性修改值,分别为要轮播图片的路径. html代码: & ...
Android使用viewpager实现图片轮播效果
自定义View实现图片轮播,实现了图片自动轮播,手动滑动,轮播标题,以及点击事件. 里面有很多注释一.文件布局二.代码 ImageBannerViewGroup类 /*** Created by ...
Android广告条效果--使用Volley实现网络图片的自动轮播（仿淘宝、网易广告页轮播效果）
最近在做自定义控件时,发现一个极其常用的效果--广告条,即图片的自动轮播效果.现在市面上大多数的APP软件都在使用这种展示广告的效果.闲来无事,我简单翻看了一下自己的手机软件,几乎都使用了这种图片自动 ...
实现自动轮播图（html+js）
简单实现图片的自动轮播,需要的朋友可以参考一下. html代码: <div class="cut"><img class="img" src= ...
android viewflipper图片轮播,android开发：ViewFlipper实现图片轮播
效果图: 上代码: Activity: package com.example.ViewFlipper; import androidx.appcompat.app.AppCompatActivity ...

Android使用ViewFlipper实现图片上下自动轮播

Android使用ViewFlipper实现图片上下自动轮播相关推荐

最新文章

热门文章