medvedych/SailTuner
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CircleMeter: base of arrow

Browse source
This commit is contained in:
Louis-Joseph Fournier 2016-01-01 10:39:17 +01:00
parent 591a5750a9
commit abfaee2973
1 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
qml/CircleMeter.qml
View file

@ -13,6 +13,8 @@ Item {
property double max: 50 property double max: 50
/// numbers to write on the scale /// numbers to write on the scale
property variant marks: [-40, -20, 0, 20, 40] property variant marks: [-40, -20, 0, 20, 40]
/// interval of little marks
property double submarks_int: 5
/// marks regions colors /// marks regions colors
property variant region_color: ["#F88E48", "#F8DE48", "#99E882", "#F8DE48", "#F88E48"] property variant region_color: ["#F88E48", "#F8DE48", "#99E882", "#F8DE48", "#F88E48"]
/// theme object /// theme object
@ -21,6 +23,8 @@ Item {
property double r_circle_min: 0.85 property double r_circle_min: 0.85
property double r_circle_max: 1 property double r_circle_max: 1
property double r_arrow_base: 0.1
property double amin: angle(min) property double amin: angle(min)
property double amax: angle(max) property double amax: angle(max)
@ -92,7 +96,11 @@ Item {
property double r_text: 0.92 property double r_text: 0.92
property double l_marker: 0.035 property double l_marker: 0.035
property double h_marker: 7 property double h_marker: 6
property double l_submarker: 0.020
property double h_submarker: 2
property int font_size: 20 property int font_size: 20
onPaint: { onPaint: {
@ -105,14 +113,22 @@ Item {
ctx.font = font_size + "px sans-serif" ctx.font = font_size + "px sans-serif"
ctx.textAlign = "center" ctx.textAlign = "center"
//ctx.fillStyle = theme.secondaryColor
ctx.lineWidth = h_marker
ctx.strokeStyle = theme.secondaryColor
for (var i = 0; i < marks.length; i++) { for (var i = 0; i < marks.length; i++) {
ctx.strokeStyle = theme.secondaryColor
ctx.lineWidth = h_marker
line_mark(ctx, marks[i], r_circle_min - l_marker, r_circle_min + l_marker) line_mark(ctx, marks[i], r_circle_min - l_marker, r_circle_min + l_marker)
var a = angle(marks[i]) var a = angle(marks[i])
ctx.fillText(marks[i], getx(a, r_text), gety(a, r_text) + 4) ctx.fillText(marks[i], getx(a, r_text), gety(a, r_text) + 4)
ctx.strokeText() ctx.strokeText()
// sub marks
ctx.strokeStyle = theme.primaryColor
ctx.lineWidth = h_submarker
var j_max = (i == marks.length - 1 ? max : marks[i+1])
for (var j = marks[i] + submarks_int; j < j_max; j += submarks_int) {
line_mark(ctx, j, r_circle_min - l_submarker, r_circle_min + l_submarker)
}
} }
// "beetween" marks // "beetween" marks
@ -121,6 +137,11 @@ Item {
for (var i = 0; i < marks.length - 1; i++) { for (var i = 0; i < marks.length - 1; i++) {
line_mark(ctx, (marks[i] + marks[i+1])/2, r_circle_min, r_circle_max) line_mark(ctx, (marks[i] + marks[i+1])/2, r_circle_min, r_circle_max)
} }
// center: arrow base
ctx.lineWidth = 1
ctx.strokeStyle = theme.secondaryColor
arc(ctx, r_arrow_base)
} }
} }
@ -129,7 +150,7 @@ Item {
id: arrow id: arrow
anchors.fill: parent anchors.fill: parent
property double k: 0.82 property double k: 0.82
property double k_base: 0.1 property double k_base: r_arrow_base
property double angle: parent.angle(level) property double angle: parent.angle(level)
onPaint: { onPaint: {