您的位置:首页 > 产品设计 > UI/UE

AR 广告大屏UI界面搭建一

2017-07-26 11:57 183 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: