最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Android自定義view Path 的高級(jí)用法之搜索按鈕動(dòng)畫

 更新時(shí)間:2017年06月07日 15:06:27   作者:WangRain1  
這篇文章主要介紹了Android自定義view Path 的高級(jí)用法之搜索按鈕動(dòng)畫,需要的朋友可以參考下

關(guān)于Path之前寫的也很多了,例如path繪制線,path繪制一階,二階和三階貝塞爾路徑,這些都是path的基本用法。今天我要帶大家看的是Path 的高級(jí)用法,先上圖,再吹。

效果大致是這樣的??粗遣皇峭?。話不多說,切入正題:

既然今天要談Path的高級(jí)用法,那就先來講一講(Path -- 中文 )就是“路徑”既然是路徑,從我們面向?qū)ο蟮南敕ǖ脑?,我們就容易想?路徑 的長(zhǎng)度,路徑的某一點(diǎn)等。想到這里我們就引出今天 的主要 類--------PathMeasure,字面意思很容易理解--翻譯成 路徑測(cè)量。對(duì)這就是我們用來測(cè)量路徑的類。既然是一個(gè)類,我們就要看他集體有哪些方法和屬性。

1.構(gòu)造方法:

一個(gè)是有參數(shù),一個(gè)無參數(shù)。

無參數(shù)就很容易理解就是直接創(chuàng)建對(duì)象,那有參數(shù)呢?

PathMeasure(Path path, boolean forceClosed) ;第一個(gè)參數(shù) Path  咿 !這不就是我們的Path 了嗎。對(duì)既然是測(cè)量類,那就是要確定需要測(cè)量的那個(gè)路徑,那第二個(gè)參數(shù)呢?

第二個(gè)參數(shù)是用來確保 Path 閉合,如果設(shè)置為 true, 則不論之前Path是否閉合,都會(huì)自動(dòng)閉合該 Path(如果Path可以閉合的話)。

2.方法:

這方法還挺多,都是干啥的呢?就找?guī)讉€(gè)重要的,常用的講講:

第一個(gè)那就是 setPath(Path path, boolean forceClosed)

這方法一看就知道設(shè)置path 路徑的,就是如果我們創(chuàng)建 PathMeasure,時(shí)用的是無參的構(gòu)造方法時(shí) ,這時(shí)候就要用此方法,告訴PathMeasure 當(dāng)前需要測(cè)量的是哪一個(gè)path路徑。(個(gè)人喜歡用無參,比較靈活)。

第二個(gè)那就是getLength(),很容易理解就是 獲得 path 的總長(zhǎng)度。

第三個(gè):getSegment(float startD, float stopD, Path dst, boolean startWithMoveTo),這個(gè)方法非常重要,截取片段,截取的結(jié)果就是,我們的path路徑。參數(shù)也很好理解。第一個(gè)是開始的距離,第二個(gè)是結(jié)束的距離(相對(duì)于起點(diǎn)==既然是起點(diǎn),我們?cè)趺凑宜麄兊钠瘘c(diǎn)呢,其實(shí)就是我們繪制圖畫筆開始的哪一點(diǎn))。第三個(gè)參數(shù)就是返回的路徑。第四個(gè)參數(shù)起始點(diǎn)是否使用 moveTo 用于保證截取的 Path 第一個(gè)點(diǎn)位置不變。

第四個(gè):getPosTan(float distance, float[] pos, float[] tan),這個(gè)也是非常重要的,為什么呢?聽我解釋一下他的參數(shù)就知道了。第一個(gè)參數(shù)是距離(相對(duì)于繪制起點(diǎn)的路徑距離),第二個(gè)參數(shù)是距離起點(diǎn)的坐標(biāo)點(diǎn),第三個(gè)參數(shù)返回的是正玄函數(shù)tan@角度。

對(duì)這些參數(shù)了解之后下面就來講解我們今天的例子:

首先我們先來個(gè)簡(jiǎn)單的:例如

如圖這樣的分析過程:

1.首先繪制一個(gè)圓(藍(lán)色的),從45度開始繪制,注意圓的起點(diǎn)。

2.同圓心繪制大圓(輔助圓)用來輔助繪制藍(lán)色的線。

3.通過getPosTan(float distance, float[] pos, float[] tan)方法得到兩個(gè)圓的終點(diǎn)的坐標(biāo)。

4.利用lineTo(x,y)繪制線。就得到我們的搜索圖形了。

5.接下來就是實(shí)時(shí) 截取片段。getSegment(float startD, float stopD, Path dst, boolean startWithMoveTo),截取從距離0到getlength();這樣就產(chǎn)生了一個(gè)動(dòng)態(tài)的效果了。

看代碼:

關(guān)于畫筆,canvas畫布,valueanimator動(dòng)畫,這些請(qǐng)看之前的博客,都有詳細(xì)講解。

public class MySearch extends View {
  Paint paint;
  Path searchPath; //搜索的圓
  Path ciclePath; //外圓
  //獲得寬高
  int w;
  int h;
  //這是保存截取時(shí),返回的坐標(biāo)點(diǎn)
  float serpos[];
  float cicpos[];
  //測(cè)量 path 的類
  PathMeasure measure;
  //動(dòng)畫產(chǎn)生的實(shí)時(shí)數(shù)據(jù)
  float value;
  public MySearch(Context context) {
    this(context,null);
  }
  public MySearch(Context context, @Nullable AttributeSet attrs) {
    this(context,attrs,0);
  }
  public MySearch(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //獲得屏幕的寬高
    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    w = wm.getDefaultDisplay().getWidth();
    h = wm.getDefaultDisplay().getHeight();
    //初始化數(shù)據(jù)
    serpos = new float[2];
    cicpos = new float[2];
    //畫筆
    paint = new Paint();
    paint.setStyle(Paint.Style.STROKE);
    paint.setDither(true);
    paint.setStrokeWidth(6);
    paint.setAntiAlias(true);
    //初始化路徑
    initPath();
    //初始化動(dòng)畫
    initAnimator();
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //移動(dòng)畫布的遠(yuǎn)點(diǎn)到屏幕中心
    canvas.translate(w/2,h/5);
    paint.setColor(Color.BLUE);
    //這是截取方法返回的路徑
    Path dra = new Path();
    //解除硬件加速,不然沒效果
    dra.reset();
    dra.lineTo(0,0);
    //設(shè)置當(dāng)前需要測(cè)量的path
    measure.setPath(searchPath,false);
    //開始截取
    boolean s = measure.getSegment(measure.getLength()*value,measure.getLength(),dra,true);
    //繪制路徑
    canvas.drawPath(dra,paint);
  }
  /**
   * 初始化路徑
   */
  public void initPath(){
    paint.setColor(Color.BLUE);
    //搜索的圓
    searchPath = new Path();
    RectF rectF = new RectF(-50,-50,50,50);
    searchPath.addArc(rectF,45,359.9f);
    //輔助圓
    ciclePath = new Path();
    RectF rectF1 = new RectF(-100,-100,100,100);
    ciclePath.addArc(rectF1,45,359.9f);
    //測(cè)量類
    measure = new PathMeasure();
    measure.setPath(searchPath,false);
    //獲取坐標(biāo)
    measure.getPosTan(0,serpos,null);
    measure.setPath(ciclePath,false);
    //獲取坐標(biāo)
    measure.getPosTan(0,cicpos,null);
    //根據(jù)兩點(diǎn)坐標(biāo)繪制線
    searchPath.lineTo(cicpos[0],cicpos[1]);
  }
  /**
   * 初始化動(dòng)畫
   */
  public void initAnimator(){
    ValueAnimator animator = ValueAnimator.ofFloat(0,1);
    animator.setDuration(2600);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        value = (float) animation.getAnimatedValue();
        postInvalidate();
      }
    });
    animator.start();
  }
}

第一個(gè)圖大家學(xué)會(huì)了,去練習(xí)一下吧!

相關(guān)文章

最新評(píng)論

宣武区| 郴州市| 淳化县| 增城市| 镇沅| 当涂县| 潼关县| 太仓市| 锡林郭勒盟| 大田县| 罗山县| 沂源县| 封丘县| 涟源市| 丰都县| 芮城县| 克什克腾旗| 西青区| 读书| 临汾市| 彝良县| 太仓市| 渭南市| 栾川县| 广昌县| 沛县| 聂荣县| 荣成市| 阿城市| 阿坝县| 广德县| 凌源市| 九寨沟县| 广宁县| 涪陵区| 浙江省| 贺州市| 镇江市| 怀集县| 米林县| 哈尔滨市|