android 自定义仪表盘（一） 绘制仪表盘边框

最新推荐文章于 2024-06-15 15:39:35 发布
最新推荐文章于 2024-06-15 15:39:35 发布
阅读量1.5k 收藏 5
点赞数
分类专栏： 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinxuexiang_blog/article/details/103326475
版权
本文介绍了如何在Android中自定义仪表盘边框的实现过程，包括创建attr.xml文件，定义相关属性，以及编写DrawArc类来绘制边框。通过实例代码详细解析了自定义绘图的关键步骤。
摘要由CSDN通过智能技术生成

效果图

1.首先在该目录下新增attr.xml文件

2.然后在该文件下加入如下内容：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- 仪表盘自定义属性 -->
    <attr name="color_dial_lower" format="color"/>
    <attr name="color_dial_middle" format="color"/>
    <attr name="color_dial_high" format="color"/>
    <attr name="stroke_width_dial" format="dimension"/>
    <declare-styleable name="ClockView">
        <attr name="color_dial_lower"/>
        <attr name="color_dial_middle"/>
        <attr
最低0.47元/天 解锁文章
qinxuexiang_blog
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在android实现仪表盘布局效果
04-28
在android实现仪表盘布局效果，这是google开源的-android dashboard
android：仪表盘（简单易实现）
08-26
很多仪表盘的例子比较复杂，我这个仪表盘的例子将一部分复杂成分转移给了美工人员，而在代码上非常简单明了。
Android车载之仪表盘功能实现一
最新发布
平头哥
06-15 244
这里用的是RotateAnimation，或者用ObjectAnimator也可以（如下图）。。。。。。
手把手带你画一个 时尚仪表盘 Android 自定义View
weixin_30776273的博客
01-06 317
拿到美工效果图，咱们程序员就得画得一模一样。 为了不被老板喷，只能多练啊。 听说你觉得前面几篇都so easy,那今天就带你做个相对比较复杂的。 转载请注明出处：http://blog.csdn.net/wingichoy/article/details/50468674 注意：每一篇博客都是建立在之前博客的基础知识上的，如果你刚接触自定义view。可以来说说自定义v...
android仪表盘
07-20
android仪表盘
Android 仪表盘
Myadmini的专栏
02-08 1064
1：概述 在以前的项目中，需要实现一个根据用户的压力值显示不同的进度（类似仪表盘）圆弧的进度条。 实现的原理其实很简单 ，自定义View 重写onDraw（）方法在里面同一圆心画三个不同半径颜色实心圆弧，主要了解canvas.drawArc(rectF, startAngle, sweepAngle, true, mPaint);的使用，五个参数的意思分别表示，圆弧的位置和大小，圆弧开始角度，圆弧的
android,仪表盘
09-26
使用强大的第三方控件，里面有折线图，柱形图，仪表盘，更中强大的控件，很容易使用
QT开发的好看的仪表盘示例
10-08
此外，QT还提供了QPainterPath来创建复杂的形状，这在设计仪表盘的复杂边框或刻度线时非常有用。通过定义路径，你可以精确控制线条的起点、终点以及曲线的形状。 为了增加仪表盘的互动性，你可以添加鼠标事件处理器...
自定义view-仪表盘
03-22
// 绘制仪表盘边框 Paint borderPaint = new Paint(); borderPaint.setColor(Color.GRAY); borderPaint.setStrokeWidth(2f); canvas.drawCircle(getWidth() / 2, getHeight() / 2, (getWidth() - ...
Qt编写的速度仪表盘
01-23
在本文中，我们将深入探讨如何使用Qt框架来创建一个动态的速度仪表盘。Qt是一个流行的、跨平台的应用程序开发框架，广泛用于构建桌面、移动和嵌入式系统的用户界面。在这个项目中，我们将专注于Qt4版本，尽管后续...
Android 自定义仪表盘
小小的博客
07-04 3575
最近需要写一个用到各种图表的项目，比较过后决定用hellocharts框架，感觉足够简洁，后来发现这框架里没有仪表盘这个控件，但又不想换其他框架，于是在网上搜索一番，找到一个仪表盘学习demo，尝试后初步改成了所需样式。
Android仪表盘
07-02
Android仪表盘
Android 仪表盘（网速）
07-28
Android 利用Canvas Bitmap Matrix 实现网速测试仪表盘的旋转，可以用来修改成你自己想要的风格的仪表盘
Android 仪表盘 Demo
05-11
Android 仪表盘 Demo
Android仪表盘实现
07-21
Android 利用Canvas Bitmap Matrix 实现汽车方向盘的旋转，可以用来修改成你自己想要的风格的仪表盘
Android的一款自定义的仪表盘控件
07-29
android一款仪表盘控件,测试可以安装。具体如何整合到你的应用，查看我的博客文章
Android 双刻度仪表盘
小米
05-17 1425
1、需求 这次要实现一个显示温湿度的view.开始打算用两个仪表盘来显示.原因是这个已经有很多轮子了(偷懒ing)。后来一想，已经有那么多轮子了，还是自己写一个吧，顺便复习一下自定义view的相关用法。 2、效果 最后实现的效果就是这个样子了。 3、实现前的分析和思路 想要用同一个控件同事显示两个进度值，这里用指针就指向数值就不太合适了，还是用两个嵌套在一起的仪表盘比较好。那么要先做什么，再做什...
Android自定义仪表盘
一个android开发者的博客
01-01 2078
android自定义view画仪表盘
Android自定义仪表盘View（汽车速度仪，刻度盘等），多种自定义模式，满足多种需求
Chauvet
11-05 6575
效果图源码点我点我，欢迎star or fork
android 绘制仪表盘
04-01
要在Android上绘制仪表盘，可以使用Canvas和Paint对象来绘制。以下是一个简单的示例： 1. 创建一个自定义View类，例如DashboardView。 2. 在onDraw方法中，创建一个Canvas对象并使用Paint对象来绘制仪表盘。 3. 首先，绘制一个圆形的底部，使用Paint对象设置颜色和样式。 4. 绘制仪表盘的指针，根据当前数值计算指针的角度，然后使用Canvas的rotate方法旋转指针。 5. 最后，绘制仪表盘的刻度线和数字。可以使用Paint对象设置颜色，样式和文本大小。 以下是一个简单的示例代码： ```java public class DashboardView extends View { private Paint mPaint; private int mValue; private int mMaxValue; public DashboardView(Context context) { super(context); init(); } public DashboardView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public DashboardView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(10); mPaint.setColor(Color.BLUE); } public void setValue(int value) { mValue = value; invalidate(); } public void setMaxValue(int maxValue) { mMaxValue = maxValue; invalidate(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int width = getWidth(); int height = getHeight(); int centerX = width / 2; int centerY = height / 2; int radius = Math.min(width, height) / 2 - 20; // 绘制底部圆形 mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(Color.LTGRAY); canvas.drawCircle(centerX, centerY, radius, mPaint); // 绘制指针 mPaint.setStyle(Paint.Style.STROKE); mPaint.setColor(Color.BLUE); int angle = mValue * 180 / mMaxValue; canvas.save(); canvas.rotate(angle, centerX, centerY); canvas.drawLine(centerX, centerY, centerX, centerY - radius, mPaint); canvas.restore(); // 绘制刻度线和数字 mPaint.setTextSize(40); for (int i = 0; i <= mMaxValue; i += 10) { int tickAngle = i * 180 / mMaxValue; canvas.save(); canvas.rotate(tickAngle, centerX, centerY); if (i % 20 == 0) { canvas.drawLine(centerX, centerY - radius, centerX, centerY - radius + 40, mPaint); canvas.drawText("" + i, centerX - mPaint.measureText("" + i) / 2, centerY - radius + 80, mPaint); } else { canvas.drawLine(centerX, centerY - radius, centerX, centerY - radius + 20, mPaint); } canvas.restore(); } } } ``` 可以在Activity中使用该自定义View类： ```java public class MainActivity extends AppCompatActivity { private DashboardView mDashboardView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mDashboardView = findViewById(R.id.dashboard_view); mDashboardView.setMaxValue(100); } public void onButtonClick(View view) { int value = new Random().nextInt(101); mDashboardView.setValue(value); } } ``` 在布局文件中添加该自定义View： ```xml <com.example.dashboard.DashboardView android:id="@+id/dashboard_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 点击按钮可以随机设置数值。效果如下图所示： ![DashboardView](https://i.imgur.com/5c0K0JF.png)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值