时间轨迹图控件,自定义View
主要核心代码
package com.example.netprobe.view;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import com.example.netprobe.R;
/**
*
* @ClassName: TimeLineMarker
* @Description: 工作笔记页面时间轴控件
*
*/
public class TimeLineMarker extends View {
//线的宽度
private int mLineSize;
//标记的大小
private int mMarkerSize;
//开始的线
private Drawable mBeginLine;
//结束的线
private Drawable mEndLine;
//标记的图片
private Drawable mMarkerDrawable;
//时光轴线与图片间的间隙
private int drawablePadding;
public TimeLineMarker(Context context, AttributeSet attrs) {
super(context, attrs);
init(attrs);
}
private void init(AttributeSet attrs) {
TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.TimeLineMarker);
mMarkerSize = typedArray.getDimensionPixelSize(R.styleable.TimeLineMarker_markerSize, 26);
mLineSize = typedArray.getDimensionPixelSize(R.styleable.TimeLineMarker_lineSize, 16);
mBeginLine = typedArray.getDrawable(R.styleable.TimeLineMarker_beginLine);
mEndLine = typedArray.getDrawable(R.styleable.TimeLineMarker_endLine);
mMarkerDrawable = typedArray.getDrawable(R.styleable.TimeLineMarker_marker);
drawablePadding = typedArray.getDimensionPixelOffset(R.styleable.TimeLineMarker_drawablePadding, 10);
typedArray.recycle();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int w = mMarkerSize + getPaddingLeft() + getPaddingRight();
int h = mMarkerSize + getPaddingTop() + getPaddingBottom();
int widthSize = resolveSizeAndState(w, widthMeasureSpec, 0);
int heightSize = resolveSizeAndState(h, heightMeasureSpec, 0);
setMeasuredDimension(widthSize, heightSize);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
initDrawable();
}
int x;
int y;
int contentWidth;
int contentHeight;
private void initDrawable() {
int paddingLeft = getPaddingLeft();
int paddingRight = getPaddingRight();
int paddingTop = getPaddingTop();
int paddingBottom = getPaddingBottom();
int width = getWidth();
int height = getHeight();
contentWidth = width - paddingLeft - paddingRight;
contentHeight = height - paddingTop - paddingBottom;
x = width >> 1;
y = height >> 1;
int ms;
if (mMarkerDrawable != null) {
int markerSize = Math.min(mMarkerSize, Math.min(contentWidth, contentHeight));
ms = markerSize >> 1;
mMarkerDrawable.setBounds(x - ms, y - ms, x + ms, y + ms);
}
int lineLeft = 0;
lineLeft = x - (mLineSize >> 1);
if (mBeginLine != null) {
mBeginLine.setBounds(lineLeft, 0, lineLeft + mLineSize, mMarkerDrawable == null ? y : y - drawablePadding);
} else {
}
if (mEndLine != null) {
mEndLine.setBounds(lineLeft, mMarkerDrawable == null ? y : y + drawablePadding, lineLeft + mLineSize, height);
} else {
}
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (mBeginLine != null) {
mBeginLine.draw(canvas);
}
if (mEndLine != null) {
mEndLine.draw(canvas);
}
if (mMarkerDrawable != null) {
mMarkerDrawable.draw(canvas);
}
}
public void setMarkerDrawable(Drawable markerDrawable) {
this.mMarkerDrawable = markerDrawable;
initDrawable();
invalidate();
}
}
attrs属性
<!-- 时光轴 浏览历史 -->
<declare-styleable name="TimeLineMarker">
<attr name="markerSize" format="dimension" />
<attr name="marker" format="color|reference" />
<attr name="beginLine" format="color|reference" />
<attr name="endLine" format="color|reference" />
<attr name="lineSize" format="dimension" />
<attr name="drawablePadding" format="dimension" />
</declare-styleable>