麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 系統(tǒng) > Android > 正文

Android實現(xiàn)輪播圖片展示效果

2019-10-21 21:26:20
字體:
來源:轉載
供稿:網(wǎng)友

本文實例為大家分享了Android輪播圖片的展示,供大家參考,具體內容如下

實現(xiàn)邏輯

1.創(chuàng)建XML布局文件,使用ViewPager完成輪播圖片

2.初始化ViewPager控件,然后為控件設置適配器,創(chuàng)建出來的適配器實現(xiàn)里面的四個方法

3.四個方法分別是getCount isViewFromObject instantiateItem destroyItem

4.在onCreat方法中,加載圖片資源,將圖片ID存在集合中,使圖片能夠在頁面中顯示,(圖片之所以能夠在頁面中顯示,是因為在適配器中的instantiateItem方法中獲取了集合中的圖片元素)

5.圖片下方的文字顯示:圖片下方之所以會有文字,可以通過初始化控件,在ViewPager監(jiān)聽器中的onPageSelected方法中tv_desc.setText(descs[position]);這樣文字就可以跟隨者圖片進行切換

6.文字下方的小圓點的切換:在XML布局中設置一個Linlayout布局,然后再onCreat方法中設置小圓點,通過LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(10, 10);的方法引入小圓點(具體代碼可以參考下方的initDot方法)

7.要想讓小圓點隨著頁面的切換而切換,可以定義下方的changeDots的方法,讓此方法在監(jiān)聽器中的onPageSelected方法中進行調用

8.圖片的無限輪播的實現(xiàn):可以使適配器中的getCount返回值設為一個很大很大的值,同時在instantiateItem方法中設置position position = position % imageResIds.length;防止索引越界異常,這樣就可以使圖片無限輪播,但是此時還有一個問題就是,右邊可以無限輪播,但是左邊是無法無限輪播的,這個問題的解決辦法是在onCreat方法中設置當前選中的條目viewPager.setCurrentItem(count / 2);這樣兩邊都可以實現(xiàn)無限輪播 

9.圖片自動切換的處理:使用handler機制實現(xiàn)頁面的延時更新,同時為了防止內存溢出,需要在頁面可見時,也就是activity的onStart方法中發(fā)送消息,在頁面消失時,也就是onStop方法中刪除消息

布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.example.a2_.MainActivity"><android.support.v4.view.ViewPager  android:id="@+id/vp"  android:layout_width="match_parent"  android:layout_height="250dp"></android.support.v4.view.ViewPager><LinearLayout  android:orientation="vertical"  android:gravity="center"  android:background="#66000000"  android:layout_alignBottom="@id/vp"  android:layout_width="match_parent"  android:layout_height="50dp">  <TextView    android:id="@+id/desc"    android:text="描述文本"    android:textColor="#ffffff"    android:layout_width="wrap_content"    android:layout_height="wrap_content" />  <LinearLayout    android:id="@+id/layout_dot"    android:orientation="horizontal"    android:layout_width="wrap_content"    android:layout_height="wrap_content">  </LinearLayout></LinearLayout></RelativeLayout>

核心代碼

package com.example.a2_;import android.os.Handler;import android.os.Message;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {private static final int UPDATE_ITEM = 1;private ArrayList<ImageView> imageViews = new ArrayList<>();private int[] imageResIds = {R.mipmap.icon_1, R.mipmap.icon_2, R.mipmap.icon_3,    R.mipmap.icon_4, R.mipmap.icon_5};private String[] descs = {"為夢想堅持", "我相信我是黑馬", "黑馬公開課", "Google/IO", "輕松1w+"};private ViewPager viewPager;private TextView tv_desc;private LinearLayout layout_dot;private int count = 10000000;private Handler handler = new Handler() {  @Override  public void handleMessage(Message msg) {    switch (msg.what) {      case UPDATE_ITEM:        upDataItem();        break;    }    super.handleMessage(msg);  }};@Overrideprotected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  //初始化控件  viewPager = (ViewPager) findViewById(R.id.vp);  tv_desc = (TextView) findViewById(R.id.desc);  layout_dot = (LinearLayout) findViewById(R.id.layout_dot);  //給viewPager設置適配器  viewPager.setAdapter(new MyPagerAdapter());  //對viewPager設置監(jiān)聽器  viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {    //當頁面滾動時觸發(fā)的時間    @Override    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {    }    //當頁面被選中時觸發(fā)的方法    @Override    public void onPageSelected(int position) {      //對position進行處理      position = position % imageViews.size();      //當頁面被選中的時候,改變描述文本      tv_desc.setText(descs[position]);      changeDots(position);    }    //當頁面狀態(tài)滾動狀態(tài)發(fā)生改變時觸發(fā)的事件    @Override    public void onPageScrollStateChanged(int state) {      //當頁面空閑狀態(tài)被改變的時候      if (state == viewPager.SCROLL_STATE_IDLE) {        handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);      } else {        handler.removeMessages(UPDATE_ITEM);      }    }  });  //初始化圖片  initImage();  //初始化文字下方的點  initDot();  //當加載頁面的時候,默認讓第一個文本加載出來//    initDescFirst();  //使兩邊都可以無限輪播  viewPager.setCurrentItem(count / 2);//頁面加載時更新  upDataItem();}private void upDataItem() {  int index = viewPager.getCurrentItem();  viewPager.setCurrentItem(++index);  handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);}//選中對應的原點private void changeDots(int position) {  //先把所有的點恢復為白色  for (int i = 0; i < layout_dot.getChildCount(); i++) {    View view = layout_dot.getChildAt(i);    view.setSelected(false);  }  //獲取當前被選中的條目 設置為選中狀態(tài)  layout_dot.getChildAt(position).setSelected(true);}//初始化文字下方的點private void initDot() {  LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(10, 10);  layoutParams.setMargins(4, 4, 4, 4);  for (int i = 0; i < imageViews.size(); i++) {    View view = new View(this);    view.setBackgroundResource(R.drawable.seletor_dot);    view.setLayoutParams(layoutParams);    layout_dot.addView(view);  }}//當加載頁面的時候,默認讓第一個文本加載出來private void initDescFirst() {  tv_desc.setText(descs[0]);  changeDots(0);}//添加圖片,準備一個ImageView集合,用來交給instantiateItem添加到頁面private void initImage() {  for (int i = 0; i < imageResIds.length; i++) {    //創(chuàng)建出ImageView對象    ImageView imageView = new ImageView(getApplicationContext());    imageView.setImageResource(imageResIds[i]);    imageViews.add(imageView);  }}private class MyPagerAdapter extends PagerAdapter {  @Override  public int getCount() {    return count;  }  @Override  public boolean isViewFromObject(View view, Object object) {    //判斷這個view是不是通過instantiateItem創(chuàng)建出來的    return view == object;  }  //用來創(chuàng)建條目  @Override  public Object instantiateItem(ViewGroup container, int position) {    position = position % imageResIds.length;    //獲取條目    ImageView imageView = imageViews.get(position);    container.addView(imageView);    return imageView;  }  //用來銷毀條目,,且最多會創(chuàng)建出三個條目,多出來的條目將會被銷毀  @Override  public void destroyItem(ViewGroup container, int position, Object object) {    //銷毀創(chuàng)建的條目    container.removeView((View) object);  }}@Overrideprotected void onStart() {  super.onStart();  //當頁面顯示的時候,更新輪播圖  handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);}@Overrideprotected void onStop() {  super.onStop();  //當頁面不可見時,停止更新  handler.removeCallbacksAndMessages(null);}}

 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


注:相關教程知識閱讀請移步到Android開發(fā)頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 一级免费黄色免费片 | 91久久国产综合久久91精品网站 | 久久亚洲精品久久国产一区二区 | 成人一级免费视频 | 久久人人爽人人爽人人片av高清 | 国产亚洲精品视频中文字幕 | 久久精品一区二区三区国产主播 | 国产成人高清在线 | 毛片免费在线播放 | 久久精品视频7 | 国产一区二区三区视频观看 | 亚洲电影在线观看高清免费 | 国产在线精品一区二区三区 | 国产在线看一区 | 国产一级毛片高清视频 | 色中色在线播放 | 在线免费日韩 | 激情91| 成人性生活视频在线播放 | 国产精品视频久久久 | 插插操 | 日日噜噜噜噜久久久精品毛片 | 毛片免费在线视频 | 27xxoo无遮挡动态视频 | 视频一区 中文字幕 | 91美女视频在线 | 91香蕉影视 | 国产午夜电影在线观看 | 一级毛片播放 | 免费毛片电影 | 久久精品视频69 | 青久草视频 | 久久久国产精品免费观看 | 欧美成人国产va精品日本一级 | 成人综合区一区 | 黄色网址在线视频 | 久久精品亚洲一区 | 中国7777高潮网站 | 一级做a爱片久久毛片a高清 | 精品国产一级毛片 | av播放在线|