image.png

public class TimeLineView extends View {

    public TimeLineView(Context context) {
        this(context,null);
    }

    public TimeLineView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public TimeLineView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context,attrs,defStyleAttr);
    }


    private Paint mPaint;
    private float mHeadRadius;//第一個(gè)節(jié)點(diǎn)的外半徑
    private int mHeadColor;//第一個(gè)節(jié)點(diǎn)顏色
    private int mOtherColor;//其它節(jié)點(diǎn)顏色
    private int mCount;//節(jié)點(diǎn)數(shù)
    private int mViewWidth;//時(shí)間軸位置
    private float mMarginTop;//時(shí)間軸距離頂部距離
    private float mOtherRadius;//時(shí)間軸節(jié)點(diǎn)半徑
    private float mDistance;//節(jié)點(diǎn)長(zhǎng)度
    private int mHeight;//總長(zhǎng)
    private float mWidth;//時(shí)間軸寬度
    private Bitmap mHeadBitmap;//第一個(gè)節(jié)點(diǎn)顯示圖片

    private Rect mLineRect;

    private void init(Context context, AttributeSet attrs, int defStyleAttr) {

        TypedArray array=context.obtainStyledAttributes(attrs, R.styleable.TimeLineView,defStyleAttr,0);

        mDistance=array.getDimension(R.styleable.TimeLineView_distance,20);
        mOtherRadius=array.getDimension(R.styleable.TimeLineView_radius,5);
        mOtherColor=array.getColor(R.styleable.TimeLineView_line_color, Color.parseColor("#A8A8A8"));
        mCount=array.getInteger(R.styleable.TimeLineView_count,0);
        mWidth=array.getDimension(R.styleable.TimeLineView_width,2);
        mMarginTop=array.getDimension(R.styleable.TimeLineView_marginTop,100);
        array.recycle();

        mPaint=new Paint();
        mPaint.setAntiAlias(true);

        mLineRect=new Rect();
        mHeadBitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.location);

    }


//    @Override
//    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
//        super.onSizeChanged(w, h, oldw, oldh);
//        mViewWidth=getMeasuredWidth()/2;
//
//    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int specMode = MeasureSpec.getMode(heightMeasureSpec);
        int specSize = MeasureSpec.getSize(heightMeasureSpec);

        setMeasuredDimension(mHeadBitmap.getWidth(),specSize);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for(int j=1;j<=mCount;j++){
            //頭結(jié)點(diǎn)
            if(j == 1){
                drawBitmap(canvas,null,null,mHeadBitmap);

                mPaint.setColor(mOtherColor);
                mPaint.setStyle(Paint.Style.FILL);
                //畫(huà)頭結(jié)點(diǎn)下的時(shí)間軸
                canvas.drawRect(new RectF((mHeadBitmap.getWidth()/2-mWidth/2),(int)(mHeadBitmap.getHeight() +mMarginTop),
                        (mHeadBitmap.getWidth()/2+mWidth/2),(int)(mHeadBitmap.getHeight()+mMarginTop+mDistance)),mPaint);
                continue;
            }

            float y=(2*mOtherRadius+mDistance)*(j-1)+mHeadBitmap.getHeight()+mMarginTop-mOtherRadius;
            canvas.drawCircle(mHeadBitmap.getWidth()/2,y,mOtherRadius,mPaint);
            if(j < mCount){
                int startX=(int)(mHeadBitmap.getWidth()/2-mWidth/2);
                int startY=(int)(y+mOtherRadius);
                int endX=(int)(mHeadBitmap.getWidth()/2+mWidth/2);
                int endY=(int)(startY+mDistance);
                mLineRect.set(startX,startY,endX,endY);
                canvas.drawRect(mLineRect,mPaint);
            }
        }
    }

    private void drawBitmap(Canvas canvas, Rect src, Rect dst, Bitmap mHeadBitmap) {
        if(dst == null){
            dst=new Rect(0,(int)mMarginTop,mHeadBitmap.getWidth(),mHeadBitmap.getHeight()+(int)mMarginTop);
        }
        Paint paint=new Paint();
        canvas.drawBitmap(mHeadBitmap,src,dst,paint);
    }

    public void setHeadRadius(int radius){
        mHeadRadius=radius;
        invalidate();
    }
}