頁(yè)面拖動(dòng)到最后一頁(yè) 再向下滑動(dòng)回復(fù)到 第一頁(yè),第一頁(yè)向前滑動(dòng)回到 最后一頁(yè)
同時(shí),底部紅色小圓點(diǎn)隨著頁(yè)面的滑動(dòng)距離比例隨時(shí)改變位置

布局:
<?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:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.lian.viewpagertest.MainActivity"> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" > </android.support.v4.view.ViewPager> <TextView android:id="@+id/tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="內(nèi)容" android:textSize="25sp" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" /> <RelativeLayout android:id="@+id/rl_bottom" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="45dip" > <LinearLayout android:id="@+id/ll_points" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > </LinearLayout> <View android:id="@+id/v_redpoint" android:layout_width="10dip" android:layout_height="10dip" android:background="@drawable/red_circle" /> </RelativeLayout> </RelativeLayout>
其中red_circle是用shape繪制的紅色小圓點(diǎn)
最后的LinearLayout實(shí)際上是灰色小圓點(diǎn)的容器,在代碼中根據(jù)數(shù)據(jù)的長(zhǎng)度動(dòng)態(tài)確定數(shù)目
代碼:
package com.lian.viewpagertest;  import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.util.Log; import android.view.View; import android.view.ViewGroup; import android.view.ViewTreeObserver; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.RelativeLayout; import android.widget.TextView;  import java.util.ArrayList; import java.util.List;  public class MainActivity extends AppCompatActivity {    private ViewPager mViewPager;   private TextView mTextView;   private LinearLayout mLinearLayout;   private View mView;   private List<ImageView> mDataList;   private int diatance;    @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     initView();     initData();     initEvent();   }    /**    * 初始化數(shù)據(jù)    */    private void initData() {     int[] sorce = new int[]{R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e};      mDataList = new ArrayList<ImageView>();      for (int i = 0;i < sorce.length;i ++){       ImageView img = new ImageView(getApplicationContext());       img.setImageResource(sorce[i]);       mDataList.add(img);        //添加底部灰點(diǎn)       View v = new View(getApplicationContext());       v.setBackgroundResource(R.drawable.gray_circle);       //指定其大小       LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20,20);       if (i != 0)         params.leftMargin = 20;       v.setLayoutParams(params);       mLinearLayout.addView(v);     }      mViewPager.setAdapter(new MyAdapter());      //設(shè)置每次加載時(shí)第一頁(yè)在MAX_VALUE / 2 - Extra 頁(yè),造成用戶無(wú)限輪播的錯(cuò)覺(jué)     int startPage = Integer.MAX_VALUE / 2;     int extra = startPage % mDataList.size();     startPage = startPage - extra;     mViewPager.setCurrentItem(startPage);   }    /**    * ViewPager的容器    */    public class MyAdapter extends PagerAdapter{      @Override     public int getCount() {       //告訴容器我們的數(shù)據(jù)長(zhǎng)度為Integer.MAX_VALUE,這樣就可以一直滾動(dòng)       return Integer.MAX_VALUE;     }      @Override     public boolean isViewFromObject(View view, Object object) {       return view == object;     }      @Override     public Object instantiateItem(ViewGroup container, int position) {       //若position超過(guò)mDataList.size(),會(huì)發(fā)生越界異常,所以這里每次超過(guò)size又從0開(kāi)始計(jì)算位置       position = position % mDataList.size();        ImageView img = mDataList.get(position);       container.addView(img);        return img;     }      @Override     public void destroyItem(ViewGroup container, int position, Object object) {        position = position % mDataList.size();        container.removeView((View)object);        // super.destroyItem(container, position, object);     }   }    private void initEvent() {       /**      * 當(dāng)?shù)撞考t色小圓點(diǎn)加載完成時(shí)測(cè)出兩個(gè)小灰點(diǎn)的距離,便于計(jì)算后面小紅點(diǎn)動(dòng)態(tài)移動(dòng)的距離      */     mView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {       @Override       public void onGlobalLayout() {         diatance = mLinearLayout.getChildAt(1).getLeft() - mLinearLayout.getChildAt(0).getLeft();         Log.d("兩點(diǎn)間距",diatance + "測(cè)出來(lái)了");       }     });      mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {       @Override       public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {          //測(cè)出頁(yè)面滾動(dòng)時(shí)小紅點(diǎn)移動(dòng)的距離,并通過(guò)setLayoutParams(params)不斷更新其位置         position = position % mDataList.size();         float leftMargin = diatance * (position + positionOffset);         RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) mView.getLayoutParams();         params.leftMargin = Math.round(leftMargin);         mView.setLayoutParams(params);         Log.d("紅點(diǎn)在這",leftMargin + "");       }        @Override       public void onPageSelected(int position) {        }        @Override       public void onPageScrollStateChanged(int state) {        }     });   }    private void initView() {      setContentView(R.layout.activity_main);      mViewPager = (ViewPager) findViewById(R.id.viewpager);      mTextView = (TextView) findViewById(R.id.tv);      mLinearLayout = (LinearLayout) findViewById(R.id.ll_points);      mView = findViewById(R.id.v_redpoint);   } } 以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選