1、SlideShowView的布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!--此LinearLayout用来小圆点-->
<LinearLayout
android:id="@+id/linearlayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center"
android:orientation="horizontal"
android:padding="5dp" >
</LinearLayout>
</RelativeLayout>
2、Drawble中绘制圆点:
<!-- 广告圆点未选中 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false">
<solid android:color="#33000000" />
<corners android:radius="5dip" />
<size android:width= "7dp"
android:height= "7dp" />
</shape>
<!-- 广告圆点选中 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel= "false" >
<solid android:color="#aa3C3C3C" />
<corners android:radius="5dip" />
<size android:width= "7dp"
android:height= "7dp" />
/>
3、SlideShowView类的具体实现代码:
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import com.beidougd.bdg.activity.AdsActivity;
import com.beidougd.bdgc.R;
import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.Executors;
import java.util.concurrent.ScheduledExecutorService;
import java.util.concurrent.TimeUnit;
/**
* Created by yr01 on 2015/12/15.
*/
public class SlideShowView extends FrameLayout{
private final static boolean isAutoPlay = true;
private List<String> imageUris;
private List<String> imageAdsuris;
private DisplayImageOptions options;
private List<ImageView> imageViewsList;
private List<ImageView> dotViewsList;
private LinearLayout mLinearLayout;
private ViewPager mViewPager;
private int currentItem= 0;
private ScheduledExecutorService scheduledExecutorService;
private ImageView viewDot;
@SuppressLint("HandlerLeak")
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
mViewPager.setCurrentItem(currentItem);
}
};
public SlideShowView(Context context) {
this(context,null);
}
public SlideShowView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SlideShowView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
initUI(context);
// if(!(imageUris.size()<=0))
// {
// setImageUris(imageUris,imageAduris);
// }
if(isAutoPlay){
startPlay();
}
}
private void initUI(Context context){
options=new DisplayImageOptions.Builder()
.showImageOnLoading(R.drawable.ad_01)
.showImageOnFail(R.drawable.ad_01)
.cacheInMemory(true) // 设置下载的图片是否缓存在内存中
.cacheOnDisc(true) // 设置下载的图片是否缓存在SD卡中// 设置成圆角图片
.build(); // 创建配置过得DisplayImageOption对象
imageViewsList = new ArrayList<ImageView>();
dotViewsList = new ArrayList<ImageView>();
imageUris=new ArrayList<String>();
imageAdsuris=new ArrayList<String>();
LayoutInflater.from(context).inflate(R.layout.layout_slideshow, this, true);
mLinearLayout=(LinearLayout)findViewById(R.id.linearlayout_dot);
mViewPager = (ViewPager) findViewById(R.id.viewPager);
}
public void setImageUris(List<String> imageuris,List<String> imageAduris){
ImageLoaderConfiguration configuration = new ImageLoaderConfiguration
.Builder(getContext())
.threadPoolSize(4)
.threadPriority(Thread.NORM_PRIORITY - 2)
.denyCacheImageMultipleSizesInMemory()
.discCacheFileNameGenerator(new Md5FileNameGenerator())// 将保存的时候的URI名称用MD5
.writeDebugLogs() // Remove for release app
.build();
ImageLoader.getInstance().init(configuration);
for(int i=0;i<imageuris.size();i++){
imageUris.add(imageuris.get(i));
imageAdsuris.add(imageAduris.get(i));
}
LinearLayout.LayoutParams lp=new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
lp.setMargins(5, 0, 0, 0);
for(int i=0;i<imageUris.size();i++){
ImageView imageView=new ImageView(getContext());
imageView.setScaleType(ImageView.ScaleType.FIT_XY);//铺满屏幕
System.out.println("ImageUrl:"+imageUris.get(i));
ImageLoader.getInstance().displayImage(imageUris.get(i), imageView,options);
imageViewsList.add(imageView);
if(imageViewsList!=null){
imageView=imageViewsList.get(i);
final String Adurl=imageAdsuris.get(i);
imageView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(getContext(), AdsActivity.class);
intent.putExtra("URL",Adurl);
getContext().startActivity(intent);
}
});
}
viewDot =new ImageView(getContext());
if(i == 0){
viewDot.setBackgroundResource(R.drawable.dot_focused);
}else{
viewDot.setBackgroundResource(R.drawable.dot_normal);
}
viewDot.setLayoutParams(lp);
dotViewsList.add(viewDot);
mLinearLayout.addView(viewDot);
}
mViewPager.setFocusable(true);
mViewPager.setAdapter(new MyPagerAdapter());
mViewPager.setOnPageChangeListener(new MyPageChangeListener()); }
private void startPlay(){
scheduledExecutorService = Executors.newSingleThreadScheduledExecutor();
scheduledExecutorService.scheduleAtFixedRate(new SlideShowTask(), 1, 4, TimeUnit.SECONDS);
}
public void removeView(){
imageUris.clear();
imageAdsuris.clear();
imageViewsList.clear();
dotViewsList.clear();
mLinearLayout.removeAllViews();
Log.i("imageViewsList", imageViewsList.size() + "");
Log.i("imageUris", imageUris.size() + "");
Log.i("imageAdsuris", imageAdsuris.size() + "");
Log.i("dotViewsList",dotViewsList.size()+"");
Log.i("mLinearLayout",mLinearLayout.getChildCount()+"");
// mLinearLayout.removeAllViewsInLayout();
}
@SuppressWarnings("unused")
private void stopPlay(){
scheduledExecutorService.shutdown();
}
private void setImageBackground(int selectItems){
for(int i=0; i<dotViewsList.size(); i++){
if(i == selectItems){
dotViewsList.get(i).setBackgroundResource(R.drawable.dot_focused);
}else{
dotViewsList.get(i).setBackgroundResource(R.drawable.dot_normal);
}
}
}
private class MyPagerAdapter extends PagerAdapter {
@Override
public void destroyItem(View container, int position, Object object) {
// TODO Auto-generated method stub
//((ViewPag.er)container).removeView((View)object);
((ViewPager)container).removeView(imageViewsList.get(position));
}
@Override
public Object instantiateItem(View container, int position) {
// TODO Auto-generated method stub
((ViewPager)container).addView(imageViewsList.get(position));
return imageViewsList.get(position); }
@Override
public int getCount() {
// TODO Auto-generated method stub
return imageViewsList.size(); }
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1; }
@Override
public void restoreState(Parcelable arg0, ClassLoader arg1) {
}
@Override
public Parcelable saveState() {
return null; }
@Override
public void startUpdate(View arg0) {
// TODO Auto-generated method stub
}
@Override
public void finishUpdate(View arg0) {
// TODO Auto-generated method stub
}
}
private class MyPageChangeListener implements ViewPager.OnPageChangeListener {
boolean isAutoPlay = false;
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
switch (arg0) {
case 1:
isAutoPlay = false;
break;
case 2:
isAutoPlay = true;
break;
case 0:
if (mViewPager.getCurrentItem() == mViewPager.getAdapter().getCount() - 1 && !isAutoPlay) {
mViewPager.setCurrentItem(0);
}
else if (mViewPager.getCurrentItem() == 0 && !isAutoPlay) {
mViewPager.setCurrentItem(mViewPager.getAdapter().getCount() - 1);
}
break;
}
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageSelected(int pos) {
// TODO Auto-generated method stub
setImageBackground(pos % imageUris.size());
}
}
private class SlideShowTask implements Runnable{
@Override
public void run() {
// TODO Auto-generated method stub
synchronized (mViewPager) {
currentItem = (currentItem+1)%imageViewsList.size();
handler.obtainMessage().sendToTarget();
}
}
}
@SuppressWarnings("unused")
private void destoryBitmaps() {
for (int i = 0; i < imageViewsList.size(); i++) {
ImageView imageView = imageViewsList.get(i);
Drawable drawable = imageView.getDrawable();
if (drawable != null) {
drawable.setCallback(null);
}
}
}
}
4、MainActivity的布局:<example.com.myapplication.SlideShowView
android:id="@+id/slideshowView"
android:layout_height="160dp"
android:layout_width="match_parent"
android:layout_marginTop="10dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
/>
5、MainActivity的具体实现代码:
private List<String> imageurls;
private List<String> imageAdUrl;
private SlideShowView slideShowView;
slideShowView= (SlideShowView) findViewById(R.id.slideshowView);
imageurls=new ArrayList<>();
imageAdUrl=new ArrayList<>();
imageurls.clear();
imageAdUrl.clear();
imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_01.png");
imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_02.png");
imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_03.png");
imageurls.add("http://bdgctest.beidougd.com/Images/Advert/ad_04.png");
imageAdUrl.add("www.baidu.com");
imageAdUrl.add("www.sina.com");
imageAdUrl.add("www.qq.com");
imageAdUrl.add("www.360.com");
slideShowView.setImageUris(imageurls,imageAdUrl);//imageurls为网络图片地址,imageAdUrl为点击相应图片进行网页加载的地址
以上加载相应地址可以用循环代替,减少代码量。要实现下拉刷新只需在PullToRefresh方法中对数据重新加载。
DisPlayImageOptions可以设置的属性:
private final int ShowimageResOnLoading; 正在加载时显示的图片资源 id
private final int imageResForEmptyUri; 图片uri为空时显示的图片 id
private final int ShowimageResOnFail; 图片加载失败显示的图片 id
private final Drawable imageOnLoading; 正在加载时显示的图片资源 drawable
private final Drawable imageForEmptyUri; 图片uri为空时显示的图片 drawable
private final Drawable imageOnFail; 图片加载失败显示的图片 drawable
private final boolean resetViewBeforeLoading; 加载前是否重置view
private final boolean cacheInMemory; 是否启用内存缓存
private final boolean cacheOnDisk; 是否启用磁盘缓存
private final ImageScaleType imageScaleType; 图片缩放类型
private final Options decodingOptions; BitmapFactory用到的options
private final int delayBeforeLoading; 延迟多久加载
private final boolean considerExifParams; exif参数是否可用
private final Object extraForDownloader; 额外的下载对象
private final BitmapProcessor preProcessor; bitmap加载前的处理
private final BitmapProcessor postProcessor; bitmap加载时的处理
private final BitmapDisplayer displayer; bitmap显示
private final Handler handler;
private final boolean isSyncLoading; 是否同步加载图片(一个接一个的加载)
从不同地址加载图片的Url:
String imageUri = "http://site.com/image.png"; // from Web
String imageUri = "file:///mnt/sdcard/image.png"; // from SD card
String imageUri = "content://media/external/audio/albumart/13"; // from content provider
String imageUri = "assets://image.png"; // from assets
String imageUri = "drawable://" + R.drawable.image; // from drawables (only images, non-9patch)
ImageLoadingListener监听中的四个方法:
void onLoadingStarted(String imageUri, View view); 加载开始
void onLoadingFailed(String imageUri, View view, FailReason failReason); 加载失败
void onLoadingComplete(String imageUri, View view, Bitmap loadedImage); 加载完成
void onLoadingCancelled(String imageUri, View view); 取消加载
加载进度监听器ImageLoadingProgressListener:
void onProgressUpdate(String imageUri, View view, int current, int total);
current:当前完成大小; total:文件总大小。示例中算进度: 100.0f * current / total,这里的progressBar的max在layout中设置为100。
滚动时的监听PauseOnScrollListener:
listView.setOnScrollListener(new PauseOnScrollListener(ImageLoader.getInstance(), pauseOnScroll, pauseOnFling));
注意事项
1.上述提到的2个权限必须加入,否则会出错
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
2.ImageLoaderConfiguration必须配置并且全局化的初始化这个配置ImageLoader.getInstance().init(config); 否则也会出现错误提示
3.ImageLoader是根据ImageView的height,width确定图片的宽高。
4.如果经常出现OOM(别人那边看到的,觉得很有提的必要)
①减少配置之中线程池的大小,(.threadPoolSize).推荐1-5;
②使用.bitmapConfig(Bitmap.config.RGB_565)代替ARGB_8888;
③使用.imageScaleType(ImageScaleType.IN_SAMPLE_INT)或者 try.imageScaleType(ImageScaleType.EXACTLY);
④避免使用RoundedBitmapDisplayer.他会创建新的ARGB_8888格式的Bitmap对象;
⑤使用.memoryCache(new WeakMemoryCache()),不要使用.cacheInMemory();
ImageLoaderConfiguration设置:
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(
context)
// .memoryCacheExtraOptions(480, 800) // max width, max
// height,即保存的每个缓存文件的最大长宽
// .discCacheExtraOptions(480, 800, CompressFormat.JPEG, 75,
// null) // Can slow ImageLoader, use it carefully (Better don't
// use it)设置缓存的详细信息,最好不要设置这个
.threadPoolSize(3)
// 线程池内加载的数量
.discCacheFileNameGenerator(new Md5FileNameGenerator())// 将保存的时候的URI名称用MD5 .threadPriority(Thread.NORM_PRIORITY - 2)
.denyCacheImageMultipleSizesInMemory()
// .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 *
// 1024)) // You can pass your own memory cache
// implementation你可以通过自己的内存缓存实现
// .memoryCacheSize(2 * 1024 * 1024)
// /.discCacheSize(50 * 1024 * 1024)
// 加密
// .discCacheFileNameGenerator(new
// HashCodeFileNameGenerator())//将保存的时候的URI名称用HASHCODE加密
.tasksProcessingOrder(QueueProcessingType.LIFO)
// .discCacheFileCount(100) //缓存的File数量
.discCache(new UnlimitedDiscCache(cacheDir))// 自定义缓存路径
// .defaultDisplayImageOptions(DisplayImageOptions.createSimple())
// .imageDownloader(new BaseImageDownloader(context, 5 * 1000,
// 30 * 1000)) // connectTimeout (5 s), readTimeout (30 s)超时时间
.writeDebugLogs() // Remove for release app
.build();
上述
ImageLoaderConfiguration设置根据个人需求进行设置