雖然在android5.0中design中有了TabLayout來(lái)實(shí)現(xiàn)ViewPager的Indicator，簡(jiǎn)單好用。但這個(gè)是我自己實(shí)現(xiàn)的，學(xué)習(xí)了很多，記錄在這里。效果圖：

成都創(chuàng)新互聯(lián)基于成都重慶香港及美國(guó)等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)綿陽(yáng)電信機(jī)房，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

第一步

新建一個(gè)類繼承LinearLayout，用來(lái)繪制指示器，及提供Viewpager滑動(dòng)時(shí)重繪指示器的方法：

public class ViewPagerIndicator extends LinearLayout{

  //畫(huà)筆
  private Paint mPaint;
   //用來(lái)畫(huà)一條線
  private Path mPath;
  //繪制線的寬度
  private int mLineWidth;
  //線的初始位置
  private int mInitTranslationX;
  //移動(dòng)位置
  private int mTranslationX;
  //子控件
  private View mChildView;

  public ViewPagerIndicator(Context context) {
    super(context,null);
  }

  public ViewPagerIndicator(Context context, AttributeSet attrs) {

    super(context, attrs);
    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setColor(Color.parseColor("#ffba00"));
    mPaint.setStrokeWidth(3);
    mPaint.setStyle(Paint.Style.STROKE);
  }

  //完成布局后獲取子控件
  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    mChildView = getChildAt(0);
  }
//在onSizeChanged中獲取寬和初始位置，并根據(jù)位置初始化線
  @Override
  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    mTranslationX = 0;
    mLineWidth = mChildView.getMeasuredWidth();
    mInitTranslationX = (w/getChildCount()-mLineWidth)/2;

    initLine();
  }
//初始化線
  private void initLine(){
    mPath = new Path();
    mPath.moveTo(0,0);
    mPath.lineTo(mLineWidth,0);

  }
//繪制線
  @Override
  protected void dispatchDraw(Canvas canvas) {
    canvas.save();
    //移動(dòng)到該坐標(biāo)后開(kāi)始繪制
    canvas.translate(mInitTranslationX + mTranslationX,getHeight());
    canvas.drawPath(mPath,mPaint);
    canvas.restore();
    super.dispatchDraw(canvas);
  }

  ////在viewpager的onPageScrolled監(jiān)聽(tīng)方法中調(diào)用此方法。viewPager滑動(dòng)時(shí)mTranslationX的距離跟著變化，實(shí)現(xiàn)線的滑動(dòng)，position，offset由onPageScrolled傳值
  public void scroll(int position ,float offset){
    int tabWidth = getWidth()/getChildCount();
    mTranslationX =(int) (tabWidth * offset +tabWidth * position);
    //請(qǐng)求重繪，調(diào)用dispatchDraw方法
    invalidate();
  }
}

網(wǎng)站名稱：android實(shí)現(xiàn)ViewPager的Indicator的實(shí)例代碼-創(chuàng)新互聯(lián)
當(dāng)前URL：http://chinadenli.net/article2/gesoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、全網(wǎng)營(yíng)銷推廣、外貿(mào)建站、App設(shè)計(jì)、網(wǎng)站排名、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)