使用Banner制作轮播图
使用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制作轮播图相关推荐
- 微信小程序使用swiper制作轮播图留白的解决方法
微信小程序相比网页制作轮播图快捷了很多,直接可以使用swiper标签,但是对于新手来说,也有很多不可避免的坑. 附上轮播图代码 <view class="swp">&l ...
- Android三方框架banner实现轮播图
Android三方框架banner实现轮播图 关于 效果图 第一步,添加引用 第二步,新增实体类及测试数据 第三步,添加banner实例控件,修改主界面代码 自定义图片+标题轮播图 效果图 你以为到这 ...
- Axure使用动态面板制作轮播图
对于动态面板的使用我想每一个学习axure的小伙伴都会接触到,聪明的你可能会想,能不能利用动态面板制作出轮播图的效果能?不用怀疑 ,利用动态面板也是能做出好看的轮播图的效果的.那么,下边我就来分享一下 ...
- 制作轮播图的几种方式
目录 css制作轮播图 思路 animation详解 具体制作 js制作轮播图 思路 内容详解 css制作轮播图 思路 主要通过一个展示盒子,一个图片储存盒子,展示盒子的大小即为轮播图想要展示图片的大 ...
- 【Axure RP9 制作轮播图】
Axure RP9 制作轮播图 说在前面:由于版本差异,在Axure学习过程中遇到一点点麻烦,网上没找到答案,最终自己弄出来了,在此记录一下.(课程上是axure8,我用的axure9,个别地方有些差 ...
- 利用CSS 3 的动画相关属性制作轮播图特效
本示例给出了只利用CSS3的动画属性制作下图所示的轮播图特效的步骤. Step 1:定义用来展示效果的容器div (1)设置其背景色 (2)让其大小与浏览器的比例合适,并且让其水平.垂直居中: 例如: ...
- 自定义组合控件:Banner、轮播图、广告栏控件
1. 项目概述 这里,我们使用自定义组合控件实现一个自动轮播的广告条,也叫轮播图,完整版的效果图如下图所示.其实,这就是我们经常见到的滚动广告,默认情况下每隔N 秒会自动滚动,用手指左右滑动时也会切换 ...
- android github轮播图,GitHub - ZTJzzz/Banner: Android轮播图
Android轮播图 - Banner 纵观Android古今,轮播图已然泛滥成灾!大神们各显神通大兴土木,所起楼台之高让后来者心生膜拜,纷纷Star!但不法分子也是层出不穷,为求"大神&q ...
- Android框架之路——Banner实现轮播图(RecyclerView添加Header)
一.简介 Banner能实现循环播放多个广告图片和手动滑动循环等功能.因为原生ViewPager并不支持循环翻页, 要实现循环还得需要自己去动手.Banner框架可以进行不同样式.不同动画设置, 以及 ...
- Swiper4.3.3 制作轮播图
想要的轮播图效果如下:(gif制作可参考 这篇文章) 代码如下: <!DOCTYPE html> <html lang="en"> <head> ...
最新文章
- Java中的注解到底是如何工作的?
- 得到例会听后感悟_20190507_重和远
- mysql cpu 内存占用_MySQL占用内存与CPU过高测试与解决办法
- JQuery-Table斑马线
- jquery----js/css 导入
- redis设置为null问题
- 11月4日,上海开源基础设施峰会,不见不散!
- java的for循环取出数据只是拿到最后一个_一问SQL优化就无从藏身?那只是你对原理的精髓掌握不深
- tomcat的jdbc连接池PoolExhaustedException 1
- Java高并发编程详解系列-线程异常处理
- c语言实验分支程序设计二,C语言程序实验报告分支结构的程序设计(0页).doc
- python 优先队列_Python Queue队列实现线程通信
- cursor游标(mysql)
- 获取winform应用程序集信息
- [Linux源码分析]Linux内核架构
- 基于android的垃圾分类识别,垃圾分类扫描识别
- office 2016 install(office2016组件自定义安装程序) v5.9.3中文绿色版
- Win10 安装rational rose 7教程
- 计算机网络教学方式探讨论文,高职计算机网络安全课程教学改革探讨
- 终于鸿蒙微内核弄懂了-程序员和鼓励师的合作