Unity3D4.6UGUI开发设计及案例讲解 - 图文(3)

Radial 300：径向180度填充，同理当我们手动拖动Fill Amount滑块，就可看到图片在360度方向上的填充变化（动画），如下图列所示，默认是以图片的中心点为圆心，顺时针360度填充。

如果我们使用脚本来控制Fill Amount的值，就可制造出这五种动画来，为特效的制作增加了一些有效的手段。

七．Button控件

当我们创建一个Button后，其Inspector视图如下：

除了公共的Rect Transform与Canvas Renderer两个UI组件外，Button还默认拥有Image(Script)与Button(Script)两个组件。

组件Image(Script)里的属性与前面所讲的Image控件的Image(Script)组件里的属性是一样的，例如Source Image的图像类型仍为一个Sprite（精灵），通过为此赋值，就可改变此Button的外观了，如果你为属性赋值了图片精灵，那么此Button的外观就与此精灵一致了。

Button是一个复合控件，它中还包含一个Text子控件：，通过此子控件可

设置Button上显示的文字的内容、字体、样式、字大小、颜色等，与前面所讲的Text控件是一样的。

Button(Script)组件里的属性：

1 Interactable：是否启用（交互性）

如果你把其后的对勾去交互性了。

去掉，此Button在运行时将点不动，即失

2 Transition：过渡方式

它有四个选项

1） None：没有过渡方式。

，默认为Color Tint（颜色色彩）

2） Color Tint：颜色过渡

Target Graphic：目标图像

Normal Color：正常颜色

Highlighted Color：经过高亮色 Pressed Color：点击色 Disabled Color：禁用色 Color Multiplier：颜色倍数 Fade Duration：变化过程时间

3） Sprite Swap：精灵交换。需要使用相同功能不同状态的贴图。

Target Graphic：目标图像

Highlighted Sprite：鼠标经过时的贴图 Pressed Sprite：点击时的贴图 Disabled Sprite：禁用时的贴图

4） Animation：动画。最复杂，效果最绚丽。

其中的Normal Trigger、Highlighted Trigger、Pressed Trigger、Disabled Trigger等属性是不能赋值的，它们是自动生成的。

当单击“Auto Generate Animation”（自动生成动画）按钮时，系统会为你打开一个New Animation Contoller（新建动画控制器）窗口，要求你选择动画存放的路径，所以我们要先在Project中新建一个文件夹，专门用来存放动画，比如此文件夹取名为_Animator，此时就可选中此文件夹，并给此动画取名（动画的名默认为该Button的名字，当然其扩展名为controller），创建成功后，会在Project中的_Animator文件夹中可看到刚才创建的动画文件（动画的名默认为该Button的名字），且在这个Button的Inspector检视图中可看到会为此Button增加一个Animator组件：

此组件的Controller的属性值就为刚才创建的动画，双击它即可打开该动画的Animator窗口，其中记录的有四个动画：Normal、Highlighted、Pressed、Disabled（通常状态、鼠标经过状态、按下状态、失效状态），如下图所示：

其实这个动画还没有，要做出这个动画，需先选中这个Button，然后点击系统菜单Window->Animation（注意不是Animator），就会打开一个Animation动画编辑窗口：

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库Unity3D4.6UGUI开发设计及案例讲解 - 图文(3)在线全文阅读。