字体
概述
字体(Font)的样式具有多样性,使用字体编辑器(Font Editor)可以对其进行自定义设计。本文档将详细介绍字体编辑器的各项功能及使用。
字体编辑器
打开字体编辑器
在UI编辑器(UI Editor)中,依次点击菜单栏资源(Resource)-> 字体(Font),打开字体编辑器(Font Editor)。
字体编辑器界面如下图所示。
编号 | 名称 | 说明 |
---|---|---|
1 | 菜单栏(Menu Bar) | 用于保存字体,暂时只具备保存功能 |
2 | 文件列表(File List) | 用于展示所有存放字体的文件,可以在此处删改文件 |
3 | 字体列表(Font List) | 在选中某个字体文件后,用于展示该文件中的所有字体 |
4 | 字体预览(Font Preview) | 用于预览当前字体的效果 |
5 | 字体属性(Font Properties) | 可以查看或编辑字体的任意属性,属性的修改会直接显示在字体预览窗口中 |
预览字体
Flexi编辑器中使用的所有字体都保存在数个字体文件中,一个字体文件可以包含多个字体。在文件列表(File List)面板中选中字体文件后,字体列表(Font List)面板中会展示该字体文件包含的所有字体。
在字体列表(Font List)面板中,点击选中任意字体,便可在右侧的字体预览(Font Preview)面板中预览该字体,其相关属性也会展示在字体属性(Font Properties)面板中。
字体文件
编辑字体文件
在文件列表(File List)面板中右击任意区域,弹出快捷菜单,点击添加(Add),弹出添加字体文件(Add Font File)窗口。点击目录(Directory)属性旁的 按钮,可在新弹出的窗口中设置字体文件存储路径,然后在文件名称(File Name)属性中输入文件名称(不需要扩展名,会自动补充),点击OK,即可添加新的空字体文件,其中不包含任何字体。
选中已创建的字体文件,右击弹出快捷菜单,可以对当前字体文件进行重命名(Rename)或者移除(Remove)。
编辑字体
在文件列表(File List)面板中选择字体文件,在字体列表(Font List)面板中任意区域右击,弹出快捷菜单,点击添加(Add),弹出添加字体(Add Font)窗口,输入字体名称,点击OK,即可添加新的字体。
选中已创建的字体并右击,弹出快捷菜单,点击移除(Remove),可以移除当前字体。
注意:在新建/重命名字体或者字体文件时,应当注意名称不能重复,并且任意两个文件内也不能存在同名字体。如果命名不规范,会弹出提示并撤销相关操作。
字体属性
属性说明
名称 | 说明 |
---|---|
字体名称(Font Name) | 字体的名称,用于区分不同的字体 |
字体文件(Font File) | 字体使用的字体文件,不同字体文件的视觉效果不同 |
字号(Word Size) | 决定字体的大小 |
字间距(Word Space) | 决定当前字体中各个字母之间的间距 |
规范字间距(Var Extent) | 使字体中各个字母之间保持相同的间距,避免部分字母被挤压重叠 |
粗体(Bold) | 加粗字体 |
斜体(Italic) | 使字体倾斜 |
阴影颜色(Shadow Color) | 决定字体阴影颜色 |
阴影X偏移(Shadow X Offset) | 使字体阴影在水平方向发生偏移,负数为左移,正数为右移 |
阴影Y偏移(Shadow Y Offset) | 使字体阴影在垂直方向发生偏移,负数为上移,正数为下移 |
渐变类型(Gradient Type) | 使字体颜色由深至浅进行渐变,共有四种类型:无渐变、向上渐变、向下渐变、由中间向两端渐变 |
描边颜色(Outline Color) | 决定字体外轮廓的颜色 |
描边粗细(Outline Thickness) | 决定字体描边的粗细,属性值为0时没有描边效果显示 |
属性编辑
修改字体属性可以使字体的视觉效果发生变化。
改变字体阴影颜色(初始状态为无阴影)。点击阴影颜色(Shadow Color)属性右侧的颜色条,弹出颜色选择(Color Picker)窗口,设置所需颜色,点击OK。
注意:在颜色选择窗口中,透明度(Alpha)值默认为0,适当调整该数值才可以看到字体阴影颜色效果。此外,由于阴影与字体初始位置重叠,未设置字体阴影偏移,因此效果不明显,只能看到淡淡的描边。
改变字体阴影偏移。在阴影X偏移(Shadow X Offset)和阴影Y偏移(Shadow Y Offset)属性中修改偏移值,即可设置字体阴影偏移效果。
改变字体描边颜色(初始状态为无描边)。点击描边颜色(Outline Color)属性右侧的颜色条,弹出颜色选择(Color Picker)窗口,设置所需颜色,点击OK。
注意:由于描边粗细(Outline Thickness)属性值默认为0,因此当前无描边效果显示。
改变字体描边粗细(初始数值为0)。在描边粗细(Outline Thickness)属性中修改描边粗细值,即可设置字体描边效果。
保存编辑
在所有编辑完成后,点击菜单栏中的 按钮,即可保存所有修改。
注意:如果编辑后不进行保存,那么修改将不会生效;直接退出字体编辑器会导致修改被撤销。如果在字体编辑器中有修改未保存,那么字体编辑器的标签页上会显示星号。
应用字体
在UI编辑器界面的控件栏(Control Bar)面板中,选择Label控件,并在编辑区域(Editing Area)下点击进行创建。在控件属性面板中点击Font属性,弹出选择字体(Select Font)窗口,选择所需字体,点击OK,即可应用相应的字体效果。
如果仍需修改当前所展示的字体,可以参照前文介绍在当前的选择字体(Select Font)窗口或者重新打开字体编辑器对字体进行再编辑。
注意:OK按钮除了返回所选值外也会保存修改,但是一旦点击就会退出当前窗口。
选择字体后效果如图所示。
如果要清空所选字体,只需再次打开选择字体(Select Font)窗口,不选择任何字体,直接点击OK即可。