flex grow布局
static void lv_example_flex_3(void)
{
lv_obj_t* cont = lv_obj_create(lv_scr_act());
lv_obj_set_size(cont, 300, 220);
lv_obj_center(cont);
lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_ROW);
lv_obj_t* obj;
obj = lv_obj_create(cont);
lv_obj_set_size(obj, 40, 40);
obj = lv_obj_create(cont);
lv_obj_set_height(obj, 40);
lv_obj_set_flex_grow(obj, 1);
obj = lv_obj_create(cont);
lv_obj_set_height(obj, 40);
lv_obj_set_flex_grow(obj,2);
obj = lv_obj_create(cont);
lv_obj_set_size(obj, 40, 40);
}
效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/6371a3c108ae4a2689c4c6aa88c68948.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215Z29kMjAwOG9r,size_16,color_FFFFFF,t_70)
lv_obj_set_size(cont, 800, 220);
![在这里插入图片描述](https://img-blog.csdnimg.cn/10fc3c151c3d4071b7af17693d788160.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215Z29kMjAwOG9r,size_16,color_FFFFFF,t_70)
lv_obj_set_flex_grow(obj,3);
![在这里插入图片描述](https://img-blog.csdnimg.cn/e395b493ca084b50becb977624baff39.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215Z29kMjAwOG9r,size_16,color_FFFFFF,t_70)
lv_obj_set_flex_grow(obj, 3);
![在这里插入图片描述](https://img-blog.csdnimg.cn/9931cb8c9e2544a3b722960e32fa6ada.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215Z29kMjAwOG9r,size_16,color_FFFFFF,t_70)
- 修改第二个和第三个对象的宽度权重值都为50
![在这里插入图片描述](https://img-blog.csdnimg.cn/87064a346dc142c7b71024e0eacbfb6f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215Z29kMjAwOG9r,size_16,color_FFFFFF,t_70)