這篇文章主要講解了“Android中如何利用ImageSlider實現(xiàn)一個炫酷輪播廣告效果”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Android中如何利用ImageSlider實現(xiàn)一個炫酷輪播廣告效果”吧！

成都創(chuàng)新互聯(lián)公司服務(wù)項目包括鎮(zhèn)坪網(wǎng)站建設(shè)、鎮(zhèn)坪網(wǎng)站制作、鎮(zhèn)坪網(wǎng)頁制作以及鎮(zhèn)坪網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鎮(zhèn)坪網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到鎮(zhèn)坪省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1. Gradle 依賴配置

我們這里使用的是 android Studio 2.2.3 開發(fā)工具，Eclipse 引用第三方庫的具體方法可以參考AndroidImageSlider 源碼說明。在 build.gradle 文件中集成第三方庫的依賴。

xml
dependencies {
 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. 添加權(quán)限

使用該框架還需要添加相應(yīng)的權(quán)限，分別為網(wǎng)絡(luò)權(quán)限和讀文件的權(quán)限。

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

3. 添加到布局 Layout 中

將 SliderLayout 添加到相應(yīng)的布局文件 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 的話，可以自定義，當(dāng)然也可以使用該框架自帶的，這里是自定義 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。

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

然后就是準(zhǔn)備好測試的數(shù)據(jù)，我在這里定義了一個實體類 BannerInfo，包括了圖片 imgUrl 和描述內(nèi)容 name。定義好實體類后就開始設(shè)置相應(yīng)的測試數(shù)據(jù)并且添加到滾動圖片列表 listBanner 中。

xml
private 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 的相關(guān)屬性了，添加自定義的 Indicator，設(shè)置動畫效果，添加圖片列表數(shù)據(jù)以及設(shè)置監(jiān)聽事件

xml
private 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 生命周期結(jié)束前，需要先停止圖片的滾動，防止出現(xiàn)內(nèi)存溢出等問題。

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實現(xiàn)一個炫酷輪播廣告效果”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Android中如何利用ImageSlider實現(xiàn)一個炫酷輪播廣告效果這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

文章標(biāo)題：Android中如何利用ImageSlider實現(xiàn)一個炫酷輪播廣告效果-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://www.chinadenli.net/article30/dcsspo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站策劃、網(wǎng)站維護(hù)、網(wǎng)站建設(shè)、網(wǎng)站排名、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)