时间轨迹图控件，自定义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>

时间轨迹图控件，自定义View相关推荐

android自定义波浪图,Android自定义控件--波浪图控件
今天给大家分享一个android的波浪图控件制作.具体效果如下图所示: 上次有个app使用了这个控件,感觉特别酷炫.今天讲解一下这个控件的思路分析与代码编写. 思路分析: 1.绘制波浪图 2.移动波浪 ...
甘特图控件如何自定义绘图？DevExpress Winforms帮你忙
DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.无论是Office风格的界面,还是分析处理大批量的业务数据,DevExpr ...
asp.net甘特图控件exG2antt介绍及免费下载
2019独角兽企业重金招聘Python工程师标准>>> exG2antt控件是一款可编辑的表格和甘特图控件,联合了exGrid和exGantt控件. 具体功能: 支持打印和打印预览 ...
WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
原文:WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展一．前言申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐 ...
日历控件如何切换语言 vant_看看甘特图控件VARCHART XGantt的亮点
XGantt从1998年的第一个商用版本开始就致力于计划编制和项目管理方面控件的研究和开发,经过20多年的积累和沉淀,目前可为软件开发商和最终用户提供最顶级的计划编制和项目管理的控件产品,帮助用户快速 ...
Android手工打造脑图控件
背景所有的开发背景都是项目需要.先上屌炸天的设计图. 效果导出效果不清晰,尽量看吧. 功能脑图展示样式订制(文字颜色.图标.样式.边框..) 折叠方式支持两种:a.同侧折叠不影响其他.b.同侧 ...
【iOS】简单易用的折线图控件
一个简单易用的折线图控件,最近项目工程中需要用到一个折现图,看了网上的一些例子,但都不能满足UED的特殊要求,所以只能自己写了一个. 先来看下效果图: 基本实现以下功能: 支持自定义Y轴坐标数支持自 ...
甘特图控件VARCHART XGantt的功能亮点
甘特图(Xgantt)从1998年的第一个商用版本开始就致力于计划编制和项目管理方面控件的研究和开发,经过20多年的积累和沉淀,目前可为软件开发商和最终用户提供最顶级的计划编制和项目管理的控件产品,帮 ...
HQChart使用教程5- K线图控件操作函数说明
K线图控件操作函数说明周期切换切换股票切换指标增加一个窗口指标 AddIndexWindow indexName option 增加一个自定义通达信脚本指标窗口 AddScriptIndexW ...

时间轨迹图控件，自定义View

时间轨迹图控件，自定义View相关推荐

最新文章

热门文章