【主界面UI】素材 13周年风格 UI界面素材

RexueVIP 2022/01/21 17:45:53 740

附件内容全部PNG格式,适合所有分辨率UI。
根据自行需要替换UI即可。



考虑到新手对于替换UI有门槛,我大概讲解一下替换的一些思路和难点。

如何替换这种【主界面居中】【对话框居左】的UI
先说【主界面居中】的设置思路
首先,我们知道主界面UI分为“左”、“中”、“右”三张图片组成。
默认的情况是【左:龙头血球】【中:对话框】【右:功能按钮】
现在的思路是【左:空】【中:主界面UI】【右:空】
所以附件中的“501空白图片”就是替换【左、右】两张图片用的。



【记得中间区域的“边框自适应”的勾要去掉,用固定图片方式。】
然后需要在【中间主界面区域】显示的血球、按钮、文字等…
对齐方式都要记得选择【rxCenter】居中,才不会出现错位。



接下来说【对话框居左】的设置



【聊天框底图】的对齐方式要记得选择【rxLeft】居左。
这样在任何分辨率下都是在最左边的。
然后是输入框仅在输入时出现的设置。



正常的输入框是没有背景图片的,我们将625设置成背景图。
但和文字会出现偏移,所以要将【X、Y】的偏移度设置回来。
然后记得将【操作控件】勾起来。
这样设置后,输入框就会在回车时才出现了。
这就是主界面UI居中显示的大致设置思路。
新手研究一下就会了,不要总想着有没有现成的设置文件。
自己研究成功才是真正的乐趣。

上传的附件:
返回