之前一片文章是自己根据两个开源框架修改的图片轮播,这回我们来看一个更加简单了,不过有个前提是你的项目中使用了universal-image-loader,不过这个也不是必要的,源码也是可以修改的嘛,咱就是要简单上手,立马能用
好了下面直接上效果:
下面我们来看看怎么用吧
整个项目结构:
布局文件ui_main.xml
<?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"
android:orientation="vertical" >
<fragment
android:id="@+id/fragment_cycle_viewpager_content"
android:name="cn.androiddevelop.cycleviewpager.lib.CycleViewPager"
android:layout_width="match_parent"
android:layout_height="180dp" />
</LinearLayout>
代码中使用
首先我们需要注意到有一个ViewFactory.java的类,其实这个类没太大的用处,就是将其分离了出来,你第一步做的是配置Universal-image-loader,怎么配置这里就不说了,请看http://blog.csdn.net/xiaanming/article/details/26810303,然后ViewFactory.java如下
/**
* ImageView创建工厂
*/
public class ViewFactory {
/**
* 获取ImageView视图的同时加载显示url
*
* @param text
* @return
*/
public static ImageView getImageView(Context context, String url) {
ImageView imageView = (ImageView)LayoutInflater.from(context).inflate(
R.layout.view_banner, null);
ImageLoader.getInstance().displayImage(url, imageView);
return imageView;
}
}
最后是的界面的显示
/**
* 描述:主页
*/
public class MainActivity extends Activity {
private List<ImageView> views = new ArrayList<ImageView>();
private List<ADInfo> infos = new ArrayList<ADInfo>();
private CycleViewPager cycleViewPager;
private String[] imageUrls = {"http://img.taodiantong.cn/v55183/infoimg/2013-07/130720115322ky.jpg",
"http://pic30.nipic.com/20130626/8174275_085522448172_2.jpg",
"http://pic18.nipic.com/20111215/577405_080531548148_2.jpg",
"http://pic15.nipic.com/20110722/2912365_092519919000_2.jpg",
"http://pic.58pic.com/58pic/12/64/27/55U58PICrdX.jpg"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.ui_main);
configImageLoader();
initialize();
}
@SuppressLint("NewApi")
private void initialize() {
cycleViewPager = (CycleViewPager) getFragmentManager()
.findFragmentById(R.id.fragment_cycle_viewpager_content);
for(int i = 0; i < imageUrls.length; i ++){
ADInfo info = new ADInfo();
info.setUrl(imageUrls[i]);
info.setContent("图片-->" + i );
infos.add(info);
}
// 将最后一个ImageView添加进来
views.add(ViewFactory.getImageView(this, infos.get(infos.size() - 1).getUrl()));
for (int i = 0; i < infos.size(); i++) {
views.add(ViewFactory.getImageView(this, infos.get(i).getUrl()));
}
// 将第一个ImageView添加进来
views.add(ViewFactory.getImageView(this, infos.get(0).getUrl()));
// 设置循环,在调用setData方法前调用
cycleViewPager.setCycle(true);
// 在加载数据前设置是否循环
cycleViewPager.setData(views, infos, mAdCycleViewListener);
//设置轮播
cycleViewPager.setWheel(true);
// 设置轮播时间,默认5000ms
cycleViewPager.setTime(2000);
//设置圆点指示图标组居中显示,默认靠右
cycleViewPager.setIndicatorCenter();
}
private ImageCycleViewListener mAdCycleViewListener = new ImageCycleViewListener() {
@Override
public void onImageClick(ADInfo info, int position, View imageView) {
if (cycleViewPager.isCycle()) {
position = position - 1;
Toast.makeText(MainActivity.this,
"position-->" + info.getContent(), Toast.LENGTH_SHORT)
.show();
}
}
};
其实这个demo主要用的方法不是设置一个很大的循环,而是将第一张和最后一张做了一个过渡处理,感觉讲这个有点老生常谈了,算了,反正轮播demo千千万,也不差这一个。
你们还是直接下源码自己看吧,反正这个太简单了,太好用了
这个是下载链接http://download.csdn.net/detail/u011077027/9498865