u3d 登陆界面

今天下午，简单带大家初步认识了一下 NGUI。今晚闲来无事，就来详细说一说 U3D 登陆界面的制作。

制作简单的登录界面

1. 登录背景创建——Sprite 介绍

大家也可以像我在第一课里那样，在 Widget Tool 里创建 Sprite。在 Sprite 的 Inspector 面板中，能看到 UISprite 脚本。

其中，atlas 选项之前已经介绍过，点击 Sprite 可以进入 atlas 选择相应的 Sprite，这里我选择了……

首先介绍 Type 属性： 如果图标较小，需要进行大面积平铺且不想重复显示，可选择 sliced 类型；此处我选择的是 simple 类型。前三种 Type 选项的功能大致相同，只有第四种选项下包含 Fill Dir（填充方向）、FillAmount（填充量）、Invert Fill（反转填充）这几个子属性。这三个属性主要用于修改填充方式，例如可以选择 260 度填充、水平填充、垂直填充等，大家可以自行尝试不同设置的效果。

接着是 Widget 相关属性：

• Pivot：表示 Sprite 的中心点。
• Depth：代表层的深度。
• Size：指的是 Sprite 的大小，这个比较容易理解。Size 后面跟着的 snap 按钮，其作用是让图片适应实际大小，点击后图片会显示为实际尺寸。至于后面的 anchor 属性，将在下一个教程中详细介绍。

2. Label 的创建（创建用户名和密码的 Label）

在创建 Label 时，可以在 font 选项中选择所需的字体。需要注意的是，Unity 对中文的支持比较麻烦，需要使用特定字体，目前我们先用英文字体，后续再介绍如何使用中文字体。

下面对 Label 的参数进行详细介绍：

• Overflow：有 4 个参数选项。
• shrinkContent：表示方框大小不缩放，但字体会自动缩放以适应方框。
• clampContent：意味着方框和字体都不会缩小，当输入的字体超过方框范围时，超出部分将无法显示。
• ResizeFreely：表示方框会根据输入字体的大小和长度自适应调整。
• 第四个选项大家可以自行体验其效果。
• gradient：说实话，我自己也没怎么用过这个属性。
• Effect：用于设置字体效果，目前有阴影（shadow）和描边（outline）两种效果可供选择。
• spacing：表示字体间距。
• maxLines：指的是最大行数。
• color Tint：用于设置字体颜色。

至此，Sprite 背景和 Label 标签都已创建完成，接下来将制作输入框 Input。