控件功能導航說明ViewGuide

控件功能導航說明
public class GuideView extends View{
    private Context context;
    private int width;//設置高
    private int height;//設置高

    private Paint paint_background,paint_Button;
    private TextPaint textPaint;
    private List<ViewBean> views;
    private int position=0;
    private OnFinishListener mOnFinishListener;

    public GuideView(Context context) {
        super(context);
        this.context=context;
        initPaint();
    }

    public GuideView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.context=context;
        initPaint();
    }

    public GuideView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context=context;
        initPaint();
    }

    private void initPaint() {
        paint_background=new Paint();
        paint_background.setAntiAlias(true);
        paint_background.setStyle(Paint.Style.FILL_AND_STROKE);
        paint_background.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
        setLayerType(LAYER_TYPE_SOFTWARE, null);

        paint_Button=new Paint();
        paint_Button.setAntiAlias(true);
        paint_Button.setStrokeWidth(3);
        paint_Button.setStyle(Paint.Style.STROKE);
        paint_Button.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

        textPaint=new TextPaint();
        textPaint.setAntiAlias(true);
        textPaint.setColor(Color.WHITE);
        textPaint.setStyle(Paint.Style.FILL);
        textPaint.setTextAlign(Paint.Align.CENTER);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawARGB(100, 0, 0, 0);
        drawBackground(canvas);
        drawText(canvas);
    }

    private void drawBackground(Canvas canvas) {
        View view=views.get(position).getView();

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            canvas.drawRoundRect(view.getX()+left*value,view.getY()+top*value,view.getX()+view.getWidth()+right*value,view.getY()+view.getHeight()+bottom*value,10,10,paint_background);
        }else {
            canvas.drawRect(view.getX(),view.getY(),view.getX()+view.getWidth(),view.getY()+view.getHeight(),paint_background);
        }
    }

    private void drawText(Canvas canvas) {
        canvas.save();
        textPaint.setTextSize(width/20);
        StaticLayout myStaticLayout = new StaticLayout(views.get(position).getContent(), textPaint, canvas.getWidth()*3/4, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false);
        if(views.get(position).getView().getY()<height/2){
            canvas.translate(width/2,views.get(position).getView().getY()+views.get(position).getView().getHeight()+width/10+bottom*value);
        }else {
            canvas.translate(width/2,views.get(position).getView().getY()-width/10+bottom*value-myStaticLayout.getHeight());
        }
        myStaticLayout.draw(canvas);
        canvas.restore();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                return true;
            case MotionEvent.ACTION_UP:
                if(valueAnimator==null||(valueAnimator!=null&&!valueAnimator.isRunning())){
                    position++;
                    if(position==views.size()){
                        if(mOnFinishListener!=null){
                            mOnFinishListener.isFinish(true);
                        }
                    }else {
                        SwitchAmin();
                    }
                }
                return true;
        }
        return super.onTouchEvent(event);
    }

    private float value=0;
    private float left=0,top=0,right=0,bottom=0;
    private ValueAnimator valueAnimator;
    private void SwitchAmin() {
        View viewFormer;
        if(views.size()==0){
            return;
        }
        View view=views.get(position).getView();

        if(views.size()==1){
            left=0-view.getX();
            top=0-view.getY();
            right=width-view.getX()-view.getWidth();
            bottom=height-view.getY()-view.getHeight();
        }else {
            if(position==0){
                left=0-view.getX();
                top=0-view.getY();
                right=width-view.getX()-view.getWidth();
                bottom=height-view.getY()-view.getHeight();
            }else {
                viewFormer=views.get(position-1).getView();
                left=viewFormer.getX()-view.getX();
                top=viewFormer.getY()-view.getY();
                right=viewFormer.getX()+viewFormer.getWidth()-view.getX()-view.getWidth();
                bottom=viewFormer.getY()+viewFormer.getHeight()-view.getY()-view.getHeight();
            }
        }

        valueAnimator= ValueAnimator.ofFloat(1f,0f);
        valueAnimator.setDuration(500);
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                value= (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        valueAnimator.start();
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getDefaultSize(getMeasuredWidth(), widthMeasureSpec);// 獲得控件的寬度
        height = getDefaultSize(getMeasuredHeight(), heightMeasureSpec);//獲得控件的高度
        setMeasuredDimension(width , height);//設置寬和高
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
    }

    public void setViews(List<ViewBean> views){
        this.views=views;
        invalidate();
    }

    public void setReStart(){
        position=0;
        SwitchAmin();
    }

    /**
     * 點擊結(jié)束
     */
    public interface OnFinishListener{
        void isFinish(boolean isFinish);
    }

    public void setOnFinishListener(OnFinishListener listener){
        this.mOnFinishListener=listener;
    }
}

GitHub地址 https://github.com/ZuoJinDong/Guide

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末便监,一起剝皮案震驚了整個濱河市提针,隨后出現(xiàn)的幾起案子蛙粘,更是在濱河造成了極大的恐慌,老刑警劉巖更耻,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異倡怎,居然都是意外死亡,警方通過查閱死者的電腦和手機酗电,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來内列,“玉大人撵术,你說我怎么就攤上這事』扒疲” “怎么了嫩与?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長交排。 經(jīng)常有香客問我蕴纳,道長,這世上最難降的妖魔是什么个粱? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮翻翩,結(jié)果婚禮上都许,老公的妹妹穿的比我還像新娘。我一直安慰自己嫂冻,他們只是感情好胶征,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桨仿,像睡著了一般睛低。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上服傍,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天钱雷,我揣著相機與錄音,去河邊找鬼吹零。 笑死罩抗,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的灿椅。 我是一名探鬼主播套蒂,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼茫蛹!你這毒婦竟也來了操刀?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤婴洼,失蹤者是張志新(化名)和其女友劉穎骨坑,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體柬采,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡卡啰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年静稻,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匈辱。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡振湾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出亡脸,到底是詐尸還是另有隱情押搪,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布浅碾,位于F島的核電站大州,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏垂谢。R本人自食惡果不足惜厦画,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望滥朱。 院中可真熱鬧根暑,春花似錦、人聲如沸徙邻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽缰犁。三九已至淳地,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間帅容,已是汗流浹背颇象。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留并徘,地道東北人夯到。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像饮亏,于是被迫代替她去往敵國和親耍贾。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內(nèi)容