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
英文 | 自動翻訳 |
---|---|
All the object created on the page can be clean with lv_page_clean(page) .
Note that |
ページ上に作成されたすべてのオブジェクトは、lv_page_clean(page) でクリーンにすることができます。
lv_obj_clean(page) は、スクロール可能なオブジェクトも削除するため、ここでは機能しないことに注意してください。 |
Scrollable API
英文 | 自動翻訳 |
---|---|
There are functions to directly set/get the scrollable's attributes:
|
スクロール可能な属性を直接設定/取得する関数があります:
|
- [
[App:Library:LVGL:docs:Widgets|戻る : Previous]]
Events
英文 | 自動翻訳 |
---|---|
Only the Generic events are sent by the object type.
The scrollable object has a default event callback which propagates the following events to the background object: Learn more about Events.
The following Keys are processed by the Page:
Learn more about Keys. |
Example
Page with scrollbar
API
英文 | 自動翻訳 |
---|---|