国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > Android > 正文

Android實現輪播圖片展示效果

2019-10-21 21:26:20
字體:
來源:轉載
供稿:網友

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

實現邏輯

1.創建XML布局文件,使用ViewPager完成輪播圖片

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

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

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

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

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

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

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

9.圖片自動切換的處理:使用handler機制實現頁面的延時更新,同時為了防止內存溢出,需要在頁面可見時,也就是activity的onStart方法中發送消息,在頁面消失時,也就是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設置監聽器  viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {    //當頁面滾動時觸發的時間    @Override    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {    }    //當頁面被選中時觸發的方法    @Override    public void onPageSelected(int position) {      //對position進行處理      position = position % imageViews.size();      //當頁面被選中的時候,改變描述文本      tv_desc.setText(descs[position]);      changeDots(position);    }    //當頁面狀態滾動狀態發生改變時觸發的事件    @Override    public void onPageScrollStateChanged(int state) {      //當頁面空閑狀態被改變的時候      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);  }  //獲取當前被選中的條目 設置為選中狀態  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++) {    //創建出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創建出來的    return view == object;  }  //用來創建條目  @Override  public Object instantiateItem(ViewGroup container, int position) {    position = position % imageResIds.length;    //獲取條目    ImageView imageView = imageViews.get(position);    container.addView(imageView);    return imageView;  }  //用來銷毀條目,,且最多會創建出三個條目,多出來的條目將會被銷毀  @Override  public void destroyItem(ViewGroup container, int position, Object object) {    //銷毀創建的條目    container.removeView((View) object);  }}@Overrideprotected void onStart() {  super.onStart();  //當頁面顯示的時候,更新輪播圖  handler.sendEmptyMessageDelayed(UPDATE_ITEM, 3000);}@Overrideprotected void onStop() {  super.onStop();  //當頁面不可見時,停止更新  handler.removeCallbacksAndMessages(null);}}

 

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


注:相關教程知識閱讀請移步到Android開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 枝江市| 监利县| 南漳县| 泽普县| 浏阳市| 西乌| 志丹县| 黄浦区| 容城县| 安新县| 虎林市| 泸西县| 银川市| 桃园市| 新津县| 福州市| 通辽市| 江阴市| 青阳县| 辽宁省| 泰和县| 博湖县| 邵武市| 安宁市| 汾阳市| 婺源县| 肃南| 锡林浩特市| 开封市| 水富县| 沙湾县| 蓝田县| 马龙县| 彭阳县| 汕头市| 蒙阴县| 房产| 安阳市| 荥阳市| 汝城县| 科技|