文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中怎么利用ImageSlider实现一个炫酷轮播广告效果

2023-05-30 21:08

关注

这期内容当中小编将会给大家带来有关Android中怎么利用ImageSlider实现一个炫酷轮播广告效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

1. Gradle 依赖配置

我们这里使用的是 android Studio 2.2.3 开发工具,Eclipse 引用第三方库的具体方法可以参考AndroidImageSlider 源码说明。在 build.gradle 文件中集成第三方库的依赖。

xmldependencies { compile 'com.daimajia.slider:library:1.1.5@aar' compile 'com.squareup.picasso:picasso:2.5.2' compile 'com.nineoldandroids:library:2.4.0' compile 'com.android.support:support-v4:25.2.0'}

2. 添加权限

使用该框架还需要添加相应的权限,分别为网络权限和读文件的权限。

xml<uses-permission android:name="android.permission.INTERNET"></uses-permission><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission>

3. 添加到布局 Layout 中

将 SliderLayout 添加到相应的布局文件 Layout 中。

xml<com.daimajia.slider.library.SliderLayout android:id="@+id/home_slider_ad" android:layout_width="match_parent" android:layout_height="@dimen/large_height"></com.daimajia.slider.library.SliderLayout>

如果需要自定义的 PagerIndicator 的话,可以自定义,当然也可以使用该框架自带的,这里是自定义 PagerIndicator 的源码。

xml<com.daimajia.slider.library.Indicators.PagerIndicator  android:id="@+id/home_indicator_ad"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:gravity="center"  custom:selected_color="#0095BF"  custom:unselected_color="#55333333"  custom:selected_drawable="@drawable/bird"  custom:shape="oval"  custom:selected_padding_left="5dp"  custom:selected_padding_right="5dp"  custom:unselected_padding_left="5dp"  custom:unselected_padding_right="5dp"  android:layout_centerHorizontal="true"  android:layout_alignParentBottom="true"  custom:selected_width="6dp"  custom:selected_height="6dp"  custom:unselected_width="6dp"  custom:unselected_height="6dp"  android:layout_marginBottom="20dp"> </com.daimajia.slider.library.Indicators.PagerIndicator>

4. 在 Activity/Fragment 中定义以及配置 SliderLayout

首先就是要获取到 SliderLayout 控件以及自定义的 Indicator。

xmlmSlider = (SliderLayout) view.findViewById(R.id.home_slider_ad);indicator =(PagerIndicator)view.findViewById(R.id.home_indicator_ad);

然后就是准备好测试的数据,我在这里定义了一个实体类 BannerInfo,包括了图片 imgUrl 和描述内容 name。定义好实体类后就开始设置相应的测试数据并且添加到滚动图片列表 listBanner 中。

xmlprivate void getBannerData() { BannerInfo bannerInfo_01 = new BannerInfo(); bannerInfo_01.setName("音箱狂欢"); bannerInfo_01.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608f3b5Nc8d90151.jpg"); BannerInfo bannerInfo_02 = new BannerInfo(); bannerInfo_02.setName("手机国庆礼"); bannerInfo_02.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608eb8cN9b9a0a39.jpg"); BannerInfo bannerInfo_03 = new BannerInfo(); bannerInfo_03.setName("IT生活"); bannerInfo_03.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608cae6Nbb1a39f9.jpg"); listBanner.add(bannerInfo_01); listBanner.add(bannerInfo_02); listBanner.add(bannerInfo_03); }

接下来就是要配置 SliderLayout 的相关属性了,添加自定义的 Indicator,设置动画效果,添加图片列表数据以及设置监听事件

xmlprivate void initSlider() { if (listBanner != null) {  for (BannerInfo bannerInfo : listBanner) {  TextSliderView textSliderView = new TextSliderView(this.getActivity());  textSliderView.image(bannerInfo.getImgUrl())   .description(bannerInfo.getName())   .setScaleType(BaseSliderView.ScaleType.CenterCrop)   .setOnSliderClickListener(this);  mSlider.addSlider(textSliderView);  } } mSlider.setCustomIndicator(indicator); mSlider.setCustomAnimation(new DescriptionAnimation()); mSlider.setPresetTransformer(SliderLayout.Transformer.RotateUp); mSlider.setDuration(3000); mSlider.addOnPageChangeListener(this); }

5. 在onStop() 中停止 SliderLayout 滚动

在 Activity/Fragment 生命周期结束前,需要先停止图片的滚动,防止出现内存溢出等问题。

xml@Override public void onStop() { // To prevent a memory leak on rotation, make sure to call stopAutoCycle() on the slider before activity or fragment is destroyed mSlider.stopAutoCycle(); super.onStop(); }

上述就是小编为大家分享的Android中怎么利用ImageSlider实现一个炫酷轮播广告效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯