Android 轮播图

package com.example.carson_ho.android_banner;

import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.util.Log;import android.view.View;import android.widget.ImageView;import android.widget.Toast;

import com.bumptech.glide.Glide;import com.youth.banner.Banner;

public class MainActivity extends AppCompatActivity {    private Banner banner;    //设置图片资源:url或本地资源    String[] images= new String[] {            "http://img.zcool.cn/community/018fdb56e1428632f875520f7b67cb.jpg",            "http://img.zcool.cn/community/01c8dc56e1428e6ac72531cbaa5f2c.jpg",            "http://img.zcool.cn/community/01fda356640b706ac725b2c8b99b08.jpg",            "http://img.zcool.cn/community/01fd2756e142716ac72531cbf8bbbf.jpg",            "http://img.zcool.cn/community/0114a856640b6d32f87545731c076a.jpg"};

//设置图片标题:自动对应    String[] titles=new String[]{"12趁现在","嗨购5折不要停,12.12趁现在","实打实大顶顶顶顶"};    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);

banner = (Banner) findViewById(R.id.banner);

//设置样式,默认为:Banner.NOT_INDICATOR(不显示指示器和标题)        //可选样式如下:        //1. Banner.CIRCLE_INDICATOR   显示圆形指示器        //2. Banner.NUM_INDICATOR  显示数字指示器        //3. Banner.NUM_INDICATOR_TITLE    显示数字指示器和标题        //4. Banner.CIRCLE_INDICATOR_TITLE 显示圆形指示器和标题        banner.setBannerStyle(Banner.CIRCLE_INDICATOR_TITLE);

//设置轮播样式(没有标题默认为右边,有标题时默认左边)        //可选样式:        //Banner.LEFT  指示器居左        //Banner.CENTER    指示器居中        //Banner.RIGHT 指示器居右        banner.setIndicatorGravity(Banner.CENTER);

//设置轮播要显示的标题和图片对应(如果不传默认不显示标题)        banner.setBannerTitle(titles);

//设置是否自动轮播(不设置则默认自动)        banner.isAutoPlay(true)    ;

//设置轮播图片间隔时间(不设置默认为2000)        banner.setDelayTime(5000);        //设置图片资源:可选图片网址/资源文件,默认用Glide加载,也可自定义图片的加载框架        //所有设置参数方法都放在此方法之前执行        //banner.setImages(images);

//自定义图片加载框架        banner.setImages(images, new Banner.OnLoadImageListener() {            @Override            public void OnLoadImage(ImageView view, Object url) {                System.out.println("加载中");                Glide.with(getApplicationContext()).load(url).into(view);                System.out.println("加载完");            }        });        //设置点击事件,下标是从1开始        banner.setOnBannerClickListener(new Banner.OnBannerClickListener() {//设置点击事件            @Override            public void OnBannerClick(View view, int position) {                Toast.makeText(getApplicationContext(), "你点击了:" + position, Toast.LENGTH_LONG).show();            }        });

}    //如果你需要考虑更好的体验,可以这么操作    @Override    protected void onStart() {        super.onStart();        Log.i("--", "onStart");        banner.isAutoPlay(true);    }

@Override    protected void onStop() {        super.onStop();        Log.i("--", "onStop");        banner.isAutoPlay(false);    }}

布局界面 activity_main.xml
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.carson_ho.android_banner.MainActivity">

<com.youth.banner.Banner        xmlns:app="http://schemas.android.com/apk/res-auto"        android:id="@+id/banner"        android:layout_width="match_parent"        android:layout_height="300dp" /></RelativeLayout>
app/build.gradle 文件添加
compile ‘com.youth.banner:banner:1.1.5‘

《AndroidManifest.xml》清单文件网络请求添加权限
<uses-permission android:name="android.permission.INTERNET" />


原文地址:https://www.cnblogs.com/xiaobailook/p/8319828.html

时间: 2024-10-12 17:49:27

Android 轮播图的相关文章

Android轮播图的实现

Android轮播图的实现 这几天看了<Android开发艺术探索>这本书真的是挺不错的,学了自定义View之后打算动手实践一个轮播图控件,网上有很多实现的方法,我最后实现起来跟他们也基本上都是大同小异,主要我也是为了练练动手能力.先来个效果图,图片是在百度搜的正经图片 分析 实现轮播图的方式大体上我看到了三种,一是使用安卓的Gallery控件来实现,二是使用HorizontalScrollView,三是使用ViewPager来实现,Gallery控件现在已经不推荐使用了,在源码中我们也看到了

Android轮播图封装,下拉刷新相结合

自定义轮播图CarouselView 自定义下拉刷新PullRefreshListView 马上就要正式做毕业设计了,一些零碎时间写其中的一个模块,现记录下来,以备以后忘记时使用.欢迎大神不吝纠正. 效果图: layout_carousel.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com

Android轮播图实现详细过程

效果如下: 1:下载依赖(两个)      2:在AndroidManifest.xml文件中添加权限代码 <!-- if you want to load images from the internet --> <uses-permission android:name="android.permission.INTERNET" /> <!-- if you want to load images from a file OR from the int

Android轮播图

轮播图是很常用的一个效果 核心功能已经实现 没有什么特殊需求 自己没事研究的 所以封装的不太好 一些地方还比较糙 为想要研究轮播图的同学提供个参考目前测试图片为mipmap中的图片 没有写从网络加载图片 可自行根据需求在getShowView()方法中修改 1.定时切换 通过handle延时发送通知改变界面 然后在切换viewpage的界面之后 再次发送此延时通知 就ok咯 还可以通过timer定时器实现 2.无限轮播效果 如果我们只是在自动轮播到最后一页 然后进行判断让切换到第一页 这样是可以

[android] 轮播图-滑动图片标题焦点

谷歌提供的v4包,ViewPager 在布局文件中,先添加<android.support.v4.view.ViewPager/>控件,这个只是轮播的区域 在布局文件中,布置标题描述部分 线性布局,竖向排列,背景色黑色半透明,这个布局和上面的ViewPager底部对齐layout_alignBottom=”@id/xxx” <TextView/>居中显示, 小点部分,先放过空的LinearLayout,id是ll_points在代码中对其进行填充 获取ViewPager对象 调用V

[android] 轮播图-无限循环

实现无限循环 在getCount()方法中,返回一个很大的值,Integer.MAX_VALUE 在instantiateItem()方法中,获取当前View的索引时,进行取于操作,传递进来的int position是个非常大的数,对他进行求余数 在destroyItem()方法中,同样 在onPageSelected()监听方法中,对传递进来的索引进行取于 反向的无限循环 调用ViewPager对象的setCurrentItem()方法,设置第一次进来时候的当前页,参数:int数字,我们把它定

自定义完美的ViewPager 真正无限循环的轮播图

网上80%的思路关于Android轮播图无限循环都是不正确的,不是真正意义上的无限循环, 其思路大多是将ViewPager的getCount方法返回值设置为Integer.MAX_VALUE, 然后呢将ViewPager的当前展示页设置为第1000页或者是10000页,这样用户一般情况下是滑不到边界的 例如有5张图片的轮播图,item的编号为(0,1,2,3,4)当前页的页号如果是5, 这时候就将编号设置为0,即 actPosition %= datas.size();这个公式就是这么来的 这种

Android自己定义控件之轮播图控件

背景 近期要做一个轮播图的效果.网上看了几篇文章.基本上都能找到实现,效果还挺不错,可是在写的时候感觉每次都要单独去又一次在Activity里写一堆代码.于是自己封装了一下.这里仅仅是做了下封装成一个控件,不必每次反复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还须要在以下加一个指示器来标示滑动到了第几张轮播图.指示器我们能够用一个线性布局来依据要展示的轮播图设置显示的View,我们要做这种一个控件没

Android自定义控件之轮播图控件

背景 最近要做一个轮播图的效果,网上看了几篇文章,基本上都能找到实现,效果还挺不错,但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码.于是自己封装了一下.本篇轮播图实现原理原文出处:循环广告位组件的实现,这里只是做了下封装成一个控件,不必每次重复写代码了. 效果图 实现分析 轮播图的功能就是实现左右滑动的广告.图片信息展示,那我们就用ViewPager来实现,由于考虑到用户体验,我们还需要在下面加一个指示器来标示滑动到了第几张轮播图.指示器我们可以用一个线性布局来根据要展示的轮