Can you remove the scollbars in the tile view

How-to
1

Is it possible to remove the scroll bars in the tile view?
I can see the option when using pages using LV_SB_MODE_OFF but there is nothing equivalent for tiles.

2

Tileviews inherit from lv_page, so in this specific case you should be able to use lv_page_set_sb_mode(tileview, LV_SB_MODE_OFF).

Note that this coding pattern only works when the object type you are using inherits from the object type the function is designed for. Also, some properties of the parent object should not be changed.

For that reason, the better solution in the long-term is for us to simply add lv_tileview_set_sb_mode. That clarifies that setting the sb_mode property on tileviews will work.

3

That mean I can’t use “lv_tileview_set_sb_mode” function delete scollbars int the tile view?

4

There is no lv_tileview_set_sb_mode in 6.1, so you have to use lv_page_set_sb_mode instead.

5

I tried this function,I seem doesn’t work,can’t compile

6

Show a code snippet please.

7

I‘m very sorry,I havn’t save it for it’s not success.I tried another way to use the tileview widget with another style(lv_style_plain),it worked.
Thank you very much ,you give me guidance.
I come acorss another problem about tileview widget,I set two tile int the tileview,I want to get the current value when the tiles change,I don’t konw use what function.
note:I want to do someting when the tiles changes,I don’t know how to build the event

8

I use the visual studio and use the pc as the simuliator monitor
my code as following:

/*************************************************************************/
static lv_obj_t * t=NULL;

static void TileviewEventHandler(lv_obj_t *tileview, lv_event_t event)
{
if (event == LV_EVENT_VALUE_CHANGED) {
if(((lv_tileview_ext_t *)lv_obj_get_ext_attr(t))->act_id.x!=0|| ((lv_tileview_ext_t *)lv_obj_get_ext_attr(t))->act_id.y != 0)
{
GotoDefaultScreen();
}
}
}

/SetupScreen/
static void SetupTileviewScreen(lv_obj_t *obj)
{
static const lv_point_t vp[] = {
{0,0}, /First: Show noting,just to switch to the main page/
{1,0} /Second:Show the weathe submenu/
};
t = lv_tileview_create(obj, NULL);
lv_tileview_set_valid_positions(t, vp, 2);
lv_tileview_set_edge_flash(t, false);
lv_page_set_sb_mode(t, false);
lv_obj_set_size(t, LV_HOR_RES_MAX, LV_VER_RES);
lv_obj_t * label;

/*Create a container as the background*/
lv_obj_t * p01 = lv_obj_create(t, NULL);
lv_obj_set_click(p01, true);
static lv_style_t ContStyle;
lv_style_copy(&ContStyle, &lv_style_plain);
ContStyle.body.main_color = LV_COLOR_BLACK;
ContStyle.body.grad_color = LV_COLOR_BLACK;
ContStyle.body.opa = LV_OPA_100;
ContStyle.body.radius = 0;
lv_obj_set_style(p01, &ContStyle);
lv_obj_set_size(p01, LV_HOR_RES_MAX, LV_VER_RES);
lv_obj_set_click(p01, true);
lv_tileview_add_element(t, p01);

/*Create the second tile */
lv_obj_t * p11 = lv_obj_create(t, p01);
lv_obj_set_size(p11,1, LV_VER_RES);
lv_obj_align(p11, p01, LV_ALIGN_OUT_LEFT_MID, 0, 0);
lv_tileview_add_element(t, p11);

/*Date Text*/
static lv_style_t DateTextStyle;
lv_style_copy(&DateTextStyle, &lv_style_pretty);
DateTextStyle.text.color = LV_COLOR_WHITE;
DateTextStyle.text.font = &Alibaba_PuHuiTi_B_30px;
lv_obj_t *DateLabel = lv_label_create(p01, NULL);
lv_obj_set_style(DateLabel, &DateTextStyle);
lv_obj_set_pos(DateLabel, 52, 56);
lv_label_set_text(DateLabel, "******");

/*Week Text*/
static lv_style_t WeekTextStyle;
lv_style_copy(&WeekTextStyle, &lv_style_pretty);
WeekTextStyle.text.color = LV_COLOR_WHITE;
WeekTextStyle.text.font = &Alibaba_PuHuiTi_B_40px;
lv_obj_t *WeekLabel = lv_label_create(p01, NULL);
lv_obj_set_style(WeekLabel, &WeekTextStyle);
lv_obj_set_pos(WeekLabel, 52, 94);
lv_label_set_text(WeekLabel, "汉字");

/*Limit Temperatur Text*/
static lv_style_t TempFontStyle;
lv_style_copy(&TempFontStyle, &lv_style_pretty);
TempFontStyle.text.color = LV_COLOR_WHITE;
TempFontStyle.text.font = &Alibaba_PuHuiTi_B_40px;

lv_obj_t *TemperatureLabel1 = lv_label_create(p01, NULL);
lv_obj_set_style(TemperatureLabel1, &TempFontStyle);
lv_obj_set_pos(TemperatureLabel1, 52, 166);
lv_label_set_text(TemperatureLabel1, "21 / 16");

/*Degree Text*/
static lv_style_t DegreeFontStyle;
lv_style_copy(&DegreeFontStyle, &lv_style_pretty);
DegreeFontStyle.text.color = LV_COLOR_WHITE;
DegreeFontStyle.text.font = &Alibaba_PuHuiTi_R_30px;
lv_obj_t *DegreeLabel = lv_label_create(p01, NULL);
lv_obj_set_style(DegreeLabel, &DegreeFontStyle);
lv_obj_set_pos(DegreeLabel, 104, 165);
lv_label_set_text(DegreeLabel, "°");

lv_obj_t *DegreeLabel1 = lv_label_create(p01, NULL);
lv_obj_set_style(DegreeLabel1, &DegreeFontStyle);
lv_obj_set_pos(DegreeLabel1, 197, 165);
lv_label_set_text(DegreeLabel1, "°");

/*Load weather img*/
lv_obj_t *weatherimg = lv_img_create(p01, NULL);
lv_img_set_src(weatherimg, IMG_BIN(shortcut_icon_weather_cloudy));
lv_obj_align(weatherimg, NULL, LV_ALIGN_CENTER, 0, 0);
lv_img_set_auto_size(weatherimg, true);
lv_obj_set_style(weatherimg, &lv_style_plain);
lv_obj_set_pos(weatherimg, 54, 236);

/*Weather Text*/
static lv_style_t WeatherFontStyle;
lv_style_copy(&WeatherFontStyle, &lv_style_pretty);
WeatherFontStyle.text.color = LV_COLOR_WHITE;
WeatherFontStyle.text.font = &Alibaba_PuHuiTi_B_20px;
lv_obj_t *WeatherLabel = lv_label_create(p01, NULL);
lv_obj_set_style(WeatherLabel, &WeatherFontStyle);
lv_obj_align(WeatherLabel, NULL, LV_ALIGN_CENTER, 0, 0);
lv_label_set_text(WeatherLabel, "汉字");
lv_obj_set_pos(WeatherLabel, 160, 252);

/*Focus on a tile (the list)*/
lv_tileview_set_tile_act(t, 0, 0, true);

}

/Create weather card/
static void SetupScreen(lv_obj_t obj)
{
SetupTileviewScreen(obj);
lv_obj_set_event_cb(t, TileviewEventHandler);
}
/********************************************************************************************/

9

This project can work,but the tilevew event can’t work,I don’t know why