如何创建与此相同的量表?该量规类型是否存在任何库或Maven?我用帆布做圆规,但无法创建
RectF oval = getOval(canvas, 1);
RectF oval2 = getOval(canvas, 1.1f);
Paint paint = new Paint();
paint.setColor(Color.DKGRAY);
canvas.drawArc(oval2, 180, 90, true, paint);
canvas.drawArc(oval, 180, 90, true, backgroundPaint);
RectF innerOval = getOval(canvas, 0.9f);
canvas.drawArc(innerOval, 180, 90, true, backgroundInnerPaint);
<GaugeView
android:id="@+id/gauge"
android:layout_width="@dimen/panel_gauge_height"
android:layout_height="@dimen/panel_gauge_width"
app:divisions="8"
app:scaleEndValue="8"
app:scaleStartAngle="50"
app:scaleStartValue="0"
app:showNeedle="true"
app:subdivisions="2" />
你可以只是谷歌找到一堆的GagueViews。我想你已经做到了。
这看起来很简单。这样您就可以编写自己的习惯了View
。您可以drawArc
用来绘制3种不同的颜色弧。您可以drawLine
用来绘制测量点(只记得设置Paint.setStrokeCap(Cap.Round)
)。至于针,您可以使用drawPath
。通过一些努力和正确的坐标,您应该能够自己编写一个漂亮的GaugeView。
如果您发现编写自己的视图很困难,可以在参考资料GaugeView
中GitHub
。您将获得一个很好的起点。
更新:我GaugeView
根据您所问的图像写了一个简单的文章。计算以像素为单位,您可能需要将它们乘以DisplayMetrics.density
,以便它们以独立像素为单位。另外,您可能想在此处通过xml公开大多数值,以便可以在布局中控制它们。这可能是一个很好的起点。
public class GaugeView extends View {
private Paint arcPaint;
public GaugeView(Context context) {
super(context);
initialize();
}
public GaugeView(Context context, AttributeSet attrs) {
super(context, attrs);
initialize();
}
public GaugeView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initialize();
}
private void initialize() {
arcPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
arcPaint.setStyle(Paint.Style.STROKE);
arcPaint.setStrokeWidth(15f);
}
@Override
protected void onDraw(Canvas canvas) {
int width = canvas.getWidth();
int height = canvas.getHeight();
int arcCenterX = width - 10;
int arcCenterY = height - 10;
final RectF arcBounds = new RectF(arcCenterX - 100, arcCenterY - 100, arcCenterX + 100, arcCenterY + 100);
// Draw the arc
canvas.drawArc(arcBounds, 180f, 20f, false, arcPaint);
arcPaint.setColor(Color.DKGRAY);
canvas.drawArc(arcBounds, 200f, 40f, false, arcPaint);
arcPaint.setColor(Color.GRAY);
canvas.drawArc(arcBounds, 2400f, 30f, false, arcPaint);
// Draw the pointers
final int totalNoOfPointers = 20;
final int pointerMaxHeight = 25;
final int pointerMinHeight = 15;
int startX = arcCenterX - 120;
int startY = arcCenterY;
arcPaint.setStrokeWidth(5f);
arcPaint.setStrokeCap(Paint.Cap.ROUND);
int pointerHeight;
for (int i = 0; i <= totalNoOfPointers; i++) {
if(i%5 == 0){
pointerHeight = pointerMaxHeight;
}else{
pointerHeight = pointerMinHeight;
}
canvas.drawLine(startX, startY, startX - pointerHeight, startY, arcPaint);
canvas.rotate(90f/totalNoOfPointers, arcCenterX, arcCenterY);
}
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句