用于高校Android studio课程课后作业实例，如无必要，请勿抄袭

目前很多APP中都有这个图片轮播的功能，项目中也时常会用到，图片轮播一般是在用户不主动进行切换的时候每隔一段时间进行自动切换，用户主动切换时停止自动切换，手指离开时重新计时开始轮播，下面我们就来实现这个功能

实例代码

activity_mian.xml

view_flipper_left_out.xml

view_flipper_right_out.xml

view_flipper_page1.xml

MainActivity.java

实例代码

activity_mian.xml

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="top|fill"android:alignmentMode="alignMargins"android:background="#eeeeee"android:columnCount="4"android:rowCount="2"><ViewFlipperandroid:id="@+id/view_flipper"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnSpan="4"android:flipInterval="3000"android:inAnimation="@anim/view_flipper_right_in"android:outAnimation="@anim/view_flipper_left_out"><include layout="@layout/view_flipper_page1" /><include layout="@layout/view_flipper_page2" /></ViewFlipper><Buttonandroid:id="@+id/button_start"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnWeight="1.0"android:text="开始" /><Buttonandroid:id="@+id/button_stop"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnWeight="1.0"android:text="停止" /><Buttonandroid:id="@+id/button_previous"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnWeight="1.0"android:text="上一页" /><Buttonandroid:id="@+id/button_next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnWeight="1.0"android:text="下一页" />
</GridLayout>

view_flipper_left_out.xml

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

view_flipper_right_out.xml

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

view_flipper_page1.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"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:adjustViewBounds="true"app:srcCompat="@mipmap/img_1656" />
</LinearLayout>

MainActivity.java

package com.vt.（/  *# /）;import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
import android.widget.ViewFlipper;public class MainActivity extends AppCompatActivity {
private ViewFlipper mVewFlipper;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);View view3 = View.inflate(MainActivity.this, R.layout.view_flipper_page3, null);ImageView imageView4 = new ImageView(this);imageView4.setAdjustViewBounds(true);imageView4.setImageResource(R.mipmap.img_9546);mVewFlipper = findViewById(R.id.view_flipper);mVewFlipper.addView(imageView4);mVewFlipper.addView(view3,2);mVewFlipper.startFlipping();mVewFlipper.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(MainActivity.this, "当前显示的子视图索引号为"+mVewFlipper.getDisplayedChild(), Toast.LENGTH_SHORT).show();}});Button startBtn = findViewById(R.id.button_start);startBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {mVewFlipper.startFlipping();}});Button stopBtn = findViewById(R.id.button_stop);stopBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {mVewFlipper.stopFlipping();}});Button previousBtn = findViewById(R.id.button_previous);previousBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {mVewFlipper.showPrevious();}});Button nextBtn = findViewById(R.id.button_next);nextBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {mVewFlipper.showNext();}});}
}

最后运行代码显示如图轮播图，多添加几张图片显示效果即可

同学们，交了学费一定要好好学习啊，抄来抄去终究害己

加关注点赞，感谢！！！

注意：直接复制代码使用时，请添加自己的背景图片和修改文件名，其他报错请留言

如有需要定制微信小程序，海报设计，logo设计的，请添加小哥VX：Doi000101，备注来意

实现京东首页的轮播广告效果，包含三个以上产品广告相关推荐

HTML、CSS、JS实现轮播图效果:包含分页按钮及切换箭头
HTML页面: 页面布局 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
原生JavaScript轮播图效果实现
原生JavaScript实现轮播图切换效果的实现过程本文所用代码仅供个人学习.此部分代码系按原腾讯电脑管家首页的轮播图效果,采用原生JS技术予以实现(原网页采用jQurey等技术). 1. 文件准备 ...
安卓首页图片轮播效果(淘宝、京东首页广告效果)
2019独角兽企业重金招聘Python工程师标准>>> 直奔主题: 1.主要原理就是利用定时任务器定时切换ViewPager的页面. 2.里面用了一个读取网络图片的插件,做客户端使用 ...
java轮播添加图片_给网站首页添加图片轮播的效果
网站的首页有图片轮播的效果,可以很好的起到广告的作用也可以起到推荐优秀内容的作用. 可是一般的建站程序,首页的幻灯片效果都很一般不是很好看,有的时候就需要我们自己改一下代码. 太复杂的代码自己改不好, ...
js实现淘宝首页图片轮播效果
原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> &l ...
css33d图片轮播_手把手教你用纯css3实现轮播图效果
首先先看demo吧,点击查看demo 一.随便说几句 css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低 ...
php 电梯程序设计,教你写出京东电梯式轮播
效果知识点:企业布局技巧,如何高效的编写CSS样式,常用选择器,基本标签,盒子模型,jquery类库调用,JS特效编写,JS编程思维等. 京东电梯式轮播源码: Document *{margin:0p ...
axure 图片切换图片的交互_Axure教程：首页图片轮播
图片轮播是各大网站常常见到的形式,文章带我们学习了如何用Axure实现图片轮播功能,一起来看看~ 双11刚过没多久,大家是否都参加了2000+亿的大项目呀?剁手的时候,有没有被各大电商平台的首页图片轮 ...
css33d图片轮播_手把手教你用纯css3实现轮播图效果实例
首先先看demo吧,点击查看demo 一.随便说几句 css3动画效果的强大不言而喻,自它出现一直热度不减,它与js动画的优劣也一直成为前端界争论的话题,不可置疑的是css3动画的出现在一定程度上降低 ...
android 轮换实现动画,怎么在Android中实现一个首页无限轮播功能
怎么在Android中实现一个首页无限轮播功能发布时间:2021-04-12 16:22:49 来源:亿速云阅读:74 作者:Leah 这期内容当中小编将会给大家带来有关怎么在Android中实现 ...

实现京东首页的轮播广告效果，包含三个以上产品广告

实例代码

activity_mian.xml

view_flipper_left_out.xml

view_flipper_right_out.xml

view_flipper_page1.xml

MainActivity.java

实现京东首页的轮播广告效果，包含三个以上产品广告相关推荐

最新文章

热门文章