「App:Library:LVGL:docs:Widgets:Container (lv cont)」の版間の差分
(→Usage) |
|||
(同じ利用者による、間の1版が非表示) | |||
41行目: | 41行目: | ||
* '''LV_LAYOUT_ROW_TOP''' - Align children in a top justified row. Keep <code style="color: #bb0000;">pad_left</code> space on the left, <code style="color: #bb0000;">pad_top</code> space on the top and <code style="color: #bb0000;">pad_inner</code> space between the children. | * '''LV_LAYOUT_ROW_TOP''' - Align children in a top justified row. Keep <code style="color: #bb0000;">pad_left</code> space on the left, <code style="color: #bb0000;">pad_top</code> space on the top and <code style="color: #bb0000;">pad_inner</code> space between the children. | ||
* '''LV_LAYOUT_ROW_MID''' - Align children in centered row. Keep <code style="color: #bb0000;">pad_left</code> space on the left and <code style="color: #bb0000;">pad_inner</code> space between the children. | * '''LV_LAYOUT_ROW_MID''' - Align children in centered row. Keep <code style="color: #bb0000;">pad_left</code> space on the left and <code style="color: #bb0000;">pad_inner</code> space between the children. | ||
− | | | + | |コンテナに対してレイアウトを適用することで、子コンテナを自動的に並べることができます。 |
レイアウト間隔は、スタイルの<code style="color: #bb0000;">pad</code>プロパティに由来します。可能なレイアウトオプション: | レイアウト間隔は、スタイルの<code style="color: #bb0000;">pad</code>プロパティに由来します。可能なレイアウトオプション: | ||
62行目: | 62行目: | ||
* '''LV_LAYOUT_GRID''' - Similar to <code style="color: #bb0000;">LV_LAYOUT_PRETTY</code> but not divide horizontal space equally just let <code style="color: #bb0000;">pad_left/right</code> on the edges and <code style="color: #bb0000;">pad_inner</code> space between the elements. | * '''LV_LAYOUT_GRID''' - Similar to <code style="color: #bb0000;">LV_LAYOUT_PRETTY</code> but not divide horizontal space equally just let <code style="color: #bb0000;">pad_left/right</code> on the edges and <code style="color: #bb0000;">pad_inner</code> space between the elements. | ||
| | | | ||
− | |||
* '''LV_LAYOUT_ROW_BOTTOM'''-下部の正当な列に子供を並べます。左側に<code style="color: #bb0000;">pad_left</code>スペース、底部に<code style="color: #bb0000;">pad_bottom</code>スペース、子供の間の<code style="color: #bb0000;">pad_inner</code>スペースを保持します。 | * '''LV_LAYOUT_ROW_BOTTOM'''-下部の正当な列に子供を並べます。左側に<code style="color: #bb0000;">pad_left</code>スペース、底部に<code style="color: #bb0000;">pad_bottom</code>スペース、子供の間の<code style="color: #bb0000;">pad_inner</code>スペースを保持します。 | ||
* '''LV_LAYOUT_PRETTY_TOP'''-できるだけ多くのオブジェクトを連続して配置します(少なくとも<code style="color: #bb0000;">pad_inner</code>スペースと側面にPAD_LEFT/右スペースがあります)。各ラインのスペースを子供の間で均等に分割します。ここに連続して身長が異なる子供が最上端を合わせている場合。 | * '''LV_LAYOUT_PRETTY_TOP'''-できるだけ多くのオブジェクトを連続して配置します(少なくとも<code style="color: #bb0000;">pad_inner</code>スペースと側面にPAD_LEFT/右スペースがあります)。各ラインのスペースを子供の間で均等に分割します。ここに連続して身長が異なる子供が最上端を合わせている場合。 | ||
70行目: | 69行目: | ||
|} | |} | ||
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | :[[App:Library:LVGL:docs:Widgets|戻る : Previous]] | ||
− | |||
=== Autofit === | === Autofit === |
2022年8月31日 (水) 16:11時点における最新版
https://docs.lvgl.io/latest/en/html/widgets/cont.html
Container (lv_cont)
Overview
英文 | 自動翻訳 |
---|---|
The containers are essentially a basic object with layout and automatic sizing features. | コンテナは、基本的にレイアウトと自動サイジング機能を備えた基本オブジェクトです。 |
Parts and Styles
英文 | 自動翻訳 |
---|---|
The containers has only a main style called LV_CONT_PART_MAIN and it can use all the typicaly bacground properties and padding for layout auto sizing.
|
コンテナには、LV_CONT_PART_MAIN と呼ばれるメインスタイルのみがあり、レイアウトオートサイジングにはすべての典型的なバクグラウンドプロパティとパディングを使用できます。
|
Usage
Layout
英文 | 自動翻訳 |
---|---|
You can apply a layout on the containers to automatically order their children.
The layout spacing comes from the style's
|
コンテナに対してレイアウトを適用することで、子コンテナを自動的に並べることができます。
レイアウト間隔は、スタイルの
|
|
|
Autofit
英文 | 自動翻訳 |
---|---|
Container have an autofit feature which can automatically change the size of the container according to its children and/or its parent.
The following options exist:
To use different auto fit horizontally and vertically, use |
コンテナには、子や親に応じてコンテナのサイズを自動的に変更できるオートフィット機能があります。
次のオプションが存在します:
さまざまな自動適合を水平および垂直に使用するには、lv_cont_set_fit2(cont、hor_fit_type、ver_fit_type)を使用します。 4つの方向すべてで異なるオートフィットを使用するには、lv_cont_set_fit4(cont、left_fit_type、right_fit_type、top_fit_type、botond_fit_type)を使用します。 |
Events
英文 | 自動翻訳 |
---|---|
Only the Generic events are sent by the object type.
|
オブジェクトタイプでは、Generic eventsのみが送信されます。
|
Keys
英文 | 自動翻訳 |
---|---|
No Keys are processed by the object type.
|
オブジェクトタイプで処理されるキーはありません。
|