godot-start/doc/demo12_gui/gui.md

2.8 KiB
Raw Blame History

1. GUI系统

  • 图形用户界面Graphical User Interface简称 GUI又称图形用户接口是指采用图形方式显示的计算机操作用户界面。
图形用户界面是一种人与计算机通信的界面显示格式。
允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其它一些日常任务。
与通过键盘输入文本或字符命令来完成例行任务的字符界面相比,图形用户界面有许多优点。
图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成,在各种新式应用程序中都是标准化的,即相同的操作总是以同样的方式来完成,
在图形用户界面,用户看到和操作的都是图形对象,应用的是计算机图形学的技术。

Image text

2. GUI的字体选择

  • 由于 Godot 使用 OpenGL 渲染,所以没法直接用系统字体,需要创建字体资源(Resource),而且在 UI 组件中,默认字体没法显示中文。
在 Godot 中使用自定义字体的步骤如下:

复制字体文件(ttf/tts等格式)到游戏目录内
创建字体资源(DynamicFont)  并配置对应字体文件
控件中使用字体资源,配置字体大小,字体颜色
字体资源复用Make Unique
由Google和Adobe在2014年7月正式推出的开源字体
不仅可以免费商用而且全面支持中文简体、中文繁体香港、中文繁体台湾、日文和韩文还有七种字体粗细整个字形个数接近50万。
免费可商用

3. GUI的锚点Anchor

  • 是一个点锚点描述的是一个对象的Margin相对于锚点的坐标
  • 锚点的lefttoprightbottom是相对于父节点的值
  • 主要是用于描述子节点相对于父节点的位置
  • 当对一个节点的子节点进行设置锚点时,子节点的锚点范围只能够是父节点的控件区域内。
  • 注意任何布局也都是相对于父窗口矩形的
  • 主要用于在GUI中描述子节点相对于父节点的位置

Image text Image text Image text Image text Image text Image text Image text Image text Image text Image text Image text Image text Image text Image text