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

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

Daikon Forge 开发指南:Button 和 Sprite 的使用

2.2 Button(按钮)控件

在 Daikon Forge 开发中,Button 控件是一个非常常用的组件,用于创建交互式按钮。以下是 Button 控件的核心属性和使用方法。

Button 的基本属性

  • Data 属性

    • 用于显示按钮的文本内容。
    • 可以通过动态更新 Data 来更改按钮显示的内容。
  • Behavior 属性

    • Auto Size:当选中时,按钮的背景会根据 Data 中的文本自动缩放至最小范围。
    • Space to Click:默认启用,目前尚未发现具体用途。
    • Group:可以将当前按钮与其他控件组成一组,方便一起操作。
  • TextAppearance 属性

    • Font:设置按钮的字体,支持动态和静态显示。
    • HorizontalAlignment:设置文本在按钮中的水平对齐方式。
    • VerticalAlignment:设置文本在按钮中的垂直对齐方式。
    • Font Size:设置 Data 文本的字体大小。
    • Word Wrap:支持文本自动换行。
    • Padding:设置按钮的上下左右边距,与 Hot ZoneScale 有所区别。
  • Draw Shadow:为按钮添加阴影效果。

  • Button 的颜色设置

    • Button 的颜色可以通过 TextAppearance 中的 Color 属性设置。
    • 支持多种颜色状态,默认使用 Button State 中的图集。

    Button 的图片设置

    • Atlas:按钮背景的图片集合,包含各种状态(如 Normal、Hover、Clicked 等)。
    • Button State:默认显示的状态图,通常用于 Normal 状态。
    • Texture:如果需要自定义图片,可以直接使用 Texture 属性。

    2.3 Sprite(精灵)控件

    精灵控件是一种常用的 UI 组件,用于显示图像或图集。Daikon Forge 提供多种精灵类型,以下是精灵控件的核心属性和使用方法。

    Sprite 的基本属性

  • Atlas 图集

    • 精灵图片的集合,包含多种状态(如 Normal、Hover、Clicked 等)。
    • 如果需要自定义图片,可以直接使用 Texture 属性。
  • Color 属性

    • 设置精灵的主颜色,建议在图片是真彩色时不进行设置。
  • Flip 属性

    • Horizontal Flip:水平翻转图片。
    • Vertical Flip:垂直翻转图片。
  • Fill Direction:设置填充的方向,支持左到右和上到下。

    • Fill Amount:设置填充的百分比。
    • Invert Fill:反转填充方向。
  • Fill Origin:设置填充的原点,有九个位置可选。

  • Texture 属性

    • 如果需要自定义图片,可以直接使用 Texture 属性。
  • 精灵的裁剪和缩放

  • Crop:是否对原图片进行裁剪。

    • Offset:裁剪的起始位置。
    • Size:裁剪的大小,会根据 Layout 的大小进行拉伸。
  • Tile 属性

    • Tile Scale:设置原图片的比例缩放。
    • Tile Offset:设置瓷砖的偏移量。
  • Web 精灵

  • Web 属性
    • URL:用于加载网络图片,适用于网游或需要从服务器获取图片的场景。
  • 通过以上方法,可以轻松创建和自定义 Button 和 Sprite 控件,满足丰富的 UI需求。

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

    你可能感兴趣的文章
    node~ http缓存
    查看>>
    node不是内部命令时配置node环境变量
    查看>>
    node中fs模块之文件操作
    查看>>
    Node中同步与异步的方式读取文件
    查看>>
    node中的get请求和post请求的不同操作【node学习第五篇】
    查看>>
    Node中的Http模块和Url模块的使用
    查看>>
    Node中自启动工具supervisor的使用
    查看>>
    Node入门之创建第一个HelloNode
    查看>>
    node全局对象 文件系统
    查看>>
    Node出错导致运行崩溃的解决方案
    查看>>
    Node响应中文时解决乱码问题
    查看>>
    node基础(二)_模块以及处理乱码问题
    查看>>
    node安装卸载linux,Linux运维知识之linux 卸载安装node npm
    查看>>
    node安装及配置之windows版
    查看>>
    Node实现小爬虫
    查看>>
    Node提示:error code Z_BUF_ERROR,error error -5,error zlib:unexpected end of file
    查看>>
    Node提示:npm does not support Node.js v12.16.3
    查看>>
    Node搭建静态资源服务器时后缀名与响应头映射关系的Json文件
    查看>>
    Node服务在断开SSH后停止运行解决方案(创建守护进程)
    查看>>
    node模块化
    查看>>