「App:Library:LVGL:docs:Overview:Style properties」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
 
(同じ利用者による、間の2版が非表示)
1行目: 1行目:
https://docs.lvgl.io/8.2/overview/style.html
+
https://docs.lvgl.io/8.2/overview/style-props.html
 
__NOTOC__
 
__NOTOC__
 
= Style properties =
 
= Style properties =
9行目: 9行目:
 
|
 
|
 
Properties related to size, position, alignment and layout of the objects.
 
Properties related to size, position, alignment and layout of the objects.
|
+
|オブジェクトのサイズ、位置、配置、レイアウトに関するプロパティ。
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
29行目: 29行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|オブジェクトの幅を設定する。ピクセル値、パーセント値、<code style="color: #bb0000;">LV_SIZE_CONTENT</code>値が使用可能です。パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。
 +
 
 +
* デフォルト :Widget依存
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画 :No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
41行目: 49行目:
 
|
 
|
 
Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
 
Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
 
 
 
 
 
* Default 0
 
* Default 0
  
52行目: 56行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|最小幅を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
 +
* デフォルト :0
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画 :No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
63行目: 74行目:
 
|-
 
|-
 
|
 
|
Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
+
Sets a maximal width. Pixel and percentage values can be used.  
 
 
 
 
 
 
  
 +
Percentage values are relative to the width of the parent's content area.
 
* Default LV_COORD_MAX
 
* Default LV_COORD_MAX
  
75行目: 84行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|最大幅を設定する。ピクセル値とパーセント値が使用可能です。
 +
 
 +
パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。
 +
* デフォルト :LV_COORD_MAX
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画  :No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
95行目: 113行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|オブジェクトの高さを設定する。ピクセル、パーセンテージ、<code style="color: #bb0000;">LV_SIZE_CONTENT</code> が使用可能です。パーセンテージの値は、親のコンテンツ領域の高さに対する相対値です。
 +
 
 +
* デフォルト :Widget dependent
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
115行目: 141行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|最小の高さを設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
 +
 
 +
* デフォルト :0
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
135行目: 169行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|高さの最大値を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
 +
 
 +
* デフォルト :LV_COORD_MAX
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
155行目: 197行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|設定された<code style="color: #bb0000;">align</code>を考慮したオブジェクトのX座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対的な値である。
 +
 
 +
* デフォルト :0
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
175行目: 225行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|設定された <code style="color: #bb0000;">align</code>を考慮したオブジェクトのY座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
 +
 
 +
* デフォルト :0
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
:[[App:Library:LVGL:docs:Overview|戻る : Previous]]
+
:[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]]
  
  
186行目: 244行目:
 
|-
 
|-
 
|
 
|
Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: <code style="color: #bb0000;">LV_ALIGN_DEFAULT</code>, <code style="color: #bb0000;">LV_ALIGN_TOP_LEFT/MID/RIGHT</code>, <code style="color: #bb0000;">LV_ALIGN_BOTTOM_LEFT/MID/RIGHT</code>, <code style="color: #bb0000;">LV_ALIGN_LEFT/RIGHT_MID</code>, <code style="color: #bb0000;">LV_ALIGN_CENTER</code>. <code style="color: #bb0000;">LV_ALIGN_DEFAULT</code> means <code style="color: #bb0000;">LV_ALIGN_TOP_LEFT</code> with LTR base direction and <code style="color: #bb0000;">LV_ALIGN_TOP_RIGHT</code> with RTL base direction.
+
Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: <code style="color: #bb0000;">LV_ALIGN_DEFAULT</code>,  
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_TOP_LEFT/MID/RIGHT</code>,  
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_BOTTOM_LEFT/MID/RIGHT</code>,  
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_LEFT/RIGHT_MID</code>,  
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_CENTER</code>.  
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_DEFAULT</code> means <code style="color: #bb0000;">LV_ALIGN_TOP_LEFT</code> with LTR base direction and <code style="color: #bb0000;">LV_ALIGN_TOP_RIGHT</code> with RTL base direction.
  
 
* Default `LV_ALIGN_DEFAULT`
 
* Default `LV_ALIGN_DEFAULT`
195行目: 263行目:
  
 
* Ext. draw No
 
* Ext. draw No
|
+
|親のどの点から X と Y の座標を解釈するかを示すアライメントを設定します。設定可能な値は以下の通りです。 <code style="color: #bb0000;">LV_ALIGN_DEFAULT</code>, <code style="color: #bb0000;">LV_ALIGN_TOP_LEFT/MID/RIGHT</code>, <code style="color: #bb0000;">LV_ALIGN_BOTTOM_LEFT/MID/RIGHT</code>,
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_LEFT/RIGHT_MID</code>,
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_CENTER</code>.
 +
 
 +
<code style="color: #bb0000;">LV_ALIGN_DEFAULT</code> は、 <code style="color: #bb0000;">LV_ALIGN_TOP_LEFT</code> を LTR ベースの向き、 <code style="color: #bb0000;">LV_ALIGN_TOP_RIGHT</code> をRTLベースの向きとすることを意味しています。
 +
 
 +
* デフォルト :`LV_ALIGN_DEFAULT`
 +
 
 +
* 継承 :No
 +
 
 +
* レイアウト:Yes
 +
 
 +
* 拡張描画:No
 
|}
 
|}
  

2022年7月2日 (土) 10:14時点における最新版

https://docs.lvgl.io/8.2/overview/style-props.html

Style properties

Size and position

英文 自動翻訳

Properties related to size, position, alignment and layout of the objects.

オブジェクトのサイズ、位置、配置、レイアウトに関するプロパティ。
戻る : Previous


width

英文 自動翻訳

Sets the width of object. Pixel, percentage and LV_SIZE_CONTENT values can be used. Percentage values are relative to the width of the parent's content area.

  • Default Widget dependent
  • Inherited No
  • Layout Yes
  • Ext. draw No
オブジェクトの幅を設定する。ピクセル値、パーセント値、LV_SIZE_CONTENT値が使用可能です。パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。
  • デフォルト :Widget依存
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画 :No
戻る : Previous


min_width

英文 自動翻訳

Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.

  • Default 0
  • Inherited No
  • Layout Yes
  • Ext. draw No
最小幅を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
  • デフォルト :0
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画 :No
戻る : Previous


max_width

英文 自動翻訳

Sets a maximal width. Pixel and percentage values can be used.

Percentage values are relative to the width of the parent's content area.

  • Default LV_COORD_MAX
  • Inherited No
  • Layout Yes
  • Ext. draw No
最大幅を設定する。ピクセル値とパーセント値が使用可能です。

パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。

  • デフォルト :LV_COORD_MAX
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画  :No
戻る : Previous


height

英文 自動翻訳

Sets the height of object. Pixel, percentage and LV_SIZE_CONTENT can be used. Percentage values are relative to the height of the parent's content area.

  • Default Widget dependent
  • Inherited No
  • Layout Yes
  • Ext. draw No
オブジェクトの高さを設定する。ピクセル、パーセンテージ、LV_SIZE_CONTENT が使用可能です。パーセンテージの値は、親のコンテンツ領域の高さに対する相対値です。
  • デフォルト :Widget dependent
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No
戻る : Previous


min_height

英文 自動翻訳

Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.

  • Default 0
  • Inherited No
  • Layout Yes
  • Ext. draw No
最小の高さを設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
  • デフォルト :0
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No
戻る : Previous


max_height

英文 自動翻訳

Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area.

  • Default LV_COORD_MAX
  • Inherited No
  • Layout Yes
  • Ext. draw No
高さの最大値を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
  • デフォルト :LV_COORD_MAX
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No
戻る : Previous


x

英文 自動翻訳

Set the X coordinate of the object considering the set align. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.

  • Default 0
  • Inherited No
  • Layout Yes
  • Ext. draw No
設定されたalignを考慮したオブジェクトのX座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対的な値である。
  • デフォルト :0
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No
戻る : Previous


y

英文 自動翻訳

Set the Y coordinate of the object considering the set align. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area.

  • Default 0
  • Inherited No
  • Layout Yes
  • Ext. draw No
設定された alignを考慮したオブジェクトのY座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
  • デフォルト :0
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No
戻る : Previous


align

英文 自動翻訳

Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: LV_ALIGN_DEFAULT,

LV_ALIGN_TOP_LEFT/MID/RIGHT,

LV_ALIGN_BOTTOM_LEFT/MID/RIGHT,

LV_ALIGN_LEFT/RIGHT_MID,

LV_ALIGN_CENTER.

LV_ALIGN_DEFAULT means LV_ALIGN_TOP_LEFT with LTR base direction and LV_ALIGN_TOP_RIGHT with RTL base direction.

  • Default `LV_ALIGN_DEFAULT`
  • Inherited No
  • Layout Yes
  • Ext. draw No
親のどの点から X と Y の座標を解釈するかを示すアライメントを設定します。設定可能な値は以下の通りです。 LV_ALIGN_DEFAULT, LV_ALIGN_TOP_LEFT/MID/RIGHT, LV_ALIGN_BOTTOM_LEFT/MID/RIGHT,

LV_ALIGN_LEFT/RIGHT_MID,

LV_ALIGN_CENTER.

LV_ALIGN_DEFAULT は、 LV_ALIGN_TOP_LEFT を LTR ベースの向き、 LV_ALIGN_TOP_RIGHT をRTLベースの向きとすることを意味しています。

  • デフォルト :`LV_ALIGN_DEFAULT`
  • 継承 :No
  • レイアウト:Yes
  • 拡張描画:No


戻る : Previous