BannerVIew的用法及源码解析

关于（About）

申明：

该BannerView控件是在借鉴了两位大神的代码加工形成的：[IT_xiao小巫]大神和stevenhu_223大神。非常感谢。

BannerView的效果图如下：

主要暴露接口和设置：

1. BannerStyle样式类：用来设置banner的样式，包括指示器的形式（包括点，数字，图像（待开发）），位置（上下左右），是否显示信息，轮播时间；
2. BannerInfo实体类：用来设置banner的所有信息，包括图片，文字信息，目标url
3. 提供setBannerData(List items,OnImageClickListener listener)方法，设置banner信息及banner点击事件
4. 在持续更新。

使用

导入包：

详见我的另外一篇博文:http://blog.csdn.net/u011072613/article/details/53889596

在布局文件中添加

代码设置：

1.设置样式信息：

    bannerStyle= mBannerView.getBannerStyle();

通过BannerView获取BannerStyle对象，当然需要记住的是样式设置的代码必须在数据设置的前面，这样才能让设置生效，不然程序会调用默认的设置。
主要样式如下：

//水平
public enum HorizontalAlignment {
    LEFT, CENTER, RIGHT
}

//垂直
public enum VerticalAlignment {
    TOP, CENTER, BOTTOM
}

//指示器的形式
public enum IndicatorStyle{
    NUM, INDIC, IMG
}

private int time=2;//默认时间
private HorizontalAlignment mHorizontalAlignment = HorizontalAlignment.LEFT;//默认靠左
private VerticalAlignment mVerticalAlignment = VerticalAlignment.BOTTOM;//默认靠底部
private IndicatorStyle mIndicatorStyle = IndicatorStyle.INDIC;//默认是指示器模式
private boolean showInfo=false;//默认不显示信息

private int textBg=R.drawable.banner_txt_rec;//默认的数字背景
private int textApperance;//数字样式
private int dotsNormal=R.drawable.dot_normal;//常规的点
private int dotsSelected=R.drawable.dot_focused;//被选中的点
private int defImg=R.drawable.def_banner;//默认加载的图片

每一个元素均有相应的set方法，具体可查看源码。

2.BannerInfo信息设置

    BannerInfo adDomain = new BannerInfo();
    adDomain.setId("108078");
    adDomain.setDate("3月4日");
    adDomain.setTitle("这是广告的标题");
    adDomain.setTopicFrom("阿宅");
    adDomain.setTopic("“广告的内容广告的内容广告的内容”");
    adDomain.setImgUrl(imageLocalUrls[0]);

样式的元素主要包括:

private String id; // 
private String date; // 日期
private String title; // 标题
private String topicFrom; //
private String topic; // 
private String imgUrl; // 图片的url
private boolean isAd; // 
private String targetUrl; // 目标url
private int width; // 宽度
private int height; // 高度
private boolean available; //是否可用
private Intent mIntent; //activity跳转`

在此要再次感谢IT_xiao小巫大神和stevenhu_223大神，感谢，膜拜。。

3.数据设置：

  mBannerView.setBannerData(data, new OnImageClickListener() {
        @Override
        public void onImageClick(BannerInfo info, int postion, View imageView) {
            // TODO Auto-generated method stub
            //注意此处的postion是从1开始
            Toast.makeText(getApplicationContext(), "点击了"+postion, 1).show();
            startActivity(info.getmIntent());

        }
    });

大概的方法就这么多，最开始的思路是定义一个实体类包含banner信息，然后使用adapter适配数据，写的很烦躁。也没有文中提到的两位大神的详细，后来觉得他们写的很好，也就直接借鉴了。

还有一些需要扩展的地方。。。。（比如将点和数字，改成相应的图片，添加动图等），敬请期待。

邮箱：[email protected]

github：https://github.com/commutescript

欢迎交流，欢迎star。