充电枪详情页
## 充电枪详情页
## 代码解析
### 详情页设计
```lua
function statusFragmentInit(cont,t)
if ststusFragment~=nil then return end
ststusFragment=lvgl.cont_create(cont, nil)
lvgl.obj_add_style(ststusFragment, lvgl.CONT_PART_MAIN, style.style_body)
lvgl.obj_set_size(ststusFragment,lvgl.obj_get_width(cont),lvgl.obj_get_height(cont))
lvgl.cont_set_layout(ststusFragment, lvgl.LAYOUT_COLUMN_MID)
lvgl.obj_align(ststusFragment, nil, lvgl.ALIGN_IN_LEFT_MID, 0, 0)
local ctrCnt=lvgl.cont_create(ststusFragment, nil)
lvgl.obj_add_style(ctrCnt, lvgl.CONT_PART_MAIN, style.style_body)
lvgl.obj_set_size(ctrCnt,lvgl.obj_get_width(ststusFragment),40)
function backHandler(obj, event)
if event == lvgl.EVENT_CLICKED then
print("返回按钮按下")
statusFragmentUninit()
end
end
local save=lvgl.img_create(ctrCnt, nil)
lvgl.obj_set_click(save,true)
lvgl.img_set_src(save,"/lua/back.png")
lvgl.obj_align(save,ctrCnt, lvgl.ALIGN_IN_LEFT_MID, 0, 0)
lvgl.obj_set_event_cb(save,backHandler)
-----------------------------------------------------
local status=t.para
local function makeItem(cont,text)
local label = lvgl.label_create(cont, nil)
lvgl.obj_add_style(label, lvgl.LABEL_PART_MAIN, style.style_text)
lvgl.obj_set_style_local_text_font(label, lvgl.LABEL_PART_MAIN, lvgl.STATE_DEFAULT, font36)
lvgl.label_set_text(label, text)
end
local statusCont=lvgl.cont_create(ststusFragment, nil)
lvgl.cont_set_fit(statusCont, lvgl.FIT_TIGHT)
lvgl.cont_set_layout(statusCont, lvgl.LAYOUT_COLUMN_LEFT)
lvgl.obj_add_style(statusCont, lvgl.CONT_PART_MAIN, style.style_body)
makeItem(statusCont,string.format("电压 : %s (V)",status.V))
makeItem(statusCont,string.format("电流 : %s (A)",status.A))
makeItem(statusCont,string.format("功率 : %s (kW)",status.P))
makeItem(statusCont,string.format("已用电量 : %s (kWh)",status.USEDPOWER))
makeItem(statusCont,string.format("已充时间 : %s (Min)",status.USEDTIME))
makeItem(statusCont,string.format("已用金额 : %s (元)",status.USEDMONEY))
end
```