媒体 页面设计
## 媒体页面设计
## 效果图
## 容器分区设计
上图可知分为两个区域
## 代码解析
### 二维码区域
```lua
_G.showImg = lvgl.img_create(cont, nil)
-- 设置图片显示的图像
if io.exists(imgFileName) then
lvgl.img_set_src(showImg, imgFileName)
else
lvgl.img_set_src(showImg, "/lua/emptyImg.png")
end
-- 图片居中
lvgl.obj_align(showImg, cont, lvgl.ALIGN_CENTER, -140, 0)
```
### 按钮区域
```lua
local img = lvgl.imgbtn_create(cont, nil)
lvgl.imgbtn_set_src(img, lvgl.BTN_STATE_RELEASED, "/lua/imageDownLoad.png")
lvgl.imgbtn_set_src(img, lvgl.BTN_STATE_PRESSED, "/lua/imageDownLoad.png")
lvgl.obj_set_event_cb(img, imgEvent)
lvgl.obj_set_pos(img, 583,106);
local music = lvgl.imgbtn_create(cont, nil)
lvgl.imgbtn_set_src(music, lvgl.BTN_STATE_RELEASED, "/lua/musicDownLoad.png")
lvgl.imgbtn_set_src(music, lvgl.BTN_STATE_PRESSED, "/lua/musicDownLoad.png")
lvgl.obj_set_event_cb(music, musicEvent)
lvgl.obj_set_pos(music, 583,255);
```