「App:Library:LVGL:docs:Widgets:Gauge (lv gauge)」の版間の差分
(同じ利用者による、間の1版が非表示) | |||
56行目: | 56行目: | ||
|The gauge can show more than one needle. | |The gauge can show more than one needle. | ||
− | Use the <code>lv_gauge_set_needle_count(gauge, needle_num, color_array)</code> function to set the number of needles and an array with colors for each needle. | + | Use the <code style="color: #bb0000;">lv_gauge_set_needle_count(gauge, needle_num, color_array)</code> function to set the number of needles and an array with colors for each needle. |
The array must be static or global variable because only its pointer is stored. | The array must be static or global variable because only its pointer is stored. | ||
− | You can use <code>lv_gauge_set_value(gauge, needle_id, value)</code> to set the value of a needle. | + | You can use <code style="color: #bb0000;">lv_gauge_set_value(gauge, needle_id, value)</code> to set the value of a needle. |
|ゲージは複数の針を示すことができます。 | |ゲージは複数の針を示すことができます。 | ||
− | <code>lv_gauge_set_needle_count(gauge, needle_num, color_array)</code>関数を使用して、各針の色の針と配列を設定します。 | + | <code style="color: #bb0000;">lv_gauge_set_needle_count(gauge, needle_num, color_array)</code>関数を使用して、各針の色の針と配列を設定します。 |
配列は、そのポインターのみが保存されるため、静的またはグローバル変数でなければなりません。 | 配列は、そのポインターのみが保存されるため、静的またはグローバル変数でなければなりません。 | ||
− | <code>lv_gauge_set_value(gauge, needle_id, value)</code>を使用して、針の値を設定できます。 | + | <code style="color: #bb0000;">lv_gauge_set_value(gauge, needle_id, value)</code>を使用して、針の値を設定できます。 |
|} | |} | ||
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | :[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | ||
78行目: | 78行目: | ||
!自動翻訳 | !自動翻訳 | ||
|- | |- | ||
− | |You can use the <code>lv_gauge_set_scale(gauge, angle, line_num, label_cnt)</code> function to adjust the scale angle and the number of the scale lines and labels. | + | |You can use the <code style="color: #bb0000;">lv_gauge_set_scale(gauge, angle, line_num, label_cnt)</code> function to adjust the scale angle and the number of the scale lines and labels. |
The default settings are 220 degrees, 6 scale labels, and 21 lines. | The default settings are 220 degrees, 6 scale labels, and 21 lines. | ||
85行目: | 85行目: | ||
The scale of the Gauge can have offset. | The scale of the Gauge can have offset. | ||
− | It can be adjusted with <code>lv_gauge_set_angle_offset(gauge, angle)</code>. | + | It can be adjusted with <code style="color: #bb0000;">lv_gauge_set_angle_offset(gauge, angle)</code>. |
− | |l<code>lv_gauge_set_scale(gauge, angle, line_num, label_cnt)</code>関数を使用して、スケール角とスケールラインとラベルの数を調整できます。 | + | |l<code style="color: #bb0000;">lv_gauge_set_scale(gauge, angle, line_num, label_cnt)</code>関数を使用して、スケール角とスケールラインとラベルの数を調整できます。 |
デフォルトの設定は、220度、6スケールラベル、21行です。 | デフォルトの設定は、220度、6スケールラベル、21行です。 | ||
93行目: | 93行目: | ||
ゲージのスケールにはオフセットがあります。 | ゲージのスケールにはオフセットがあります。 | ||
− | <code>lv_gauge_set_angle_offset(gauge, angle)</code>で調整できます。 | + | <code style="color: #bb0000;">lv_gauge_set_angle_offset(gauge, angle)</code>で調整できます。 |
|} | |} | ||
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | :[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | ||
104行目: | 104行目: | ||
!自動翻訳 | !自動翻訳 | ||
|- | |- | ||
− | |The range of the gauge can be specified by <code>lv_gauge_set_range(gauge, min, max)</code>. | + | |The range of the gauge can be specified by <code style="color: #bb0000;">lv_gauge_set_range(gauge, min, max)</code>. |
The default range is 0..100. | The default range is 0..100. | ||
121行目: | 121行目: | ||
|An images also can be used as needles. | |An images also can be used as needles. | ||
− | The image should point to the right (like <code>==></code>). To set an image use <code>lv_gauge_set_needle_img(gauge1, &img, pivot_x, pivot_y)</code>. | + | The image should point to the right (like <code style="color: #bb0000;">==></code>). To set an image use <code style="color: #bb0000;">lv_gauge_set_needle_img(gauge1, &img, pivot_x, pivot_y)</code>. |
− | <code>pivot_x</code> and <code>pivot_y</code> are offset of the rotation center from the top left corner. | + | <code style="color: #bb0000;">pivot_x</code> and <code style="color: #bb0000;">pivot_y</code> are offset of the rotation center from the top left corner. |
− | Images will be recolored to the needle's color with <code>image_recolor_opa</code> intensity coming from the styles in <code>LV_GAUGE_PART_NEEDLE</code>. | + | Images will be recolored to the needle's color with <code style="color: #bb0000;">image_recolor_opa</code> intensity coming from the styles in <code style="color: #bb0000;">LV_GAUGE_PART_NEEDLE</code>. |
|An images also can be used as needles. | |An images also can be used as needles. | ||
− | The image should point to the right (like <code>==></code>). To set an image use <code>lv_gauge_set_needle_img(gauge1, &img, pivot_x, pivot_y)</code>. | + | The image should point to the right (like <code style="color: #bb0000;">==></code>). To set an image use <code style="color: #bb0000;">lv_gauge_set_needle_img(gauge1, &img, pivot_x, pivot_y)</code>. |
− | <code>pivot_x</code> and <code>pivot_y</code> are offset of the rotation center from the top left corner. | + | <code style="color: #bb0000;">pivot_x</code> and <code style="color: #bb0000;">pivot_y</code> are offset of the rotation center from the top left corner. |
− | Images will be recolored to the needle's color with <code>image_recolor_opa</code> intensity coming from the styles in <code>LV_GAUGE_PART_NEEDLE</code>. | + | Images will be recolored to the needle's color with <code style="color: #bb0000;">image_recolor_opa</code> intensity coming from the styles in <code style="color: #bb0000;">LV_GAUGE_PART_NEEDLE</code>. |
|} | |} | ||
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | :[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | ||
143行目: | 143行目: | ||
!自動翻訳 | !自動翻訳 | ||
|- | |- | ||
− | |To set a critical value, use <code>lv_gauge_set_critical_value(gauge, value)</code>. | + | |To set a critical value, use <code style="color: #bb0000;">lv_gauge_set_critical_value(gauge, value)</code>. |
The scale color will be changed to ''scale_end_color'' after this value. | The scale color will be changed to ''scale_end_color'' after this value. | ||
The default critical value is 80. | The default critical value is 80. | ||
− | | | + | |臨界値を設定するには、<code style="color: #bb0000;">lv_gauge_set_critical_value(gauge, value)</code> を使用します。 |
この値を境に、スケールカラーは scale_end_color に変更されます。 | この値を境に、スケールカラーは scale_end_color に変更されます。 |
2022年8月31日 (水) 15:50時点における最新版
https://docs.lvgl.io/latest/en/html/widgets/gauge.html
Gauge (lv_gauge)
Overview
英文 | 自動翻訳 |
---|---|
The gauge is a meter with scale labels and one or more needles. |
ゲージは、スケールラベルと1つ以上の針を備えたメーターです。 |
Parts and Styles
英文 | 自動翻訳 |
---|---|
The Gauge's main part is called LV_GAUGE_PART_MAIN . It draws a background using the typical background style properties and "minor" scale lines using the line and scale style properties.
It also uses the text properties to set the style of the scale labels. pad_inner is used to set space between the scale lines and the scale labels.
The size and the typical background properties are used to describe a rectangle (or circle) in the pivot point of the needle(s). pad_inner is used to to make the needle(s) smaller than the outer radius of the scale lines. |
ゲージの主要部分は、LV_GAUGE_PART_MAIN と呼ばれます。 典型的なバックグラウンドスタイルのプロパティと、ラインおよびスケールスタイルのプロパティを使用して「マイナー」スケールラインを使用して背景を描画します。
また、テキストプロパティを使用して、スケールラベルのスタイルを設定します。 PAD_INNERは、スケールラインとスケールラベルの間にスペースを設定するために使用されます。
サイズと典型的な背景特性は、針のピボットポイントの長方形(または円)を記述するために使用されます。 PAD_INNERは、スケールラインの外側半径よりも針を小さくするために使用されます。 |
Usage
Set value and needles
英文 | 自動翻訳 |
---|---|
The gauge can show more than one needle.
Use the The array must be static or global variable because only its pointer is stored.
|
ゲージは複数の針を示すことができます。
配列は、そのポインターのみが保存されるため、静的またはグローバル変数でなければなりません。
|
Scale
英文 | 自動翻訳 |
---|---|
You can use the lv_gauge_set_scale(gauge, angle, line_num, label_cnt) function to adjust the scale angle and the number of the scale lines and labels.
The default settings are 220 degrees, 6 scale labels, and 21 lines.
It can be adjusted with |
llv_gauge_set_scale(gauge, angle, line_num, label_cnt) 関数を使用して、スケール角とスケールラインとラベルの数を調整できます。
デフォルトの設定は、220度、6スケールラベル、21行です。
|
Range
英文 | 自動翻訳 |
---|---|
The range of the gauge can be specified by lv_gauge_set_range(gauge, min, max) .
The default range is 0..100. |
ゲージの範囲は、lv_gage_set_range(ゲージ、min、max)で指定できます。
デフォルトの範囲は0..100です。 |
Needle image
英文 | 自動翻訳 |
---|---|
An images also can be used as needles.
The image should point to the right (like
Images will be recolored to the needle's color with |
An images also can be used as needles.
The image should point to the right (like
Images will be recolored to the needle's color with |
Critical value
英文 | 自動翻訳 |
---|---|
To set a critical value, use lv_gauge_set_critical_value(gauge, value) .
The scale color will be changed to scale_end_color after this value. The default critical value is 80. |
臨界値を設定するには、lv_gauge_set_critical_value(gauge, value) を使用します。
この値を境に、スケールカラーは scale_end_color に変更されます。 デフォルトの臨界値は 80 です。 |
Events
英文 | 自動翻訳 |
---|---|
Only the Generic events are sent by the object type.
|
一般的なイベントのみがオブジェクトタイプによって送信されます。
|
Keys
英文 | 自動翻訳 |
---|---|
No Keys are processed by the object type.
|
オブジェクトタイプで処理されるキーはありません。
|