跳到主要内容

纹理按钮

概述

纹理按钮用于制作样式更加自定义化的按钮

另请参阅按钮,其中包含与此节点关联的通用属性和方法。

节点使用

按钮贴图

属性栏中的”贴图“可以指定纹理按钮在各种状态下的贴图:

按钮最常用的三种状态是正常、悬停和按下,通过指定这三种状态的贴图可以一个纹理按钮的基础样式。指定前需要勾选”扩展“,让贴图可以根据按钮尺寸缩放。

示例

为一个按钮设置以下贴图

正常:

悬停:

按下:

点击效果如下:

拉伸模式

勾选”拓展“后,拉伸模式可以调整按钮大小变化时,贴图的拉伸模式:

  • 缩放 --- 缩放以适应节点的边界矩形。
  • 平铺 --- 在节点的边界矩形内平铺。
  • 保持 --- 纹理保持它的原始尺寸,并保持在边界矩形的左上角。
  • 保持居中--- 纹理保持其原始大小,并在节点的边界矩形中保持居中。
  • 保持比例 --- 缩放纹理以适应节点的边界矩形,但保持纹理的长宽比。
  • 保持比例居中 --- 缩放纹理以适应节点的边界矩形,使其居中,并保持长宽比。
  • 保持比例覆盖 --- 缩放纹理,使较短的一边适应边界矩形。另一边则裁剪到节点的界限内。

交互制作

参考按钮 - 交互制作