标题:QML 实现芝麻信用分表盘
作者:crazy
日期:2018-02-04 22:41
内容:
从QWidget到QML，感觉QML确实太方便了，最近在学习QML,今天抽空画了个支付宝芝麻信用分表盘，表盘样子简约了不少，如下是现在最新版的样子：
请不要笑我分低。记得以前的样子是带刻度和数字的。以下是我实现的效果：
支持自适应窗体变化，自定义一些参数设置。。。。。
以下是核心代码：
onPaint:
{
var ctx = getContext("2d");
var width = canvas.width
var height = canvas.height
ctx.clearRect(0,0,width,height);
ctx.save();
//将原点移到中心点,方便绘制
ctx.translate(width/2,height/2);
drawPanel(ctx);
ctx.restore();
}
function drawPanel(ctx)
{
//绘制坐标轴,测试用
//drawCoordinate(ctx);
//绘制刻度
drawScale(ctx);
//绘制数字
drawNumber(ctx);
&n ..
#1 [nigoole 02-05 08:24]
#2 [九重水 02-05 09:50]
#3 [微笑内敛 02-05 11:18]
#4 [greedysky 02-05 13:11]
#5 [q小玩家 02-05 13:59]