Android 商品广告轮播图 图片轮播
2017-05-17 11:44
113 查看
效果展示:
gradle配置:
compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:19.1.0'
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.youth.banner.Banner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="200dp" />
</LinearLayout>
实现代码:
package com.example.administrator.usingbanner;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.ImageView;
import android.widget.Toast;
import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements OnBannerListener {
private Banner banner;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
List images= new ArrayList<>();
images.add(R.mipmap.a);
images.add(R.mipmap.b);
images.add(R.mipmap.c);
banner = (Banner) findViewById(R.id.banner);
//设置图片加载器
banner.setImageLoader(new GlideImageLoader());
//设置图片集合
banner.setImages(images);
//banner设置方法全部调用完毕时最后调用
banner.start();
//设置监听器
banner.setOnBannerListener(this);
}
@Override
public void OnBannerClick(int position) {
Log.d("MainActivity","图片被点击");
Toast.makeText(getApplicationContext(),"你点击了:"+position,Toast.LENGTH_SHORT).show();
}
private class GlideImageLoader extends ImageLoader {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
//Glide 加载图片
Glide.with(context).load(path).into(imageView);
}
}
//如果你需要考虑更好的体验,可以这么操作
@Override
protected void onStart() {
super.onStart();
//开始轮播
banner.startAutoPlay();
}
@Override
protected void onStop() {
super.onStop();
//结束轮播
banner.stopAutoPlay();
}
}
gradle配置:
compile 'com.youth.banner:banner:1.4.9'
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:19.1.0'
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.youth.banner.Banner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="200dp" />
</LinearLayout>
实现代码:
package com.example.administrator.usingbanner;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.ImageView;
import android.widget.Toast;
import com.bumptech.glide.Glide;
import com.youth.banner.Banner;
import com.youth.banner.listener.OnBannerListener;
import com.youth.banner.loader.ImageLoader;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements OnBannerListener {
private Banner banner;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
List images= new ArrayList<>();
images.add(R.mipmap.a);
images.add(R.mipmap.b);
images.add(R.mipmap.c);
banner = (Banner) findViewById(R.id.banner);
//设置图片加载器
banner.setImageLoader(new GlideImageLoader());
//设置图片集合
banner.setImages(images);
//banner设置方法全部调用完毕时最后调用
banner.start();
//设置监听器
banner.setOnBannerListener(this);
}
@Override
public void OnBannerClick(int position) {
Log.d("MainActivity","图片被点击");
Toast.makeText(getApplicationContext(),"你点击了:"+position,Toast.LENGTH_SHORT).show();
}
private class GlideImageLoader extends ImageLoader {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
//Glide 加载图片
Glide.with(context).load(path).into(imageView);
}
}
//如果你需要考虑更好的体验,可以这么操作
@Override
protected void onStart() {
super.onStart();
//开始轮播
banner.startAutoPlay();
}
@Override
protected void onStop() {
super.onStop();
//结束轮播
banner.stopAutoPlay();
}
}
相关文章推荐
- Android之——史上最简单图片轮播广告效果实现
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android之——史上最简单图片轮播广告效果实现
- Android广告图片轮播控件,支持无限循环和5种主题,可以灵活设置轮播样式、时间、位置、图片加载框架等!
- Android广告图片轮播控件之banner
- android ViewPager实现的轮播图广告自定义视图,网络获取图片和数据
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- android实现banner界面广告图片循环轮播(包括手动活动轮播)
- android图片轮播+点击跳转广告页面
- Android实现Banner界面广告图片循环轮播
- Android之本地图片轮播(广告轮播)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- ANDROID轮播广告图片
- Android实现Banner界面广告图片循环轮播
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- ANDROID广告轮播DEMO_仿淘宝广告轮播_滑动图片广告例子
- 【Android】首页图片轮播效果(淘宝、京东首页广告效果)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- [置顶] Android fragment中广告图片轮播效果的实现(附图 )
- Android 广告(banner)图片轮播、图片浏览、仿微信大图查看控件(支持视频和gif图片)、支持动态添加数据