Android开发---简易好用的轮播器

注意：请从Git上下载flybanner，并放入某个package中！

步骤:

1.     Drawable

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true">
        <shape android:shape="oval">
            <size android:width="6dp" android:height="6dp" />
            <solid android:color="@android:color/white" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <size android:width="6dp" android:height="6dp" />
            <solid android:color="#ddd" />
        </shape>
    </item>
</selector>

2.     Values

<!--轮播-->
<declare-styleable name="FlyBanner">
    <attr name="points_visibility" format="boolean"/>
    <attr name="points_position" format="enum">
        <enum name="CENTER" value="0"/>
        <enum name="LEFT" value="1"/>
        <enum name="RIGHT" value="2"/>
    </attr>
    <attr name="points_container_background" format="reference|color"/>
</declare-styleable>

3.导入picasso包

4.XML

<flybanner.FlyBanner
    android:id="@id/fl_banner"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    />

 

*****设置背景:

<FrameLayout
    android:id="@+id/fl_banner"
    android:layout_width="match_parent"
    android:layout_height="150dp"
    android:background="@mipmap/banner_bg"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true">

    <flybanner.FlyBanner
        android:id="@+id/fly_banner"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true" />

</FrameLayout>

5.java

示例:

(1)加载本地图片

FlyBanner mBannerLocal;
/**                                                                                                                                                     /* * 加载本地图片 */private void initLocalBanner() {    mBannerLocal = (FlyBanner)mView.findViewById(R.id.fl_banner);    List<Integer> images = new ArrayList<>();    images.add(R.mipmap.banner1);    images.add(R.mipmap.banner2);    mBannerLocal.setImages(images);    mBannerLocal.setOnItemClickListener(new FlyBanner.OnItemClickListener() {        @Override        public void onItemClick(int position) {            Utils.showToast("点击了第"+position+"张图片");        }    });}

 

(2)加载网络图片

/**
 * 加载网页图片
 */
private void initNetBanner() {
    mBannerLocal = (FlyBanner) mView.findViewById(R.id.fl_banner);

    List<String> imgesUrl = new ArrayList<>();
    //for (int i = 0; i < mImagesUrl.length; i++) {
    //    imgesUrl.add(mImagesUrl[i]);
    //}

    String url1 = "http://img2.imgtn.bdimg.com/it/u=3176420603,2152246847&fm=214&gp=0.jpg";
    String url2 = "http://img5.imgtn.bdimg.com/it/u=3549708773,313146732&fm=23&gp=0.jpg";
    imgesUrl.add(url1);
    imgesUrl.add(url2);

    mBannerLocal.setImagesUrl(imgesUrl);

    mBannerLocal.setOnItemClickListener(new FlyBanner.OnItemClickListener() {
        @Override
        public void onItemClick(int position) {
            Utils.showToast("点击了第" + position + "张图片");
        }
    });
}

 

6.github说明

Config in java

/**
* 加载本地图片
*/
private void initLocalBanner() {
    mBannerLocal = (FlyBanner) findViewById(R.id.banner_1);
 
    List<Integer> images = new ArrayList<>();
    images.add(R.drawable.img_1);
    images.add(R.drawable.img_2);
    images.add(R.drawable.img_3);
    images.add(R.drawable.img_4);
    mBannerLocal.setImages(images);
 
    mBannerLocal.setOnItemClickListener(new FlyBanner.OnItemClickListener() {
        @Override
        public void onItemClick(int position) {
            toast("点击了第"+position+"张图片");
        }
    });
}
 
/**
* 加载网页图片
*/
private void initNetBanner() {
    mBannerNet = (FlyBanner) findViewById(R.id.banner_2);
 
    List<String> imgesUrl = new ArrayList<>();
    for (int i = 0; i < mImagesUrl.length; i++) {
        imgesUrl.add(mImagesUrl[i]);
    }
    mBannerNet.setImagesUrl(imgesUrl);
 
    mBannerNet.setOnItemClickListener(new FlyBanner.OnItemClickListener() {
        @Override
        public void onItemClick(int position) {
            toast("点击了第" + position + "张图片");
        }
    });
}

 

xml参数说明：

参数	说明	类型
points_visibility	指示器是否可见	boolean
points_position	指示器位置(左，中，右)	int
points_container_background	指示器容器背景	Drawable

 方法说明：

方法	参数	说明
setPointsIsVisible	isVisible	指示器是否可见
setPoinstPosition	position	指示器位置(左，中，右)

注意：setImageUrl    设置轮播图片的地址