PC 端 设置分辨率 的背景
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-03-30 05:08:52 |
👁️ 阅读: 3
在PC端设置分辨率的界面中，通常需要一个背景来承载整个设置面板。根据浮生梦老师前端课程内容，一个完整的设置分辨率面板可以这样创建：
首先，你需要创建一个父窗口作为容器：
```lua
local parent = GUI:Win_Create("GMMain", 0, 0, 0, 0, false, false, true, false, false, false, 1)
```
然后创建分辨率设置面板的背景：
```lua
-- 创建分辨率设置面板
local Panel_resolution = GUI:Widget_Create(parent, "Panel_resolution", 0, 0, 400, 300)
-- 设置面板背景（使用你指定的图片）
local bg = GUI:Image_Create(Panel_resolution, "bg_resolution", 0, 0, "res/public_win32/1900000610.png")
GUI:setContentSize(bg, 400, 300)
GUI:setIgnoreContentAdaptWithSize(bg, false)
GUI:setAnchorPoint(bg, 0, 0)
```
在背景上添加分辨率设置的相关控件：
```lua
-- 分辨率标题
local Text_1_0 = GUI:Text_Create(Panel_resolution, "Text_1_0", 131.00, 161.00, 18, "#ffffff", "分辨率")
GUI:Text_enableOutline(Text_1_0, "#000000", 3)
-- 宽度设置
local Text_1 = GUI:Text_Create(Panel_resolution, "Text_1", 23.00, 117.00, 18, "#ffffff", "宽")
GUI:Text_enableOutline(Text_1, "#000000", 3)
-- 宽度输入框背景
local Image_5 = GUI:Image_Create(Panel_resolution, "Image_5", 138.00, 117.00, "res/private/login/account/bg_shuru_03.png")
GUI:setContentSize(Image_5, 170, 30)
-- 宽度输入框
local TextField_width = GUI:TextInput_Create(Panel_resolution, "TextField_width", 55.00, 117.00, 167.00, 30.00, 22)
GUI:TextInput_setString(TextField_width, "")
GUI:TextInput_setFontColor(TextField_width, "#ffffff")
GUI:TextInput_setMaxLength(TextField_width, 12)
-- 高度设置
local Text_1_0_1 = GUI:Text_Create(Panel_resolution, "Text_1_0_1", 23.00, 77.00, 18, "#ffffff", "高")
GUI:Text_enableOutline(Text_1_0_1, "#000000", 3)
-- 高度输入框背景
local Image_5_0 = GUI:Image_Create(Panel_resolution, "Image_5_0", 138.00, 77.00, "res/private/login/account/bg_shuru_03.png")
GUI:setContentSize(Image_5_0, 170, 30)
-- 高度输入框
local TextField_height = GUI:TextInput_Create(Panel_resolution, "TextField_height", 55.00, 78.00, 167.00, 30.00, 22)
GUI:TextInput_setString(TextField_height, "")
GUI:TextInput_setFontColor(TextField_height, "#ffffff")
GUI:TextInput_setMaxLength(TextField_height, 12)
```
最后添加操作按钮（使用你指定的按钮图片）：
```lua
-- 确定按钮
local btnOk = GUI:Button_Create(Panel_resolution, "btnOk", 47.00, 22.00, "res/public_win32/1900000612.png")
GUI:setContentSize(btnOk, 80, 34)
GUI:Button_setTitleText(btnOk, "确 定")
GUI:Button_setTitleColor(btnOk, "#ffffff")
GUI:Button_setTitleFontSize(btnOk, 14)
GUI:Button_titleEnableOutline(btnOk, "#000000", 1)
-- 恢复默认按钮
local btnReset = GUI:Button_Create(Panel_resolution, "btnReset", 132.00, 22.00, "res/public_win32/1900000612.png")
GUI:setContentSize(btnReset, 80, 34)
GUI:Button_setTitleText(btnReset, "恢复默认")
GUI:Button_setTitleColor(btnReset, "#ffffff")
GUI:Button_setTitleFontSize(btnReset, 14)
GUI:Button_titleEnableOutline(btnReset, "#000000", 1)
-- 全屏按钮（可选）
local btnFullScreen = GUI:Button_Create(Panel_resolution, "btnFullScreen", 217.00, 22.00, "res/public_win32/1900000612.png")
GUI:setContentSize(btnFullScreen, 80, 34)
GUI:Button_setTitleText(btnFullScreen, "启用全屏")
GUI:Button_setTitleColor(btnFullScreen, "#ffffff")
GUI:Button_setTitleFontSize(btnFullScreen, 14)
GUI:Button_titleEnableOutline(btnFullScreen, "#000000", 1)
```
这样你就有了一个完整的PC端分辨率设置界面，背景使用了你指定的图片，按钮也使用了指定的图片资源。
← 返回问答库