UGUI基础常识

UGUI:是Unity中自带的UI软件
如何创建UI?
1.在层级视图上–Create–UI–Image图片
2.选中图片,在检视视图上选择Image组件,属性如下:
Source Image:图片来源
Color:颜色
Material:材质
Image Type:图片类型
Set Native Size:设置图片为原来大小
(1)如何改变图片格式
选中图片,在检视视图上,Textrue Type–Sprite(2D and UI)–Apply
3.如何实现屏幕适配?
以背景为例
选中Image,在场景视图中有锚点(花瓣)拉动锚点到画布的四个边上,这时在检视视图上–Rect Transform–Left左设置为0,Top上设置为0,Right右设置为0,Bottom底设置为0即可,这时背景图片占满整个画布
4.Text文本
Font:字体
Font Style:字体样式
Normal:无样式
Bold:加粗
Italic:倾斜
Bold and Italic:加粗并倾斜
Font Size:字体大小
Line Spacing:行间距
Alignment:对齐方式
Horizontal Overflow:水平溢出
Vertical Overflow:垂直溢出
Color:字体颜色

关节:
Hinge Joint:链条链接
  一般制作门,相互作用但是不会产生力,在门柱上添加链条链接,门上也要有刚体
Fixed Joint:固定连接
  一般模拟两个物体之间有一根杆
Spring Joint:弹簧链接
  一般模拟两个物体之间有个弹簧,来回弹
  Connected Body:物体连接。连接的物体身上必须有刚体
    Anchor:锚点
    Axis:坐标轴
Break Force:

### Unity UGUI 基础控件教程 #### Image 控件 `Image` 是用于显示图像的最基本控件之一。通过设置 `Sprite Mode` 和其他属性可以实现不同的视觉效果,比如填充模式、颜色调整等[^1]。 ```csharp using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public Image imageComponent; void Start() { // 设置图片的颜色 imageComponent.color = Color.red; // 更改 Sprite 图像 imageComponent.sprite = Resources.Load<Sprite>("NewSprite"); } } ``` #### TextMeshPro 文本控件 为了更高效地处理文本渲染,推荐使用 `TextMeshPro` 而不是传统的 `Text` 组件。创建该组件的方法是在 Hierarchy 视图中选择 Create -> UI -> TextMeshPro 来完成[^2]。 ```csharp using TMPro; public class TMPExample : MonoBehaviour { public TextMeshProUGUI textMeshProComponent; void Start() { // 修改文字内容 textMeshProComponent.text = "Hello, World!"; // 改变字体大小 textMeshProComponent.fontSize = 48f; } } ``` #### Button 按钮控件 按钮是交互界面中最常见的元素之一。可以通过在 Hierachy 面板里右键点击并导航到 UI->Button 来快速添加一个按钮对象。每个按钮默认会附带有一个 `Image` 子项以及一个带有文本标签的 `Text` 或者 `TextMeshPro` 的子物体来展示按钮上的说明文字[^3]。 ```csharp using UnityEngine; using UnityEngine.UI; public class ButtonClickHandler : MonoBehaviour { private Button button; void Awake(){ button = GetComponent<Button>(); button.onClick.AddListener(OnButtonClick); } void OnButtonClick(){ Debug.Log("The button was clicked!"); } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦见晗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值