AR 广告大屏UI界面搭建一

1.创建一个项目,将素材拖动到Assets目录下,并且将图片的格式修改为Sprite(2D and UI)


将图片转换为精灵类型


2.在屏幕上点击鼠标右键-->屏幕分辨率,查看屏幕的分辨率,在unity中的Game视图,点击Free Aspect


3.点击+


4.填写lab和分辨率的值


4.鼠标右键-->Create-->UI-->Image,将Canvas的Render Mode设置为Screen Space-Overlay(和屏幕大小一致),UI Scale Mode设置为Constant Pixel Size(固定分辨率大小)


5.image的大小设置和Canvas大小相同,给图片设置图片源


6.分别创建四个按钮,重命名并设置图片源


将button默认的Text置为空


7.创建视频组件,create-->UI-->Raw Image,重命名并调整大小与红框的大小相吻合


8.创建一个Image,重命名为Im_A_BG,设置大小(与红框大小相同)和位置,并给图片赋予图片源


9.新建两个Button,将text中的内容置为空,分别给两个按钮设置图片源



10.创建一个Image,作为Bt_A_P的子物体,重命名为Im_A_Fd,设置大小和位置,设置图片源


11.在图片拍照下创建一个子物体Text,重命名为Tx_A_Ct,设置大小和位置,通过设置Text给Text设置文本,修改Font Size设置字体大小,设置Color给字体设置颜色,设置Alignment设置字体的对齐方式


12.刚开始拍照图片和底部的倒计时文字提示是隐藏的,选中Im_A_Fd,将激活图片的复选框取消勾选,隐藏掉该部分


13.创建二维码区域,创建一个Image,重命名为Im_A_In,设置大小和位置,设置图片源


14.分别创建“确认”和“返回”两个按钮,重命名为“Bt_Ain_Q_Q”和"Bt_Ain_V_F",设置大小和位置,设置图片源,将本身的text置为空



15.刚开始时拍照模块默认的是隐藏的,点击拍照模块,取消勾选激活按钮,隐藏掉拍照模块





参考资料:http://edu.manew.com/course/216/learn#lesson/3278


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值