您的位置:首页技术文章
文章详情页

Android使用ViewFlipper实现图片上下自动轮播的示例代码

【字号: 日期:2022-09-18 17:51:05浏览:4作者:猪猪

本文主要介绍了Android使用ViewFlipper实现图片上下自动轮播的示例代码,分享给大家,具体如下:

先看效果:

Android使用ViewFlipper实现图片上下自动轮播的示例代码

1.xml代码:

<ViewFlipper android: 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); 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实现图片上下自动轮播的示例代码的文章就介绍到这了,更多相关Android 图片上下自动轮播内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网!

标签: Android
相关文章: