主界面框架
## 效果图
## 容器分区设计
###### 从上图可看出，主要利用两个区域进行页面划分，利用CONT容器控件划分这两个区域
## 代码解析
### 顶部状态栏区域
```lua
function makeStatusLable()
_G.statusLabel=lvgl.cont_create(lvgl.scr_act(), nil)
lvgl.obj_set_size(_G.statusLabel,854, 40)
lvgl.obj_align(_G.statusLabel, nil, lvgl.ALIGN_IN_TOP_MID, 0, 0)
lvgl.obj_add_style(_G.statusLabel, lvgl.CONT_PART_MAIN, style.style_statusLabel)
local statusImg = lvgl.img_create(_G.statusLabel, nil)
lvgl.img_set_src(statusImg, "/lua/status.png")
local statusLabel = lvgl.label_create(_G.statusLabel, nil)
lvgl.obj_set_style_local_text_font(statusLabel, lvgl.LABEL_PART_MAIN, lvgl.STATE_DEFAULT, font24)
lvgl.label_set_text(statusLabel,"数据中心监控系统")
-- lvgl.label_set_align(label, lvgl.LABEL_ALIGN_CENTER)
lvgl.obj_align(statusLabel, nil, lvgl.ALIGN_CENTER, 0, 0)
end
```
### 显示区域
```lua
function makeBody()
_G.body=lvgl.cont_create(lvgl.scr_act(), nil)
lvgl.obj_set_size(_G.body,854, 440)
lvgl.obj_add_style(_G.body, lvgl.CONT_PART_MAIN, style.style_body)
lvgl.obj_align(_G.body, nil, lvgl.ALIGN_IN_BOTTOM_MID, 0, 0)
end
```