欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android ViewPager實現(xiàn)Banner循環(huán)播放

 更新時間:2016年09月10日 10:19:28   作者:程序猴  
這篇文章主要為大家詳細介紹了Android ViewPager實現(xiàn)Banner循環(huán)播放,具有一定的參考價值,感興趣的小伙伴們可以參考一下

問題的起源
在項目里,有時候需要實現(xiàn)一個圖片輪播的效果,用來展示Banner。同時,圖片能循環(huán)播放,下面還有一排小圓點來指示當(dāng)前輪播到哪一頁了。

如下圖:


分析
· 圖片的個數(shù)是會變化的,同時小圓點的個數(shù)也會跟著圖片個數(shù)變化
· 每一個page的布局是一樣的。變化的就是小圓點的個數(shù),所以需要用代碼來動態(tài)生成小圓點

編碼
布局
首先完成 MainActivity 的布局 activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/container"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >

 <!-- ViewPager -->
 <android.support.v4.view.ViewPager
  android:id="@+id/viewpager"
  android:layout_width="fill_parent"
  android:layout_height="180dip" />

 <LinearLayout
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:layout_alignBottom="@id/viewpager"
  android:background="#44000000"
  android:gravity="center"
  android:orientation="vertical"
  android:padding="5dip" >

  <!-- Banner的文字描述 -->
  <TextView
   android:id="@+id/tv_banner_text_desc"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:textColor="@android:color/white" />

  <!-- 小圓點的父控件 -->
  <LinearLayout
   android:id="@+id/ll_dot_group"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   android:layout_marginTop="5dip"
   android:gravity="center_horizontal"
   android:orientation="horizontal" >
  </LinearLayout>
 </LinearLayout>

</RelativeLayout>

因為小圓點共有兩種狀態(tài),一個是 enable 為 true 的狀態(tài),和 enable 為 false 的狀態(tài)。所以需要為小圓點編寫一個 selector 的 xml 配置文件,放在 drawable 文件夾中。這里,為它命名為 dot_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

 <item android:drawable="@drawable/point_bg_enable" android:state_enabled="true"></item>
 <item android:drawable="@drawable/point_bg_normal" android:state_enabled="false"></item>

</selector>

還需要再寫兩個 xml 文件,作為小圓點在不同狀態(tài)下的樣式
point_bg_enable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="oval" >
 <corners android:radius="0.5dip" />
 <solid android:color="#aaFFFFFF" />
</shape>

point_bg_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="oval" >
 <corners android:radius="0.5dip" />
 <solid android:color="#55000000" />
</shape>

準(zhǔn)備圖片資源
我在 res\drawable-hdpi 文件夾中放置了幾張圖片,以演示用


開始編碼
代碼都加上詳細注釋了,大家可以看看。有不明白的歡迎指出來

package com.owen.adbanner;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.SystemClock;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;

/**
 * ViewPager實現(xiàn)Banner循環(huán)滾動
 * 
 * @author owen
 */
public class MainActivity extends Activity {

 /** ViewPager中ImageView的容器 */
 private List<ImageView> imageViewContainer = null;


 /** 上一個被選中的小圓點的索引,默認(rèn)值為0 */
 private int preDotPosition = 0;

 /** Banner文字描述數(shù)組 */
 private String[] bannerTextDescArray = { 
   "鞏俐不低俗,我就不能低俗", 
   "樸樹又回來了,再唱經(jīng)典老歌引萬人大合唱",
   "揭秘北京電影如何升級", 
   "樂視網(wǎng)TV版大派送", "熱血屌絲的反殺" 
 };

 /** Banner滾動線程是否銷毀的標(biāo)志,默認(rèn)不銷毀 */
 private boolean isStop = false;

 /** Banner的切換下一個page的間隔時間 */
 private long scrollTimeOffset = 5000;

 private ViewPager viewPager;

 /** Banner的文字描述顯示控件 */
 private TextView tvBannerTextDesc;

 /** 小圓點的父控件 */
 private LinearLayout llDotGroup;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  initView();
  startBannerScrollThread();
 }

 /**
  * 開啟Banner滾動線程
  */
 private void startBannerScrollThread() {
  new Thread(new Runnable() {

   @Override
   public void run() {
    while (!isStop) {
     //每個兩秒鐘發(fā)一條消息到主線程,更新viewpager界面
     SystemClock.sleep(scrollTimeOffset);

     runOnUiThread(new Runnable() {
      public void run() {
       int newindex = viewPager.getCurrentItem() + 1;
       viewPager.setCurrentItem(newindex);
      }
     });
    }
   }
  }).start();
 }

 @Override
 protected void onDestroy() {
  // 銷毀線程
  isStop = true;
  super.onDestroy();
 }

 private void initView() {
  viewPager = (ViewPager) findViewById(R.id.viewpager);
  llDotGroup = (LinearLayout) findViewById(R.id.ll_dot_group);
  tvBannerTextDesc = (TextView) findViewById(R.id.tv_banner_text_desc);

  imageViewContainer = new ArrayList<ImageView>();
  int[] imageIDs = new int[] { 
    R.drawable.a, 
    R.drawable.b, 
    R.drawable.c,
    R.drawable.d,
    R.drawable.e, 
  };

  ImageView imageView = null;
  View dot = null;
  LayoutParams params = null;
  for (int id : imageIDs) {
   imageView = new ImageView(this);
   imageView.setBackgroundResource(id);
   imageViewContainer.add(imageView);

   // 每循環(huán)一次添加一個點到線行布局中
   dot = new View(this);
   dot.setBackgroundResource(R.drawable.dot_bg_selector);
   params = new LayoutParams(5, 5);
   params.leftMargin = 10;
   dot.setEnabled(false);
   dot.setLayoutParams(params);
   llDotGroup.addView(dot); // 向線性布局中添加"點"
  }

  viewPager.setAdapter(new BannerAdapter());
  viewPager.setOnPageChangeListener(new BannerPageChangeListener());

  // 選中第一個圖片、文字描述
  tvBannerTextDesc.setText(bannerTextDescArray[0]);
  llDotGroup.getChildAt(0).setEnabled(true);
  viewPager.setCurrentItem(0);
 }

 /**
  * ViewPager的適配器
  */
 private class BannerAdapter extends PagerAdapter {

  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
   container.removeView(imageViewContainer.get(position % imageViewContainer.size()));
  }

  @Override
  public Object instantiateItem(ViewGroup container, int position) {
   View view = imageViewContainer.get(position % imageViewContainer.size());

   // 為每一個page添加點擊事件
   view.setOnClickListener(new View.OnClickListener() {

    @Override
    public void onClick(View v) {
     Toast.makeText(MainActivity.this, "Page 被點擊了", Toast.LENGTH_SHORT).show();
    }

   });

   container.addView(view);
   return view;
  }

  @Override
  public int getCount() {
   return Integer.MAX_VALUE;
  }

  @Override
  public boolean isViewFromObject(View view, Object object) {
   return view == object;
  }

 }

 /**
  * Banner的Page切換監(jiān)聽器
  */
 private class BannerPageChangeListener implements ViewPager.OnPageChangeListener {

  @Override
  public void onPageScrollStateChanged(int arg0) {
   // Nothing to do
  }

  @Override
  public void onPageScrolled(int arg0, float arg1, int arg2) {
   // Nothing to do
  }

  @Override
  public void onPageSelected(int position) {
   // 取余后的索引,得到新的page的索引
   int newPositon = position % imageViewContainer.size();
   // 根據(jù)索引設(shè)置圖片的描述
   tvBannerTextDesc.setText(bannerTextDescArray[newPositon]);
   // 把上一個點設(shè)置為被選中
   llDotGroup.getChildAt(preDotPosition).setEnabled(false);
   // 根據(jù)索引設(shè)置那個點被選中
   llDotGroup.getChildAt(newPositon).setEnabled(true);
   // 新索引賦值給上一個索引的位置
   preDotPosition = newPositon;
  }

 }

}

參考來源
http://blog.csdn.net/allen315410/article/details/39294343
https://github.com/331637495/BannerDemo

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Android Studio 4.1沒有GsonFormat插件的解決

    Android Studio 4.1沒有GsonFormat插件的解決

    這篇文章主要介紹了Android Studio 4.1沒有GsonFormat插件的解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • Android編程實現(xiàn)popupwindow彈出后屏幕背景變成半透明效果

    Android編程實現(xiàn)popupwindow彈出后屏幕背景變成半透明效果

    這篇文章主要介紹了Android編程實現(xiàn)popupwindow彈出后屏幕背景變成半透明效果,涉及Android設(shè)置getWindows透明度的方法,需要的朋友可以參考下
    2016-01-01
  • 修改Android App樣式風(fēng)格的方法

    修改Android App樣式風(fēng)格的方法

    本文講的是如何修改Android App樣式風(fēng)格的方法,具體可以看下面的代碼
    2013-11-11
  • 修改Android中hosts文件的步驟詳解

    修改Android中hosts文件的步驟詳解

    有朋友問Android怎么修改Hosts?對于這個問題,由于手頭并沒有Android設(shè)備,所以只能從網(wǎng)上搜羅了方法并總結(jié)出來,下面這篇文章主要介紹了修改Android中hosts文件的步驟,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-02-02
  • Android三級緩存原理講解

    Android三級緩存原理講解

    今天小編就為大家分享一篇關(guān)于Android三級緩存原理講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-01-01
  • adb wireless進行Android手機調(diào)試詳解

    adb wireless進行Android手機調(diào)試詳解

    這篇文章給大家講解了在Android手機上使用adb wireless進行調(diào)試的步驟以及問題解決辦法,有需要的跟著學(xué)習(xí)下吧。
    2017-12-12
  • Android使用DatePickerDialog顯示時間

    Android使用DatePickerDialog顯示時間

    本文將結(jié)合實例代碼,介紹Android使用DatePickerDialog顯示時間,文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-07-07
  • Android安裝應(yīng)用 INSTALL_FAILED_DEXOPT 問題及解決辦法

    Android安裝應(yīng)用 INSTALL_FAILED_DEXOPT 問題及解決辦法

    這篇文章主要介紹了Android安裝應(yīng)用 INSTALL_FAILED_DEXOPT 解決辦法,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-04-04
  • Android獲取聯(lián)系人姓名和電話代碼

    Android獲取聯(lián)系人姓名和電話代碼

    這篇文章主要為大家詳細介紹了Android獲取聯(lián)系人姓名和電話代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 簡單實現(xiàn)Android應(yīng)用的啟動頁

    簡單實現(xiàn)Android應(yīng)用的啟動頁

    這篇文章主要介紹了簡單實現(xiàn)Android應(yīng)用的啟動頁,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-09-09

最新評論