App:Library:LVGL:docs:Widgets:Page (lv page)
https://docs.lvgl.io/latest/en/html/widgets/page.html
Page (lv_page)
Overview
英文 | 自動翻訳 |
---|---|
The Page consist of two Containers on each other:
|
ページは、互いに配置された 2 つのContainersで構成されます。
|
Parts and Styles
英文 | 自動翻訳 |
---|---|
The Page's main part is called LV_PAGE_PART_BG which is the background of the Page. It uses all the typical background style properties. Using padding will add space on the sides.
|
ページのメイン部分は、ページの背景である LV_PAGE_PART_BG と呼ばれます。 典型的な背景スタイル プロパティをすべて使用します。 パディングを使用すると、側面にスペースが追加されます。
|
Usage
英文 | 自動翻訳 |
---|---|
The background object can be referenced as the page itself like. E.g. to set the page's width: lv_obj_set_width(page, 100) .
|
背景オブジェクトは、ページ自体と同じように参照できます。 例えば。 ページの幅を設定するには: lv_obj_set_width(page, 100)。
|
Scrollbars
英文 | 自動翻訳 |
---|---|
Scrollbars can be shown according to four policies:
The scroll bar show policy can be changed by: |
スクロールバーは、次の 4 つのポリシーに従って表示できます。
スクロールバーの表示ポリシーは次のように変更できます: lv_page_set_scrlbar_mode(page, SB_MODE)。 デフォルト値は LV_SCRLBAR_MODE_AUTO です。 |
Glue object
英文 | 自動翻訳 |
---|---|
A children can be "glued" to the page.
In this case, if the page can be scrolled by dragging that object. It can be enabled by the |
子はページに「くっつく」ことができます。
この場合、そのオブジェクトをドラッグしてページをスクロールできるかどうか。 lv_page_glue_obj(child, true) で有効にできます。 |
Focus object
英文 | 自動翻訳 |
---|---|
An object on a page can be focused with lv_page_focus(page, child, LV_ANIM_ONO/FF) .
It will move the scrollable container to show a child. The time of the animation can be set by
This is it works if the scrollable object is the grandparent of the object too. |
ページ上のオブジェクトは、lv_page_focus(ページ、子、LV_ANIM_ONO/FF) でフォーカスできます。
スクロール可能なコンテナを移動して子を表示します。 アニメーションの時間は lv_page_set_anim_time(page, anim_time) でミリ秒単位で設定できます。 child はページの直接の子である必要はありません。 これは、スクロール可能なオブジェクトがオブジェクトの祖父母でもある場合に機能します。 |
英文 | 自動翻訳 |
---|---|
You can move the scrollable object manually using lv_page_scroll_hor(page, dist) and lv_page_scroll_ver(page, dist)
|
lv_page_scroll_hor(page, dist) および lv_page_scroll_ver(page, dist) を使用して、スクロール可能なオブジェクトを手動で移動できます。 |
Edge flash
英文 | 自動翻訳 |
---|---|
A circle-like effect can be shown if the list reached the most top/bottom/left/right position. lv_page_set_edge_flash(list, en) enables this feature.
|
リストが最も上/下/左/右の位置に達した場合、円のような効果を示すことができます。 lv_page_set_edge_flash(list, en) は、この機能を有効にします。 |
Scroll propagation
英文 | 自動翻訳 |
---|---|
If the list is created on an other scrollable element (like an other page) and the Page can't be scrolled further the scrolling can be propagated to the parent to continue the scrolling on the parent.
It can be enabled with |
リストが他のスクロール可能な要素 (他のページなど) で作成され、ページをそれ以上スクロールできない場合、スクロールを親に伝達して、親でのスクロールを続行できます。
lv_page_set_scroll_propagation(list, true) で有効にできます |
- [
[App:Library:LVGL:docs:Widgets|戻る : Previous]]
Clean the page
英文 | 自動翻訳 |
---|---|
Scrollable API
英文 | 自動翻訳 |
---|---|
- [
[App:Library:LVGL:docs:Widgets|戻る : Previous]]
Events
英文 | 自動翻訳 |
---|---|
Example
Page with scrollbar
英文 | 自動翻訳 |
---|---|
API
英文 | 自動翻訳 |
---|---|