使用Banner制作轮播图

步骤:

第一步:

权限配置

<uses-permission android:name="android.permission.INTERNET" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /><uses-permission android:name="android.permission.READ_PHONE_STATE" /><uses-permission android:name="android.permission.CAMERA" /><uses-permission android:name="android.permission.VIBRATE" />

第二步:

导入要用的包:这里直接用网络图片接口可以自己换,这个接口图片不全:

compile 'com.squareup.okio:okio:1.5.0'compile 'com.squareup.okhttp3:okhttp:3.2.0'compile 'com.squareup.okhttp3:logging-interceptor:3.4.1'compile 'com.google.code.gson:gson:2.8.2'compile 'com.youth.banner:banner:1.4.9'compile 'com.github.bumptech.glide:glide:3.7.0'

第三步:

添加布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="150dp"><com.youth.banner.Bannerandroid:id="@+id/mybanner"android:layout_width="match_parent"android:layout_height="150dp"></com.youth.banner.Banner>
</LinearLayout>

第四步:

还需要创建一个GlideImageLoader图片加载类:

public class GlideImaGlideImageLoader extends ImageLoader {@Overridepublic void displayImage(Context context, Object path, ImageView imageView) {Glide.with(context).load(path).into(imageView);}
}

最后当然是Activity了:

public class MainActivity extends AppCompatActivity {

    ArrayList<String> mlist;    Banner mbanner; String mpath="http://api.tianapi.com/social/?key=71e58b5b2f930eaf1f937407acde08fe&num=20"; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mlist=new ArrayList<String>(); mbanner = (Banner) findViewById(R.id.mybanner); GetDate(mpath); }private void GetDate(String url){ OkHttp3Utils.getInstance().doGet(url, new GsonObjectCallback<HomeBean>() {@Override public void onUi(HomeBean homeBean) {

for(int i=0; i<homeBean.getNewslist().size();i++){ String ad1s = homeBean.getNewslist().get(i).getPicUrl(); mlist.add(ad1s); }//设置图片加载器 mbanner.setImageLoader(new GlideImaGlideImageLoader()); mbanner.setImages(mlist); mbanner.start(); }@Override public void onFailed(Call call, IOException e) {

 } }); }}
 

轮播图制作完成图片借口需要自己换

转载于:https://www.cnblogs.com/cainiaodongdong/p/7665516.html

使用Banner制作轮播图相关推荐

  1. 微信小程序使用swiper制作轮播图留白的解决方法

    微信小程序相比网页制作轮播图快捷了很多,直接可以使用swiper标签,但是对于新手来说,也有很多不可避免的坑. 附上轮播图代码 <view class="swp">&l ...

  2. Android三方框架banner实现轮播图

    Android三方框架banner实现轮播图 关于 效果图 第一步,添加引用 第二步,新增实体类及测试数据 第三步,添加banner实例控件,修改主界面代码 自定义图片+标题轮播图 效果图 你以为到这 ...

  3. Axure使用动态面板制作轮播图

    对于动态面板的使用我想每一个学习axure的小伙伴都会接触到,聪明的你可能会想,能不能利用动态面板制作出轮播图的效果能?不用怀疑 ,利用动态面板也是能做出好看的轮播图的效果的.那么,下边我就来分享一下 ...

  4. 制作轮播图的几种方式

    目录 css制作轮播图 思路 animation详解 具体制作 js制作轮播图 思路 内容详解 css制作轮播图 思路 主要通过一个展示盒子,一个图片储存盒子,展示盒子的大小即为轮播图想要展示图片的大 ...

  5. 【Axure RP9 制作轮播图】

    Axure RP9 制作轮播图 说在前面:由于版本差异,在Axure学习过程中遇到一点点麻烦,网上没找到答案,最终自己弄出来了,在此记录一下.(课程上是axure8,我用的axure9,个别地方有些差 ...

  6. 利用CSS 3 的动画相关属性制作轮播图特效

    本示例给出了只利用CSS3的动画属性制作下图所示的轮播图特效的步骤. Step 1:定义用来展示效果的容器div (1)设置其背景色 (2)让其大小与浏览器的比例合适,并且让其水平.垂直居中: 例如: ...

  7. 自定义组合控件:Banner、轮播图、广告栏控件

    1. 项目概述 这里,我们使用自定义组合控件实现一个自动轮播的广告条,也叫轮播图,完整版的效果图如下图所示.其实,这就是我们经常见到的滚动广告,默认情况下每隔N 秒会自动滚动,用手指左右滑动时也会切换 ...

  8. android github轮播图,GitHub - ZTJzzz/Banner: Android轮播图

    Android轮播图 - Banner 纵观Android古今,轮播图已然泛滥成灾!大神们各显神通大兴土木,所起楼台之高让后来者心生膜拜,纷纷Star!但不法分子也是层出不穷,为求"大神&q ...

  9. Android框架之路——Banner实现轮播图(RecyclerView添加Header)

    一.简介 Banner能实现循环播放多个广告图片和手动滑动循环等功能.因为原生ViewPager并不支持循环翻页, 要实现循环还得需要自己去动手.Banner框架可以进行不同样式.不同动画设置, 以及 ...

  10. Swiper4.3.3 制作轮播图

    想要的轮播图效果如下:(gif制作可参考 这篇文章) 代码如下: <!DOCTYPE html> <html lang="en"> <head> ...

最新文章

  1. Java中的注解到底是如何工作的?
  2. 得到例会听后感悟_20190507_重和远
  3. mysql cpu 内存占用_MySQL占用内存与CPU过高测试与解决办法
  4. JQuery-Table斑马线
  5. jquery----js/css 导入
  6. redis设置为null问题
  7. 11月4日,上海开源基础设施峰会,不见不散!
  8. java的for循环取出数据只是拿到最后一个_一问SQL优化就无从藏身?那只是你对原理的精髓掌握不深
  9. tomcat的jdbc连接池PoolExhaustedException 1
  10. Java高并发编程详解系列-线程异常处理
  11. c语言实验分支程序设计二,C语言程序实验报告分支结构的程序设计(0页).doc
  12. python 优先队列_Python Queue队列实现线程通信
  13. cursor游标(mysql)
  14. 获取winform应用程序集信息
  15. [Linux源码分析]Linux内核架构
  16. 基于android的垃圾分类识别,垃圾分类扫描识别
  17. office 2016 install(office2016组件自定义安装程序) v5.9.3中文绿色版
  18. Win10 安装rational rose 7教程
  19. 计算机网络教学方式探讨论文,高职计算机网络安全课程教学改革探讨
  20. 终于鸿蒙微内核弄懂了-程序员和鼓励师的合作

热门文章

  1. 百家号怎么发送链接,发送自己的链接变成文字等解答
  2. 百度EasyDL实体抽取和关系抽取
  3. html box 竖线,【CSS】这种竖线效果如何实现呢
  4. 黑程序员黑的最好的段子是什么?
  5. 你有一份七夕赚钱指南等待签收
  6. 方向导数和梯度概念辨析
  7. 湖南省中职计算机应用教资笔试+面试心得
  8. html底部添加备案号,网站底部怎么放备案号 WordPress、CMS、discuz等常见程序添加方法...
  9. PS——图像处理知识点
  10. 计算机平面设计主要学什么 - 兔课网,兔课网:初学平面要怎么样构图?