App:Library:LVGL:docs:Widgets:Tile view (lv tileview)

提供: robot-jp wiki
ナビゲーションに移動検索に移動

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

Tile view (lv_tileview)

Overview

英文 自動翻訳

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ビューが画面サイズの場合、ユーザーインターフェイスはスマートウォッチで見たものと似ています。

戻る : Previous


Parts and Styles

英文 自動翻訳

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と同様に機能します。

戻る : Previous


Usage

Add a tile

英文 自動翻訳

lv_tileview_add_tile(tileview, row_id, col_id, dir) creates a new tile on the row_idth row and col_idth column.


dir can be LV_DIR_LEFT/RIGHT/TOP/BOTTOM/HOR/VER/ALL or OR-ed values to enable moving to the adjacent tiles into the given direction by swiping.

The returned value is an lv_obj_t * on which the content of the tab can be created.

lv_tileview_add_tile(tileview, row_id, col_id, dir)は、row_id 行とcol_id列に新しいタイルを作成します。


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


戻り値は、タブのコンテンツを作成できるlv_obj_t*です。

戻る : Previous


Change tile

英文 自動翻訳

The Tile view can scroll to a tile with lv_obj_set_tile(tileview, tile_obj, LV_ANIM_ON/OFF) or lv_obj_set_tile_id(tileviewv, col_id, row_id, LV_ANIM_ON/OFF);

Tileビューでは、lv_obj_set_tile(tileview, tile_obj, LV_ANIM_ON/OFF)またはlv_obj_set_tile_id(tileviewv, col_id, row_id, LV_ANIM_ON/OFF);を使用してタイルまでスクロールできます。
戻る : Previous


Events

英文 自動翻訳
  • LV_EVENT_VALUE_CHANGED Sent when a new tile loaded by scrolling. lv_tileview_get_tile_act(tabview) can be used to get current tile.
LV_EVENT_VALUE_CHANGED新しいタイルがスクロールによって読み込まれたときに送信されます。

lv_tileview_get_tile_act(tabview) は、現在のタイルを取得するために使用します。

戻る : Previous


Keys

英文 自動翻訳

Keys are not handled by the Tile view.

Learn more about Keys.

キーは、タイルビューでは処理されません。

キーの詳細を確認してください。

戻る : Previous


Example

英文 自動翻訳

Tileview with content

LVGL docs example 116.png

戻る : Previous


API

英文 自動翻訳

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


戻る : Previous