引擎入门 | Unity UI简介–第2部分(4)

news2024/11/15 15:29:22

本期我们继续为大家进行Unity UI简介(第二部分)的后续教程

本篇内容

6.添加设置对话框

7.设置对话框的背景图像

8.添加标签

文章末尾可免费获取教程源代码

本篇本篇Unity UI简介(第二部分)篇幅较长,分为八篇,本篇为第四篇。

6.添加设置对话框

看看你创造的那些华丽的自由空间! 这似乎是一个完美的对话空间。

然后我们来创建面板

通常情况下,对话框包含一些其他控件,这些控件会随着对话框的出现和移动而出现。因此,将对话框创建为面板,并将其他UI元素设置为子对象是很有效的。

要创建一个面板,在菜单中选择GameObject ▸ UI ▸ Panel。这将创建一个全屏面板,使用白色的半透明图像作为背景。因此,你应该会看到某种全屏面纱。

然而,这个对话框不会是全屏的,事实上,它将相对较小。按照以下步骤来设置对话框的大小和位置。

·在 " Hierarchy"中选择 "Panel",并将其重命名为 "设置对话框"(SettingsDialog)。

·将其锚点设置为右中,因为你将把对话框定位在右边缘以外的地方,并离开屏幕,这样当你运行场景时就看不到它了。

·将Width设置为400,Height 设置为150。

·设置Pos X为220,Pos Y为0。

 

你应该会看到画布矩形的右边有一个半透明的矩形。这个矩形之外的所有UI元素在屏幕上都不可见。这正是你想要的对话框。

7.设置对话框的背景图像

你要使用 9-slice image作为对话框的背景。你需要先在导入设置中设置边框。

在Project窗口中打开RW ‣ UI ‣Menu,选择settings_panel_bg_9slice。在 "Inspector"中,单击 "Sprite Editor",打开 "Sprite Editor"视图。

将所有Border值设置为20,然后点击顶部的Apply

现在你可以使用这个图片作为对话框的背景。

选择Hierarchy中的SettingsDialog,并将settings_panel_bg_9slice拖到 " Inspector"中的 "Source Image "字段。双击 "Source Image"字段旁边的 "Color ",并将A设置为255(或1,取决于你的颜色选择器设置),以去除透明度。

这就是设置背景图片后对话框的样子:

8.添加标签

在目前的状态下,很难说这个不显眼的绿色矩形实际上是一个设置对话框,但有一个简单的方法可以解决这个问题。你需要做的就是在上面写上 "Settings"

右击SettingsDialog,选择UI ▸ Text,创建一个新的Text UI元素作为SettingsDialog的子元素。在Hierarchy中选择Text并将其重命名为SettingsLabel

 

之后,选择 "Hierarchy "中的 "SettingsLabel",并进行以下修改:

·设置 Anchors 为top-center.

·设置Pos X为0,Pos Y为-40。

·将 "Text "改为 "Settings"

·在 " Project"窗口中打开 "Fonts"文件夹,并将 "DCC - Dreamer "字体拖到 "Inspector"中的 "Font"字段。

·将Font Size设置为30。

·将 " Alignment"设置为 "Center Align."。

·将颜色设置为白色,用A (Alpha) 255去除透明度。

教程就到这里结束了,我们下期会继续Unity UI简介(第二部分)的后续教程


Unity架构师之路

Unity教程 | 墙外的Unity | 免费资源 | 游戏开发日记

添加下方微信获取教程源代码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/64651.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Xylan-Alkyne木聚糖-炔基|炔基-PEG-木聚糖

Xylan-Alkyne木聚糖-炔基|炔基-PEG-木聚糖 中文名称:木聚糖-炔基 英文名称:Xylan-Alkyne 别称:炔基修饰木聚糖,炔基-木聚糖 还可以提供PEG接枝修饰木聚糖,Xylan-PEG-Alkyne 木聚糖-聚乙二醇-炔基,炔基-…

​创业15年,50岁回到农村过上退休的生活,上班和创业是两难的选择。

我是老马,现在在农村老家生活1个月。 15年前,大学毕业三年后,在县城里搞到一份稳定的工作,朝九晚五,不慌不忙,结婚生子,后来又这样安安稳稳的过了10年,攒了一些钱,但生活…

【HTML学生作业网页】基于HTML+CSS+JavaScript仿南京师范大学泰州学院(11页)

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

llvm-ir之核心类设计

llvm-ir之核心类设计引言1 逻辑关系2 class Module3 class IRBuilder4 class Instruction5 class Constant引言 llvm IR是llvm对代码的一种中间表示。它来源AST(抽象语法树),是llvm代码优化的主要对象。 1 逻辑关系 IR的很多组成元素都是以Value为基类。llvm并没有…

【web3空投】SINSO 主网公测空投

Web3.0 基础设施简化去中心化的热数据缓存和数据治理 文章目录1. SINSO Token介绍2. SINSO 主网公测空投2.1 时间2.2 奖励2.3 参与方式2.3.1 第一步(必须完成)2.3.2 第二步(成为矿工)2.3.3 第三步(成为节点担保人)2.3.4 第四步:公开测试反馈表3. 注意事项4. 成为矿工…

这几个方法让你实现EXCEL文件翻译成中文

在日常的工作中,如果遇到需要将EXCEL翻译成其它语言的的时候,我们该怎么办呢?一行一行的复制查找,然后再粘贴回表格中吗?这样操作的话,不仅浪费时间和精力,而且效率还非常的低。那有什么方法可以…

Java项目:SSM图书馆图书管理系统

作者主页:源码空间站2022 简介:Java领域优质创作者、Java项目、学习资料、技术互助 文末获取源码 项目介绍 读者角色包含以下功能: 读者登录,图书查询,借阅图书,借阅管理,修改密码,借阅记录等功能。 管理员角色包含以下功能: 管理…

Android 系统启动到App 界面完整详解~

通过本篇文章,你将了解到: Android 系统启动流程概览ServiceManager 进程作用Zygote 进程创建与fork子进程system_server 进程作用App 与 system_server 交互Activity 与 View的展示全流程图 1. Android 系统启动流程概览 init 是用户空间的第一个进程&a…

ARM基础(1):Cortex-M3寄存器

Cortex-M3处理器的寄存器包括R0~R15和一些特殊的寄存器。其中R0到R12是通用寄存器,但是一些16位的Thumb指令只能访问R0到R7(低寄存器),而32位的Thumb-2指令则可以访问所有这些寄存器。特殊寄存器只能通过特殊访问指令访问。 所有的寄存器如下图所示&…

Java安全--篇四-Java原生反序列化

Java原生序列化和反序列化 看理论: 序列化和反序列化的详解_tree_ifconfig的博客-CSDN博客_序列化和反序列化 java序列化与反序列化全讲解_mocas_wang的博客-CSDN博客_java反序列化 java 序列化和反序列化 - xbwang520 - 博客园 序列化和反序列化的简单图解&am…

[附源码]Python计算机毕业设计Django微录播室预约管理系统

项目运行 环境配置: Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术: django python Vue 等等组成,B/S模式 pychram管理等等。 环境需要 1.运行环境:最好是python3.7.7,…

【计算机网络】超详细——VLAN、Trunk的配置

1、VLAN 1.1 什么是VLAN? VLAN:即Virtual Local Area Network(虚拟局域网),是物理设备上连接的不受物理位置限制的用户的一个逻辑组,将一个物理LAN划分成多个广播域的通信技术;每一个VLAN是一…

想要高效运行SolidWorks,云上设计了解一下

SolidWorks是达索系统(Dassault Systemes S.A.)旗下SolidWorks公司开发的,运行在微软Windows平台下的第一个三维机械设计软件,涵盖非常广泛的横截面制造业细分市场,目前广泛应用在航天、建筑、汽车生产企业、模具生产企…

[附源码]Python计算机毕业设计Django农产品销售网站

项目运行 环境配置: Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术: django python Vue 等等组成,B/S模式 pychram管理等等。 环境需要 1.运行环境:最好是python3.7.7,我…

C语言学习之路(基础篇)—— 文件操作(下)

说明&#xff1a;该篇博客是博主一字一码编写的&#xff0c;实属不易&#xff0c;请尊重原创&#xff0c;谢谢大家&#xff01; 文件的随机读写 1) fseek 表头文件&#xff1a;#include <stdio.h>定义函数&#xff1a;int fseek(FILE *stream, long offset, int whenc…

【网络层】BGP协议详解、三种路由协议总结

注&#xff1a;最后有面试挑战&#xff0c;看看自己掌握了吗 文章目录BGP协议------外部网关协议----BGP发言人交换网络可达性信息树形结构---防止兜圈子---交换完整路径信息---路径向量BGP格式---应用层协议-------TCP传送-----先建立TCP连接-----建立BGP session---利用会话交…

[附源码]JAVA毕业设计律师事务管理系统(系统+LW)

[附源码]JAVA毕业设计律师事务管理系统&#xff08;系统LW&#xff09; 项目运行 环境项配置&#xff1a; Jdk1.8 Tomcat8.5 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术…

MyBatisPlus_快速入门_笔记

MyBatisPlus_快速入门_笔记 文章目录MyBatisPlus_快速入门_笔记学习目标一、MyBatisPlus简介1. 入门案例问题导入1.1 SpringBoot整合MyBatisPlus入门程序①&#xff1a;创建新模块&#xff0c;选择Spring初始化&#xff0c;并配置模块相关基础信息③&#xff1a;手动添加MyBati…

规避跑道安全事故,如何进行飞机跑道入侵检测

机场跑道入侵因为危险源综合而复杂&#xff0c;涉及方面很多&#xff0c;管制员、飞行员、环境等众多因素的影响导致&#xff0c;一直难以彻底消除&#xff0c;是全球民航面临的重要核心问题。本文围绕北斗RTK技术&#xff0c;探讨如何防止车辆入侵跑道。 机场跑道面积辽阔&am…

# Navicat报错:1045-Access denied for user root@localhost(using password:YES)怎么解决

文章目录1.删除mysql服务2.新建my.ini配置文件3.重新生成data文件4.重新安装mysql服务&#xff0c;同时绑定my.ini配置文件5.重新设置密码6.修改root用户密码1.删除mysql服务 以管理员身份运行cmd&#xff0c;进入安装目录下的mysql的bin文件下&#xff0c;运行命令&#xff1…