Takashi: ページの作成:「https://docs.lvgl.io/8.2/widgets/extra/tileview.html = Tile view (lv_tileview) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Tile view is a contai…」

2022-08-31T04:16:46Z

ページの作成:「https://docs.lvgl.io/8.2/widgets/extra/tileview.html = Tile view (lv_tileview) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Tile view is a contai…」

新規ページ

https://docs.lvgl.io/8.2/widgets/extra/tileview.html

= Tile view (lv_tileview) =
== Overview ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
The Tile view is a container object whose elements (called ''tiles'') can be arranged in grid form. A user can navigate between the tiles by swiping. Any direction of swiping can be disabled on the tiles individually to not allow moving from one tile to another.

If the Tile view is screen sized, the user interface resembles what you may have seen on smartwatches.
|タイルビューは、要素 (タイルと呼ばれます) をグリッド形式で配置できるコンテナーオブジェクトです。ユーザーは、スワイプによってタイル間を移動できます。タイルのスワイプの方向を個別に無効にして、1つのタイルから別のタイルに移動できないようにすることができます。

Tileビューが画面サイズの場合、ユーザーインターフェイスはスマートウォッチで見たものと似ています。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Parts and Styles ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
The Tile view is built from an lv_obj container and lv_obj tiles.

The parts and styles work the same as for lv_obj.
|Tileビューは、lv_objコンテナーとlv_objタイルから構築されます。

パーツとスタイルは、lv_objと同様に機能します。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Usage ==
=== Add a tile ===
{| class="wikitable"
!英文
!自動翻訳
|-
|
<code style="color: #bb0000;">lv_tileview_add_tile(tileview, row_id, col_id, dir)</code> creates a new tile on the <code style="color: #bb0000;">row_id</code>th row and <code style="color: #bb0000;">col_id</code>th column.

<code style="color: #bb0000;">dir</code> can be <code style="color: #bb0000;">LV_DIR_LEFT/RIGHT/TOP/BOTTOM/HOR/VER/ALL</code> or OR-ed values to enable moving to the adjacent tiles into the given direction by swiping.

The returned value is an <code style="color: #bb0000;">lv_obj_t *</code> on which the content of the tab can be created.
|<code style="color: #bb0000;">lv_tileview_add_tile(tileview, row_id, col_id, dir)</code>は、<code style="color: #bb0000;">row_id</code> 行と<code style="color: #bb0000;">col_id</code>列に新しいタイルを作成します。

<code style="color: #bb0000;">dir</code>には、<code style="color: #bb0000;">LV_DIR_LEFT/RIGHT/TOP/BOTTOM/HOR/VER/ALL</code>またはOR演算値を指定して、スワイプによって隣接するタイルを特定の方向に移動できるようにすることができます。

戻り値は、タブのコンテンツを作成できるlv_obj_t*です。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

=== Change tile ===
{| class="wikitable"
!英文
!自動翻訳
|-
|
The Tile view can scroll to a tile with <code style="color: #bb0000;">lv_obj_set_tile(tileview, tile_obj, LV_ANIM_ON/OFF)</code> or <code style="color: #bb0000;">lv_obj_set_tile_id(tileviewv, col_id, row_id, LV_ANIM_ON/OFF);</code>
|Tileビューでは、<code style="color: #bb0000;">lv_obj_set_tile(tileview, tile_obj, LV_ANIM_ON/OFF)</code>または<code style="color: #bb0000;">lv_obj_set_tile_id(tileviewv, col_id, row_id, LV_ANIM_ON/OFF);</code>を使用してタイルまでスクロールできます。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Events ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
* <code style="color: #bb0000;">LV_EVENT_VALUE_CHANGED</code> Sent when a new tile loaded by scrolling. <code style="color: #bb0000;">lv_tileview_get_tile_act(tabview)</code> can be used to get current tile.
|<code style="color: #bb0000;">LV_EVENT_VALUE_CHANGED</code>新しいタイルがスクロールによって読み込まれたときに送信されます。

<code style="color: #bb0000;">lv_tileview_get_tile_act(tabview)</code> は、現在のタイルを取得するために使用します。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Keys ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
''Keys'' are not handled by the Tile view.

Learn more about Keys.
|キーは、タイルビューでは処理されません。

キーの詳細を確認してください。
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== Example ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
=== Tileview with content ===
[[file:LVGL docs example 116.png|link=https://docs.lvgl.io/8.2/widgets/extra/tileview.html#tileview-with-content]]
|
|}
:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

== API ==
{| class="wikitable"
!英文
!自動翻訳
|-
|
'''Functions'''

lv_obj_t *lv_tileview_create(lv_obj_t *parent) 
: Create a Tileview object
: '''Parameters'''
:: '''parent''' -- pointer to an object, it will be the parent of the new tileview
: '''Returns'''
:: pointer to the created tileview

lv_obj_t *lv_tileview_add_tile(lv_obj_t *tv, uint8_t col_id, uint8_t row_id, lv_dir_t dir) 
:

void lv_obj_set_tile(lv_obj_t *tv, lv_obj_t *tile_obj, lv_anim_enable_t anim_en) 
:

void lv_obj_set_tile_id(lv_obj_t *tv, uint32_t col_id, uint32_t row_id, lv_anim_enable_t anim_en) 
:

lv_obj_t *lv_tileview_get_tile_act(lv_obj_t *obj) 
:

'''Variables'''

const lv_obj_class_t lv_tileview_class 
:

const lv_obj_class_t lv_tileview_tile_class 
:

struct lv_tileview_t 
: Public Members
:
: lv_obj_t obj 
::
: lv_obj_t *tile_act 
::

struct lv_tileview_tile_t 
: '''Public Members'''
: lv_obj_t obj 
::
: lv_dir_t dir
|'''Functions'''

lv_obj_t *lv_tileview_create(lv_obj_t *parent) 
: Tileviewオブジェクトを作成する
: '''Parameters'''
:: '''parent''' -- オブジェクトへのポインタを指定すると、新しいタイルビューの親になります。
: '''Returns'''
:: pointer to the created tileview

lv_obj_t *lv_tileview_add_tile(lv_obj_t *tv, uint8_t col_id, uint8_t row_id, lv_dir_t dir) 
:

void lv_obj_set_tile(lv_obj_t *tv, lv_obj_t *tile_obj, lv_anim_enable_t anim_en) 
:

void lv_obj_set_tile_id(lv_obj_t *tv, uint32_t col_id, uint32_t row_id, lv_anim_enable_t anim_en) 
:

lv_obj_t *lv_tileview_get_tile_act(lv_obj_t *obj) 
:

'''Variables'''

const lv_obj_class_t lv_tileview_class 
:

const lv_obj_class_t lv_tileview_tile_class 
:

struct lv_tileview_t 
: Public Members
:
:lv_obj_t obj 
::
:lv_obj_t *tile_act 
::

struct lv_tileview_tile_t 
: '''Public Members'''
:lv_obj_t obj 
::
:lv_dir_t dir
|}

:[[App:Library:LVGL:docs:Widgets|戻る : Previous]]

App:Library:LVGL:docs:Widgets:Tile view (lv tileview) - 版の履歴

Takashi: ページの作成:「https://docs.lvgl.io/8.2/widgets/extra/tileview.html = Tile view (lv_tileview) = == Overview == {| class="wikitable" !英文 !自動翻訳 |- | The Tile view is a contai…」