a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

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

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

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

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

實(shí)現(xiàn)邏輯

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

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

3.四個(gè)方法分別是getCount isViewFromObject instantiateItem destroyItem

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

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

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

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

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

9.圖片自動(dòng)切換的處理:使用handler機(jī)制實(shí)現(xiàn)頁(yè)面的延時(shí)更新,同時(shí)為了防止內(nèi)存溢出,需要在頁(yè)面可見時(shí),也就是activity的onStart方法中發(fā)送消息,在頁(yè)面消失時(shí),也就是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 = {"為夢(mèng)想堅(jiān)持", "我相信我是黑馬", "黑馬公開課", "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設(shè)置適配器  viewPager.setAdapter(new MyPagerAdapter());  //對(duì)viewPager設(shè)置監(jiān)聽器  viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {    //當(dāng)頁(yè)面滾動(dòng)時(shí)觸發(fā)的時(shí)間    @Override    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {    }    //當(dāng)頁(yè)面被選中時(shí)觸發(fā)的方法    @Override    public void onPageSelected(int position) {      //對(duì)position進(jìn)行處理      position = position % imageViews.size();      //當(dāng)頁(yè)面被選中的時(shí)候,改變描述文本      tv_desc.setText(descs[position]);      changeDots(position);    }    //當(dāng)頁(yè)面狀態(tài)滾動(dòng)狀態(tài)發(fā)生改變時(shí)觸發(fā)的事件    @Override    public void onPageScrollStateChanged(int state) {      //當(dāng)頁(yè)面空閑狀態(tài)被改變的時(shí)候      if (state == viewPager.SCROLL_STATE_IDLE) {        handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);      } else {        handler.removeMessages(UPDATE_ITEM);      }    }  });  //初始化圖片  initImage();  //初始化文字下方的點(diǎn)  initDot();  //當(dāng)加載頁(yè)面的時(shí)候,默認(rèn)讓第一個(gè)文本加載出來(lái)//    initDescFirst();  //使兩邊都可以無(wú)限輪播  viewPager.setCurrentItem(count / 2);//頁(yè)面加載時(shí)更新  upDataItem();}private void upDataItem() {  int index = viewPager.getCurrentItem();  viewPager.setCurrentItem(++index);  handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);}//選中對(duì)應(yīng)的原點(diǎn)private void changeDots(int position) {  //先把所有的點(diǎn)恢復(fù)為白色  for (int i = 0; i < layout_dot.getChildCount(); i++) {    View view = layout_dot.getChildAt(i);    view.setSelected(false);  }  //獲取當(dāng)前被選中的條目 設(shè)置為選中狀態(tài)  layout_dot.getChildAt(position).setSelected(true);}//初始化文字下方的點(diǎn)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);  }}//當(dāng)加載頁(yè)面的時(shí)候,默認(rèn)讓第一個(gè)文本加載出來(lái)private void initDescFirst() {  tv_desc.setText(descs[0]);  changeDots(0);}//添加圖片,準(zhǔn)備一個(gè)ImageView集合,用來(lái)交給instantiateItem添加到頁(yè)面private void initImage() {  for (int i = 0; i < imageResIds.length; i++) {    //創(chuàng)建出ImageView對(duì)象    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) {    //判斷這個(gè)view是不是通過instantiateItem創(chuàng)建出來(lái)的    return view == object;  }  //用來(lái)創(chuàng)建條目  @Override  public Object instantiateItem(ViewGroup container, int position) {    position = position % imageResIds.length;    //獲取條目    ImageView imageView = imageViews.get(position);    container.addView(imageView);    return imageView;  }  //用來(lái)銷毀條目,,且最多會(huì)創(chuàng)建出三個(gè)條目,多出來(lái)的條目將會(huì)被銷毀  @Override  public void destroyItem(ViewGroup container, int position, Object object) {    //銷毀創(chuàng)建的條目    container.removeView((View) object);  }}@Overrideprotected void onStart() {  super.onStart();  //當(dāng)頁(yè)面顯示的時(shí)候,更新輪播圖  handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);}@Overrideprotected void onStop() {  super.onStop();  //當(dāng)頁(yè)面不可見時(shí),停止更新  handler.removeCallbacksAndMessages(null);}}

 

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到Android開發(fā)頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 黄色视屏在线免费观看 | 天堂动漫 | 国产黄色av | 黄色在线视频网 | 欧美精品1区2区3区 亚洲区在线 | 一本色道久久综合狠狠躁篇的优点 | 欧美精产国品一二三区 | 日韩伦理一区二区 | 黄色网页大全 | 91精品国产高清一区二区三区 | 日韩欧美一区二区三区免费观看 | 97久久久| 91免费国产| 国产情侣自拍啪啪 | 极品白嫩少妇无套内谢 | 亚洲精品成人在线 | 成人羞羞在线观看网站 | 99热在线播放 | 亚洲最大av网站 | 欧美日韩中文字幕 | 欧美日韩在线一区二区 | 欧美日韩精品中文字幕 | 91免费看| 91资源在线观看 | 亚洲精品免费在线视频 | 国产精品一区二区久久精品爱微奶 | 国产高清在线精品一区二区三区 | 亚洲精品在线免费 | h片在线免费观看 | 国产视频一区二区在线 | 免费在线成人av | 日本高清视频一区二区三区 | 台湾佬成人 | 午夜视频网站 | 男女网站视频 | 九九色九九 | 中文字幕视频网站 | 亚洲男人天堂网 | 日本视频在线 | 日韩电影 | 亚洲精品在线播放 |