Takashi: ページの作成:「https://docs.lvgl.io/8.2/widgets/core/arc.html = Switch (lv_switch) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Switch looks like a little slide…」

2022-08-31T04:22:06Z

ページの作成:「https://docs.lvgl.io/8.2/widgets/core/arc.html = Switch (lv_switch) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Switch looks like a little slide…」

新規ページ

https://docs.lvgl.io/8.2/widgets/core/arc.html

= Switch (lv_switch) =
== Overview ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
The Switch looks like a little slider and can be used to turn something on and off.
|スイッチは小さなスライダーのようなもので、何かをオンにしたりオフにしたりするのに使うことができます。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Parts and Styles ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
* <code style="color: #bb0000;">LV_PART_MAIN</code> The background of the switch uses all the typical background style properties. <code style="color: #bb0000;">padding</code> makes the indicator smaller in the respective direction.
* <code style="color: #bb0000;">LV_PART_INDICATOR</code> The indicator that shows the current state of the switch. Also uses all the typical background style properties.
* <code style="color: #bb0000;">LV_PART_KNOB</code> A rectangle (or circle) drawn at left or right side of the indicator. Also uses all the typical background properties to describe the knob(s). By default, the knob is square (with an optional corner radius) with side length equal to the smaller side of the slider. The knob can be made larger with the <code style="color: #bb0000;">padding</code> values. Padding values can be asymmetric too.
|
*<code style="color: #bb0000;">LV_PART_MAIN</code>スイッチの背景は、一般的な背景スタイルのプロパティをすべて使用します。<code style="color: #bb0000;">padding</code> は、インジケータをそれぞれの方向で小さくします。
*<code style="color: #bb0000;">LV_PART_INDICATOR</code> スイッチの現在の状態を示すインジケータです。一般的な背景スタイルのプロパティをすべて使用します。
*<code style="color: #bb0000;">LV_PART_KNOB</code> インジケータの左側または右側に描かれる矩形（または円）。また、ノブ（複数可）を記述するために、すべての典型的な背景のプロパティを使用します。デフォルトでは、ノブは正方形で（オプションで角の半径を設定）、スライダーの小さい方の辺と同じ長さです。ノブは<code style="color: #bb0000;">padding</code>値で大きくすることができる。<code style="color: #bb0000;">padding</code>の値は非対称にすることもできる。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Usage ==
=== Change state ===
{| class="wikitable"
!英文
!自動翻訳
|-
|
The switch uses the standard <code style="color: #bb0000;">LV_STATE_CHECKED</code> state.

To get the current state of the switch (with <code style="color: #bb0000;">true</code> being on), use <code style="color: #bb0000;">lv_obj_has_state(switch, LV_STATE_CHECKED)</code>.

Call <code style="color: #bb0000;">lv_obj_add_state(switch, LV_STATE_CHECKED)</code> to turn it on, or <code style="color: #bb0000;">lv_obj_clear_state(switch, LV_STATE_CHECKED)</code> to turn it off.
|スイッチは標準的な<code style="color: #bb0000;">LV_STATE_CHECKED</code> ステートを使用します。

スイッチの現在の状態（<code style="color: #bb0000;">true</code> がオン）を取得するには、<code style="color: #bb0000;">lv_obj_has_state(switch, LV_STATE_CHECKED)</code>を使用します。

<code style="color: #bb0000;">lv_obj_add_state(switch, LV_STATE_CHECKED)</code>を呼んでオンにし、<code style="color: #bb0000;">lv_obj_clear_state(switch, LV_STATE_CHECKED)</code>を呼んでオフにすることが可能です。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Events ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
* <code style="color: #bb0000;">LV_EVENT_VALUE_CHANGED</code> Sent when the switch changes state.

See the events of the Base object too.

Learn more about Events.
|
*<code style="color: #bb0000;">LV_EVENT_VALUE_CHANGED</code> スイッチの状態が変化したときに送られる。

Baseオブジェクトのイベントも参照してください。

イベントの詳細を確認してください。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Keys ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
* <code style="color: #bb0000;">LV_KEY_UP/RIGHT</code> Turns on the slider
* <code style="color: #bb0000;">LV_KEY_DOWN/LEFT</code> Turns off the slider
* <code style="color: #bb0000;">LV_KEY_ENTER</code> Toggles the switch

Learn more about Keys.
|
*<code style="color: #bb0000;">LV_KEY_UP/RIGHT</code> スライダーをオンにします。
*<code style="color: #bb0000;">LV_KEY_DOWN/LEFT</code> スライダーをオフにします。
*<code style="color: #bb0000;">LV_KEY_ENTER</code> スイッチを切り替える

キーの詳細を確認してください。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Example ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
=== Simple Switch ===
[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/widgets/core/switch.html#simple-switch]]
|
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== API ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
'''Functions'''

lv_obj_t *lv_switch_create(lv_obj_t *parent) 
: Create a switch object
: '''Parameters'''
:: parent -- pointer to an object, it will be the parent of the new switch
: '''Returns'''
:: pointer to the created switch

Variables

const lv_obj_class_t lv_switch_class 
:

struct lv_switch_t 
: '''Public Members'''
: lv_obj_t obj 
::
: int32_t anim_state
|

'''Functions'''

lv_obj_t *lv_switch_create(lv_obj_t *parent) 
: Create a switch object
: '''Parameters'''
:: parent -- オブジェクトへのポインタの場合、新しいスイッチの親になります。
: '''Returns'''
:: pointer to the created switch

Variables

const lv_obj_class_t lv_switch_class 
:

struct lv_switch_t 
: '''Public Members'''
: lv_obj_t obj 
::
: int32_t anim_state
|}

:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

App:Library:LVGL:docs:Widgets:Switch (lv switch) - 版の履歴

Takashi: ページの作成:「https://docs.lvgl.io/8.2/widgets/core/arc.html = Switch (lv_switch) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Switch looks like a little slide…」