您的位置:首页 > 移动开发 > Android开发

Android实现Banner界面循环轮播

2015-10-16 18:00 645 查看
先看看demo的效果图


简单介绍下所实现的功能:

1.可以自动循环轮播,轮播的时间间隔可以设置。

2.可以手动左右滑动播放

3.添加了onItemClick监听

4.添加onPageChangeListener监听

5.等等

该控件是基于ViewPager实现的,参考了/article/7858224.html以及其他网友的资料。经过努力改造后使用起来非常方便。具体怎么使用如下:

activity_main.xml

<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">
<com.zyk.autoscrollbanner.AutoScrollBanner
android:id="@+id/activity_main_autoscrollbanner"
android:layout_width="match_parent"
android:layout_height="200dp"/>
</RelativeLayout>


MainActivity代码如下

public class MainActivity extends Activity {

private AutoScrollBanner mAutoScrollBanner;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mAutoScrollBanner = (AutoScrollBanner) findViewById(R.id.activity_main_autoscrollbanner);
List<Object> list = new ArrayList<Object>();
//图片的网络地址或Bitmap类型或R.drawable.xxx
list.add("http://img2.3lian.com/2014/f2/37/d/40.jpg");
list.add("http://d.3987.com/sqmy_131219/001.jpg");
list.add("http://img2.3lian.com/2014/f2/37/d/39.jpg");
list.add("http://www.8kmm.com/UploadFiles/2012/8/201208140920132659.jpg");
list.add("http://f.hiphotos.baidu.com/image/h%3D200/sign=1478eb74d5a20cf45990f9df460b4b0c/d058ccbf6c81800a5422e5fdb43533fa838b4779.jpg");
//封装的一个Adapter
AutoScrollBannerImageAdapter adapter = new AutoScrollBannerImageAdapter(MainActivity.this, list);
//也可以自定义Adapter extends AutoScrollBannerAdapter
mAutoScrollBanner.setAdapter(adapter);
//设置动画的时间间隔
mAutoScrollBanner.startTurning(2000);
//设置翻页指示的点 不设置将不显示指示点
mAutoScrollBanner.setPageIndicator(new int[]{R.drawable.ic_page_indicator,R.drawable.ic_page_indicator_focused});
//设置滚动动画 可以自定义或使用已经封装好的 这里使用一封装的
mAutoScrollBanner.setPageTransformer(Transformer.CubeOutTransformer);

//设置背景
mAutoScrollBanner.setBackgroundColor(Color.rgb(100,100,100));
//下面是两个监听器的用法
mAutoScrollBanner.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AutoScrollBannerAdapter parent, View view,
int position, long id) {
System.out.println("data:"+(parent.getItem(position)));
System.out.println("onItemClick parent:"+parent+"  view:"+view+"   positeion:"+position+"   id:"+id);
}
});
mAutoScrollBanner.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int index) {
//              System.out.println("onPageSelected index:"+index);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
//              System.out.println("onPageScrolled arg0:"+arg0+"   arg1:"+arg1+"   arg2:"+arg2);
}
@Override
public void onPageScrollStateChanged(int arg0) {
//              System.out.println("onPageScrollStateChanged arg0:"+arg0);
}
});
}


怎么样是不是使用起来很简单,和ListView也很像。该项目已经封装成jar,jar和javaDoc和Demo的下载。

autoScrollBanner.jar和javaDoc的下载:

下载

Demo :下载

项目中用到了图片异步加载的框架,该jar Demo中有,这里再添加一个下载:下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: