软件技术

3ds Max Maya Rhino Unity Photoshop 技术达人 SOLIDWORKS UNREAL ENGINE(UE4)

工业设计

工业设计 3D打印 3D打印模型创意图片创意素材设计达人

人机交互

人工智能人机交互虚拟现实增强现实混合现实区块链

签到任务

纳金网»论坛 › 软件技术区 › Unity3D › NGUI 关于屏幕自动适配的方法

发新帖

查看: 2866|回复: 6

上一主题

下一主题

[经验分享] NGUI 关于屏幕自动适配的方法

tianhett

100 主题	3 听众	7683 积分

高级设计师

Rank: 6 Rank: 6

纳金币: 2378
精华: 0

电梯直达

跳转到指定楼层

楼主

发表于 2015-2-4 22:40:19 |只看该作者 |倒序浏览

1、修改NGUI 脚本源码

在枚举类型中添加一个新的变量 BasedOnWidth

在Update中添加判断

2、创建一个空的UI

并且删除Hierarchy试图中MainCamera 对象

3、首先设置Camera对象中的Size变量，设置的数据为UI制作时的分辨率X数据的大小，这里案例用的是1024×768的UI制作像素

4、复制Panel，创建出2个Panel的效果，当然请自己命名清楚，便于自己分辨

5、在2个Panel层中都需要AddComponent

6、添加UI的背景图片

7、然后设置背景Panel的UIStretch的style为Both

8、然后再添加你需要的控件到这个控件的Panel下，并且自己排版

9、这个时候你在运行游戏，同时切换不同的屏幕分辩，你会发现，你的UI会自动适应屏幕的分辨的同时，位置也是相对位置。而且不会导致UI控件的变形。

分享到: QQ好友和群 腾讯微博 腾讯朋友 微信

转播0 淘帖0 收藏0 支持0 反对0

回复

使用道具举报

HIDEOKOJIMA

115 主题	3 听众	5676 积分

高级设计师

Rank: 6 Rank: 6

纳金币: 7268
精华: 0

沙发

发表于 2015-2-4 23:09:13 |只看该作者

Thanks for sharing this one !

回复

使用道具举报

herry7x

20 主题	5 听众	1096 积分

助理设计师

Rank: 4

纳金币: 105
精华: 0

板凳

发表于 2015-2-5 11:35:20 |只看该作者

Thanks for sharing this one !

回复

使用道具举报

vvhh2002 该用户已被删除	地板发表于 2015-2-5 22:06:23 \|只看该作者提示: 作者被禁止或删除内容自动屏蔽
vvhh2002 该用户已被删除
	回复使用道具举报

myonkyo

10 主题	0 听众	551 积分

初级设计师

Rank: 3 Rank: 3

纳金币: 586
精华: 0

5^#

发表于 2015-2-8 13:20:10 |只看该作者

感谢分享，谢谢提供下载

回复

使用道具举报

低压反气旋

0 主题	1 听众	78 积分

设计初学者

Rank: 1

纳金币: 22
精华: 0

6^#

发表于 2016-4-8 15:45:00 |只看该作者

看不见图

回复

使用道具举报

18317257186

0 主题	5 听众	152 积分

设计实习生

Rank: 2

纳金币: 5
精华: 0

7^#

发表于 2017-8-29 17:24:56 |只看该作者

图片挂掉了，能补上吗？真的有需求

回复

使用道具举报

发新帖

手机版|纳金网 ( 闽ICP备2021016425号-2/3 )

GMT+8, 2025-1-13 09:47 , Processed in 0.070288 second(s), 32 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部