运用ConvenientBanner实现Android界面图片轮播
2017-12-03 17:47
477 查看
在很多app首页中,都会实现图片轮播,这里介绍一个简单又实用的组件
ConvenientBanner,可以轻松实现图片轮播。
本文主要介绍如何使用ConvenientBanner实现Android界面图片轮播,以及一些细节问题。
一:在gradle中加入:
二:主布局文件中加入:
三:MainActivity设置图片轮播:
注意:需要注意的是图片的命名方式,以及图片的大小(太大的话可以通过截图另存),这两种方式都有可能产生异常,可以尝试调试。
图片样式:
测试效果图:
总结:本人是安卓小白,之前想要实现图片轮播的功能,通过很多资料,实验轮播有直接用Banner组件,ViewPager组件,但是都弄不懂,知道遇到了ConvenientBanner组件,十分方便啊。
欢迎下载测试demo:
http://download.csdn.net/download/qi_ming88/10143167
ConvenientBanner,可以轻松实现图片轮播。
本文主要介绍如何使用ConvenientBanner实现Android界面图片轮播,以及一些细节问题。
一:在gradle中加入:
compile 'com.bigkoo:convenientbanner:2.0.5'
二:主布局文件中加入:
<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" />
三:MainActivity设置图片轮播:
package com.example.testconvenientbanner; import android.content.Context; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import android.widget.Toast; import com.bigkoo.convenientbanner.ConvenientBanner; import com.bigkoo.convenientbanner.holder.CBViewHolderCreator; import com.bigkoo.convenientbanner.holder.Holder; import com.bigkoo.convenientbanner.listener.OnItemClickListener; import java.lang.reflect.Field; import java.util.ArrayList; 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 < 4; 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); } @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; } } }
注意:需要注意的是图片的命名方式,以及图片的大小(太大的话可以通过截图另存),这两种方式都有可能产生异常,可以尝试调试。
图片样式:
测试效果图:
总结:本人是安卓小白,之前想要实现图片轮播的功能,通过很多资料,实验轮播有直接用Banner组件,ViewPager组件,但是都弄不懂,知道遇到了ConvenientBanner组件,十分方便啊。
欢迎下载测试demo:
http://download.csdn.net/download/qi_ming88/10143167
相关文章推荐
- Android实现一款不错Banner界面广告图片循环轮播
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- android实现banner界面广告图片循环轮播(包括手动活动轮播)
- Android实现Banner界面广告图片循环轮播
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播
- Android中ConvenientBanner的使用--获取网络图片 --(实现效果是自动轮播图片)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android实现Banner界面广告图片循环轮播(包括实现手动滑动循环)
- Android中ConvenientBanner的使用--获取本地图片 --(实现效果是自动轮播图片)
- Android实现Banner界面循环轮播
- [置顶] Android图片轮播控件ConvenientBanner的简单使用
- Android实现Banner图片循环轮播
- Android-------使用第三方Banner实现对网络图片的无线轮播
- [置顶] Android图片轮播控件ConvenientBanner的简单使用
- Android图片轮播效果的几种实现方法