Android应用开发之Android轮播图Banner
白羽 2018-09-14 来源 :网络 阅读 1053 评论 0

摘要:本文将带你了解Android应用开发之Android轮播图Banner,希望本文对大家学Android有所帮助

        本文将带你了解Android应用开发之Android轮播图Banner,希望本文对大家学Android有所帮助


Android实现轮播图
效果图:

第一步添加依赖:
compile 'com.youth.banner:banner:1.4.9'
第二步在布局中添加:

第三步,代码实现:
public class FindFragment extends Fragment  implements OnBannerListener{ private Banner mBanner; private ArrayList list_path; private ArrayList list_title;  @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {  View view = inflater.inflate(R.layout.find_fragment, container, false);  initView(view);  return view; }  private void initView(View view) {  mBanner = (Banner) view.findViewById(R.id.mBanner);  //放图片地址的集合  list_path=new ArrayList<>();  list_path.add("https://img000.hc360.cn/m6/M06/E7/5D/wKhQolZM-RSEdbGvAAAAALHlV6M649.jpg");  list_path.add("https://img.zcool.cn/community/0172bf57ac3cf60000012e7ea54ee4.jpg@900w_1l_2o_100sh.jpg");  list_path.add("https://img.zcool.cn/community/01821357f7c646a84a0d304f9578ac.png");  list_path.add("https://pic17.nipic.com/20111117/7168712_090744285164_2.jpg");  //放标题的集合  list_title=new ArrayList<>();  list_title.add("轮播图1");  list_title.add("轮播图2");  list_title.add("轮播图3");  list_title.add("轮播图4");   //设置banner样式  mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);  //设置图片加载器,图片加载器在下方  mBanner.setImageLoader(new MyLoader());  //设置图片地址集合  mBanner.setImages(list_path);  //设置标题的集合  mBanner.setBannerTitles(list_title);  //设置轮播间隔时间  mBanner.setDelayTime(3000);  //设置轮播动画效果  mBanner.setBannerAnimation(Transformer.Default);  //设置轮播  mBanner.isAutoPlay(true);  //设置指示器位置  mBanner.setIndicatorGravity(BannerConfig.CENTER);  //设置监听  mBanner.setOnBannerListener(this);  //启动轮播图  mBanner.start(); }  @Override public void OnBannerClick(int position) {  Toast.makeText(getContext(),position+"项",Toast.LENGTH_SHORT).show(); }  private class MyLoader implements ImageLoaderInterface {  @Override  public void displayImage(Context context, Object path, View imageView) {Glide.with(context).load(path).into((ImageView) imageView);  }   @Override  public View createImageView(Context context) {return null;  } }}
混淆一下:
# glide 的混淆代码-keep public class * implements com.bumptech.glide.module.GlideModule-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {  **[] $VALUES;  public *;}# banner 的混淆代码-keep class com.youth.banner.** { *; }

注:Glide是一个网络图片加载框架,只需添加依赖即可:
compile 'com.github.bumptech.glide:glide:3.7.0'
好了,完成以上步骤就有效果了。有事联系我。    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之Android频道!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved