「App:Library:LVGL:docs:Overview:Style properties」の版間の差分
(同じ利用者による、間の3版が非表示) | |||
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 = | ||
+ | == Size and position == | ||
{| class="wikitable" | {| class="wikitable" | ||
!英文 | !英文 | ||
6行目: | 8行目: | ||
|- | |- | ||
| | | | ||
− | | | + | Properties related to size, position, alignment and layout of the objects. |
+ | |オブジェクトのサイズ、位置、配置、レイアウトに関するプロパティ。 | ||
|} | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
− | |||
− | |||
− | |||
− | |||
=== width === | === width === | ||
− | Sets the width of object. Pixel, percentage and <code>LV_SIZE_CONTENT</code> values can be used. Percentage values are relative to the width of the parent's content area. | + | {| class="wikitable" |
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
+ | Sets the width of object. Pixel, percentage and <code style="color: #bb0000;">LV_SIZE_CONTENT</code> values can be used. Percentage values are relative to the width of the parent's content area. | ||
* Default Widget dependent | * Default Widget dependent | ||
24行目: | 29行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |オブジェクトの幅を設定する。ピクセル値、パーセント値、<code style="color: #bb0000;">LV_SIZE_CONTENT</code>値が使用可能です。パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。 | ||
+ | |||
+ | * デフォルト :Widget依存 | ||
+ | |||
+ | * 継承 :No | ||
+ | * レイアウト:Yes | ||
+ | * 拡張描画 :No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
=== min_width === | === min_width === | ||
+ | {| class="wikitable" | ||
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
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 | ||
41行目: | 56行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |最小幅を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。 | ||
+ | * デフォルト :0 | ||
+ | * 継承 :No | ||
+ | * レイアウト:Yes | ||
+ | |||
+ | * 拡張描画 :No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
=== max_width === | === max_width === | ||
− | Sets a maximal width. Pixel and percentage values can be used. | + | {| class="wikitable" |
− | + | !英文 | |
− | + | !自動翻訳 | |
− | + | |- | |
+ | | | ||
+ | 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 | ||
58行目: | 84行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |最大幅を設定する。ピクセル値とパーセント値が使用可能です。 | ||
+ | |||
+ | パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。 | ||
+ | * デフォルト :LV_COORD_MAX | ||
+ | |||
+ | * 継承 :No | ||
+ | * レイアウト:Yes | ||
+ | * 拡張描画 :No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
=== height === | === height === | ||
− | Sets the height of object. Pixel, percentage and <code>LV_SIZE_CONTENT</code> can be used. Percentage values are relative to the height of the parent's content area. | + | {| class="wikitable" |
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
+ | Sets the height of object. Pixel, percentage and <code style="color: #bb0000;">LV_SIZE_CONTENT</code> can be used. Percentage values are relative to the height of the parent's content area. | ||
* Default Widget dependent | * Default Widget dependent | ||
72行目: | 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#Style_properties|戻る : Previous]] | ||
+ | |||
=== min_height === | === min_height === | ||
+ | {| class="wikitable" | ||
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. | Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. | ||
83行目: | 141行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |最小の高さを設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。 | ||
+ | |||
+ | * デフォルト :0 | ||
+ | |||
+ | * 継承 :No | ||
+ | |||
+ | * レイアウト:Yes | ||
+ | |||
+ | * 拡張描画:No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
+ | |||
=== max_height === | === max_height === | ||
+ | {| class="wikitable" | ||
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. | Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. | ||
94行目: | 169行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |高さの最大値を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。 | ||
+ | |||
+ | * デフォルト :LV_COORD_MAX | ||
+ | |||
+ | * 継承 :No | ||
+ | |||
+ | * レイアウト:Yes | ||
+ | |||
+ | * 拡張描画:No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
=== x === | === x === | ||
− | Set the X coordinate of the object considering the set <code>align</code>. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. | + | {| class="wikitable" |
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
+ | Set the X coordinate of the object considering the set <code style="color: #bb0000;">align</code>. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. | ||
* Default 0 | * Default 0 | ||
106行目: | 197行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |設定された<code style="color: #bb0000;">align</code>を考慮したオブジェクトのX座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対的な値である。 | ||
+ | |||
+ | * デフォルト :0 | ||
+ | |||
+ | * 継承 :No | ||
+ | |||
+ | * レイアウト:Yes | ||
+ | |||
+ | * 拡張描画:No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
+ | |||
=== y === | === y === | ||
− | Set the Y coordinate of the object considering the set <code>align</code>. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. | + | {| class="wikitable" |
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
+ | Set the Y coordinate of the object considering the set <code style="color: #bb0000;">align</code>. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. | ||
* Default 0 | * Default 0 | ||
117行目: | 225行目: | ||
* Ext. draw No | * Ext. draw No | ||
+ | |設定された <code style="color: #bb0000;">align</code>を考慮したオブジェクトのY座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。 | ||
+ | |||
+ | * デフォルト :0 | ||
+ | |||
+ | * 継承 :No | ||
+ | |||
+ | * レイアウト:Yes | ||
+ | |||
+ | * 拡張描画:No | ||
+ | |} | ||
+ | :[[App:Library:LVGL:docs:Overview#Style_properties|戻る : Previous]] | ||
+ | |||
=== align === | === align === | ||
− | Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: <code>LV_ALIGN_DEFAULT</code>, <code>LV_ALIGN_TOP_LEFT/MID/RIGHT</code>, <code>LV_ALIGN_BOTTOM_LEFT/MID/RIGHT</code>, <code>LV_ALIGN_LEFT/RIGHT_MID</code>, <code>LV_ALIGN_CENTER</code>. <code>LV_ALIGN_DEFAULT</code> means <code>LV_ALIGN_TOP_LEFT</code> with LTR base direction and <code>LV_ALIGN_TOP_RIGHT</code> with RTL base direction. | + | {| class="wikitable" |
+ | !英文 | ||
+ | !自動翻訳 | ||
+ | |- | ||
+ | | | ||
+ | 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` | ||
128行目: | 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 | ||
+ | |} | ||
+ | |||
+ | |||
:[[App:Library:LVGL#Overview|戻る : Previous]] | :[[App:Library:LVGL#Overview|戻る : Previous]] |
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. |
オブジェクトのサイズ、位置、配置、レイアウトに関するプロパティ。 |
width
英文 | 自動翻訳 |
---|---|
Sets the width of object. Pixel, percentage and
|
オブジェクトの幅を設定する。ピクセル値、パーセント値、LV_SIZE_CONTENT 値が使用可能です。パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。
|
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.
|
最小幅を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
|
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.
|
最大幅を設定する。ピクセル値とパーセント値が使用可能です。
パーセンテージ値は、親のコンテンツ領域の幅に対する相対値です。
|
height
英文 | 自動翻訳 |
---|---|
Sets the height of object. Pixel, percentage and
|
オブジェクトの高さを設定する。ピクセル、パーセンテージ、LV_SIZE_CONTENT が使用可能です。パーセンテージの値は、親のコンテンツ領域の高さに対する相対値です。
|
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.
|
最小の高さを設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対値です。
|
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.
|
高さの最大値を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
|
x
英文 | 自動翻訳 |
---|---|
Set the X coordinate of the object considering the set
|
設定されたalign を考慮したオブジェクトのX座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の幅に対する相対的な値である。
|
y
英文 | 自動翻訳 |
---|---|
Set the Y coordinate of the object considering the set
|
設定された align を考慮したオブジェクトのY座標を設定する。ピクセル値とパーセント値が使用可能です。パーセント値は、親のコンテンツ領域の高さに対する相対値です。
|
align
英文 | 自動翻訳 |
---|---|
Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are:
|
親のどの点から X と Y の座標を解釈するかを示すアライメントを設定します。設定可能な値は以下の通りです。 LV_ALIGN_DEFAULT , LV_ALIGN_TOP_LEFT/MID/RIGHT , LV_ALIGN_BOTTOM_LEFT/MID/RIGHT ,
|