Android中ConvenientBanner的使用
来源:互联网 发布:linux 局域网 ip c 编辑:程序博客网 时间:2024/05/18 00:14
今天在往上看到ConvenientBanner实现的轮播图的效果挺好的,所以就来学习一下,
guthub地址:
https://github.com/saiwu-bigkoo/Android-ConvenientBanner
一.首先添加依赖
compile 'com.bigkoo:convenientbanner:2.0.5'
二.首先获取本地图片
1.在MainActivity中:
public class MainActivity extends AppCompatActivity implements OnItemClickListener { private ConvenientBanner convenientBanner; private ArrayList<Integer> localImages = new ArrayList<Integer>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner); //获取本地的图片 for (int position = 0; position < 7; position++) { localImages.add(getResId("ic_test_" + position, R.drawable.class)); } //开始自动翻页 convenientBanner.setPages(new CBViewHolderCreator() { @Override public Object createHolder() { return new LocalImageHolderView(); } },localImages) //设置指示器是否可见 .setPointViewVisible(true) //设置自动切换(同时设置了切换时间间隔) .startTurning(2000) //设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设 .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused}) //设置指示器的方向(左、中、右) .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT) //设置点击监听事件 .setOnItemClickListener(this) //设置手动影响(设置了该项无法手动切换) .setManualPageable(true); //设置翻页的效果,不需要翻页效果可用不设 //setPageTransformer(Transformer.DefaultTransformer); // 集成特效之后会有白屏现象,新版已经分离,如果要集成特效的例子可以看Demo的点击响应。 } //图片的点击事件 @Override public void onItemClick(int position) { Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show(); } //为了方便改写,来实现复杂布局的切换 private class LocalImageHolderView implements Holder<Integer> { private ImageView imageView; @Override public View createView(Context context) { //你可以通过layout文件来创建,不一定是Image,任何控件都可以进行翻页 imageView = new ImageView(context); imageView.setScaleType(ImageView.ScaleType.FIT_XY); return imageView; } @Override public void UpdateUI(Context context, int position, Integer data) { imageView.setImageResource(data); } } /** * 通过文件名获取资源id 例子:getResId("icon", R.drawable.class); * * @param variableName * @param c * @return */ public static int getResId(String variableName, Class<?> c) { try { Field idField = c.getDeclaredField(variableName); return idField.getInt(idField); } catch (Exception e) { e.printStackTrace(); return -1; } }}
2.MainActivity的布局文件:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.administrator.convenientbannerdemo.MainActivity"> <com.bigkoo.convenientbanner.ConvenientBanner xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/convenientBanner" android:layout_width="match_parent" android:layout_height="200dp" app:canLoop="true" /> <!-- app:canLoop="true" //控制循环与否--></LinearLayout>
3.drawable中放放置的本地图片,第一张是默认的图片,第二,三张是小圆点的图片,剩下的就是本地显示的图片
4.效果图如下:
三.获取网络图片
1.首先得在清单文件中,添加权限
<uses-permission android:name="android.permission.INTERNET"/>
2.使用universal-image-loader先添加jar包
3.然后使用
dependencies { compile files('libs/universal-image-loader-1.9.4.jar')}
4.MainActivity中:
public class MainActivity extends AppCompatActivity implements OnItemClickListener { private ConvenientBanner convenientBanner; private List<String> networkImages; private String[] images = {"http://img2.imgtn.bdimg.com/it/u=3093785514,1341050958&fm=21&gp=0.jpg", "http://img2.3lian.com/2014/f2/37/d/40.jpg", "http://d.3987.com/sqmy_131219/001.jpg", "http://img2.3lian.com/2014/f2/37/d/39.jpg", "http://www.8kmm.com/UploadFiles/2012/8/201208140920132659.jpg", "http://f.hiphotos.baidu.com/image/h%3D200/sign=1478eb74d5a20cf45990f9df460b4b0c/d058ccbf6c81800a5422e5fdb43533fa838b4779.jpg", "http://f.hiphotos.baidu.com/image/pic/item/09fa513d269759ee50f1971ab6fb43166c22dfba.jpg" }; protected ImageLoader imageLoader; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); convenientBanner = (ConvenientBanner) findViewById(R.id.convenientBanner); imageLoader = ImageLoader.getInstance(); imageLoader.init(ImageLoaderConfiguration.createDefault(this)); //网络加载例子 networkImages = Arrays.asList(images); convenientBanner.setPages(new CBViewHolderCreator<NetworkImageHolderView>() { @Override public NetworkImageHolderView createHolder() { return new NetworkImageHolderView(); } },networkImages) //设置指示器是否可见 .setPointViewVisible(true) //设置自动切换(同时设置了切换时间间隔) .startTurning(2000) //设置两个点图片作为翻页指示器,不设置则没有指示器,可以根据自己需求自行配合自己的指示器,不需要圆点指示器可用不设 .setPageIndicator(new int[]{R.drawable.ic_page_indicator, R.drawable.ic_page_indicator_focused}) //设置指示器的方向(左、中、右) .setPageIndicatorAlign(ConvenientBanner.PageIndicatorAlign.ALIGN_PARENT_RIGHT) //设置点击监听事件 .setOnItemClickListener(this) //设置手动影响(设置了该项无法手动切换) .setManualPageable(true); } //图片的点击事件 @Override public void onItemClick(int position) { Toast.makeText(this, "position:" + position, Toast.LENGTH_SHORT).show(); }}
5.MainActivity的布局文件:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.administrator.convenientbannerdemo.MainActivity"> <com.bigkoo.convenientbanner.ConvenientBanner xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/convenientBanner" android:layout_width="match_parent" android:layout_height="200dp" app:canLoop="true" /> <!-- app:canLoop="true" //控制循环与否--></LinearLayout>
6.效果图如下:
demo下载地址:
http://download.csdn.net/download/afanbaby/9757553
本人菜鸟一个,有什么不对地方,希望大家指出评论,大神勿喷,希望大家一起学习进步!
2 0
- Android中ConvenientBanner的使用
- Android中ConvenientBanner的使用
- Android中ConvenientBanner的使用(轮播图)
- android convenientBanner的使用
- android 中图片的轮播ConvenientBanner
- Android中ConvenientBanner 网络上的图片
- ConvenientBanner的使用
- ConvenientBanner的基本使用
- Android中ConvenientBanner的使用--获取本地图片 --(实现效果是自动轮播图片)
- Android中ConvenientBanner的使用--获取网络图片 --(实现效果是自动轮播图片)
- Android中ConvenientBanner 本地图片
- Android图片轮播控件ConvenientBanner的简单使用
- Android图片轮播控件ConvenientBanner的简单使用
- Android ConvenientBanner的简单实用
- 安卓轮播图控件ConvenientBanner的使用
- ConvenientBanner使用
- 头部循环滑动广告 Android-ConvenientBanner 使用
- Android使用ConvenientBanner控件性能优化
- CodeForces - 711C Coloring Trees【给树染色】
- 相似图像搜索原理
- 2017_2_18
- qt信号槽(多个类的通信问题)
- C++之STL标准入门详解
- Android中ConvenientBanner的使用
- unity 单例
- 玲珑杯 Black and White 【dp】
- Linux下IPC数据结构之信号量机制模拟实现
- hdu 1290
- bootstrap container的内容居中
- HTML5移动端触摸屏图片轮播滑动
- 朝花夕拾(2)SQL
- Android (github开源项目1)首页轮播图控件----banner