PC端分辨率调整 UI路径 和调整位置
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-03-30 05:06:40 |
👁️ 阅读: 4
根据浮生梦老师前端课程内容,PC端分辨率调整的UI路径和位置设置方法如下:
## 1. UI文件路径
分辨率调整的UI文件通常放在`set/set_win_size_pop`路径下,可以通过以下代码加载:
```lua
GUI:LoadExport(parent, "set/set_win_size_pop")
```
## 2. 分辨率调整UI创建
在`SetWinSizePop.lua`文件中,有完整的分辨率调整实现:
```lua
-- 分辨率列表定义
SetWinSizePop._resolutions = {
{width=1920, height=1080},
{width=1600, height=1024},
{width=1600, height=900},
{width=1440, height=900},
{width=1366, height=768},
{width=1280, height=800},
{width=1280, height=768},
{width=1152, height=864},
{width=1024, height=768},
{width=800, height=600},
}
function SetWinSizePop.main()
local parent = GUI:Attach_Parent()
GUI:LoadExport(parent, "set/set_win_size_pop")
local screenW = SL:GetMetaValue("SCREEN_WIDTH")
local screenH = SL:GetMetaValue("SCREEN_HEIGHT")
SetWinSizePop._ui = GUI:ui_delegate(parent)
GUI:setContentSize(SetWinSizePop._ui.Panel_cancel, screenW, screenH)
GUI:setPosition(SetWinSizePop._ui.PMainUI, screenW / 2, SL:GetMetaValue("PC_POS_Y"))
GUI:Win_SetDrag(parent, SetWinSizePop._ui.PMainUI)
GUI:Win_SetZPanel(parent, SetWinSizePop._ui.PMainUI)
end
```
## 3. 登录界面的分辨率面板
在登录界面中,分辨率调整面板的创建方式:
```lua
local Panel_resolution = GUI:Layout_Create(parent, "Panel_resolution", 20.00, 20.00, 250.00, 180.00, false)
GUI:setChineseName(Panel_resolution, "登录_分辨率组合")
GUI:setTouchEnabled(Panel_resolution, true)
GUI:setTag(Panel_resolution, 340)
```
## 4. 全屏按钮设置
分辨率面板通常包含全屏切换按钮:
```lua
-- 启用全屏按钮
local btnFullScreen = GUI:Button_Create(Panel_resolution, "btnFullScreen", 217.00, 22.00, "res/public/1900001022.png")
GUI:Button_setTitleText(btnFullScreen, "启用全屏")
-- 退出全屏按钮
local btnFullScreenExit = GUI:Button_Create(Panel_resolution, "btnFullScreenExit", 217.00, 22.00, "res/public/1900001022.png")
GUI:Button_setTitleText(btnFullScreenExit, "退出全屏")
```
## 5. 关键函数说明
- `GUI:Attach_Parent()` - 获取父节点
- `GUI:LoadExport(parent, path)` - 加载UI导出文件
- `SL:GetMetaValue("SCREEN_WIDTH")` - 获取屏幕宽度
- `SL:GetMetaValue("SCREEN_HEIGHT")` - 获取屏幕高度
- `SL:GetMetaValue("PC_POS_Y")` - 获取PC端Y坐标位置
- `GUI:setPosition(widget, x, y)` - 设置控件位置
- `GUI:setContentSize(widget, width, height)` - 设置控件大小
## 6. 位置调整技巧
- 通常将分辨率面板居中显示:`screenW / 2`
- 使用`SL:GetMetaValue("PC_POS_Y")`确保在PC端正确位置显示
- 设置拖拽和层级:`GUI:Win_SetDrag()`和`GUI:Win_SetZPanel()`
这样就能在PC端创建和调整分辨率UI的位置了。
← 返回问答库