博客
关于我
unity3d插件Daikon Forge GUI 中文教程-2-基础控件Label的使用
阅读量:294 次
发布时间:2019-03-01

本文共 1174 字,大约阅读时间需要 3 分钟。

UI Root 设置与控件配置指南

在游戏开发过程中,UI Root 的设置与控件配置是基础工作。以下将详细介绍如何在 UI Root 中设置适当的布局和控件属性,帮助开发者快速上手。

1. 设置屏幕大小

首先,在 UI Root 中设置屏幕大小为 1024x768 像素。这个设置是游戏默认的屏幕分辨率,适用于大多数设备。

2. 创建 Label 控件

2.1 新建 Label 控件

在 UI Root 中,选择“创建新对象”,然后选择 Label 控件。

2.2 设置控件属性

在 Label 控件的 Properties 中,主要需要设置以下几个方面:

  • Layout 和 Anchor:这些属性直接影响控件在屏幕上的位置布局。理解 Layout.Position 和 Transform.Position 的关系至关重要。

  • Transform.Position:使用米为单位,原点位于屏幕中心点(512,384)。1米对应 384 像素(如 768x384 或 896x512)。

  • Size:设置合适的尺寸,通常选择“Auto Height” 或“Auto Size”。

  • Pivot:定义旋转轴,影响控件的旋转和绘制方向。

  • Anchor:设置控件的原点位置,通常建议使用 Center 来居中控件。

  • Size Limits:限制控件的大小,避免超出屏幕范围。设置为(0,0)表示无限制。

  • Behavior:设置控件的行为属性,参考文档进行理解。

  • Other 属性

    • Not Transparent:设置为 1 表示完全不透明。
    • Z-Order:定义控件叠加顺序。
    • Tab Index:设置回车键的焦点移动值。
    • Tooltip:输入提示信息。

3. Label 控件属性

3.1 Atlas 和 Font

  • Atlas:用于定义 Label 背景图的精灵,后续制作前可上网查阅。

  • Font:设置字体类型和大小。支持动态字体和静态字体。

3.2 Text Effects

  • Draw Gradient:设置字体颜色渐变效果。
  • Draw Outline:添加字体背影。
  • Draw Shadow:设置字体阴影。

3.3 文本属性

  • Text:输入显示的文本内容。
  • Text Alignment:设置文本水平和垂直对齐方式。
  • Word Wrap:启用自动换行功能。
  • Colorize Sprites:开关控制精灵着色。
  • Padding:设置上下左右边距,与 Hot ZoneScale 区分开。

4. 其他注意事项

  • Background:设置 Label 背景图,选择图集中的精灵。
  • Back Color:设置背景颜色。
  • Text Color:设置文本颜色。

通过以上设置,您可以快速在 UI Root 中创建并配置 Label 控件,实现直观的界面显示。

转载地址:http://floa.baihongyu.com/

你可能感兴趣的文章
nodejs配置express服务器,运行自动打开浏览器
查看>>
Node入门之创建第一个HelloNode
查看>>
Node出错导致运行崩溃的解决方案
查看>>
node安装及配置之windows版
查看>>
Node提示:error code Z_BUF_ERROR,error error -5,error zlib:unexpected end of file
查看>>
NOIp2005 过河
查看>>
NOPI读取Excel
查看>>
NoSQL&MongoDB
查看>>
NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
查看>>
npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
查看>>
npm install digital envelope routines::unsupported解决方法
查看>>
npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
查看>>
npm install报错,证书验证失败unable to get local issuer certificate
查看>>
npm install无法生成node_modules的解决方法
查看>>
npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
查看>>
npm run build报Cannot find module错误的解决方法
查看>>
npm run build部署到云服务器中的Nginx(图文配置)
查看>>
npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
查看>>
npm start运行了什么
查看>>
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
查看>>