App Inventor 2 KIO4_Gradient 拓展：布局中的颜色渐变

• KIO4_Gradient 拓展：布局中的颜色渐变
• 使用案例
  • 创建圆角渐变标题栏
• 方法
• 属性
• 拓展下载
• 版权信息

« 返回首页

KIO4_Gradient 拓展：布局中的颜色渐变

一般搭配 ColorUtilities 拓展一起使用16进制颜色。

Enhance 拓展也有渐变色功能，而且功能更加强大。

使用案例

创建圆角渐变标题栏

在屏幕中添加一个水平布局，然后将它和两种颜色组成的列表传给 Gradient。方向值可按 Android GradientDrawable.Orientation 的 1～8 选择：

when Screen1.Initialize() {
  KIO4_Gradient1.Shape = 0
  KIO4_Gradient1.Type = 0
  KIO4_Gradient1.CornerRadius = 24
  KIO4_Gradient1.Gradient(
    水平布局_标题,
    [&HFF42A5F5, &HFF7E57C2],
    3)
}

在标题栏中放置标签或按钮即可得到一个带圆角、从左到右渐变的导航区域。颜色也可以直接使用 App Inventor 的整数颜色值。

方法

Gradient设置渐变(布局,颜色列表,方向)

给指定布局设置渐变背景。颜色列表至少包含两个颜色；方向为 0 到 7 的数字（0 从左到右、1 从右到左、2 从下到上、3 从上到下等八个方向）。

• 布局：要设置渐变背景的布局组件
• 颜色列表：渐变使用的颜色列表
• 方向：渐变方向（0-7）

属性

CornerRadius圆角半径

渐变背景的圆角半径（像素）。

Shape形状

背景形状：0 矩形、1 圆形、2 直线。

Type渐变类型

渐变类型：0 线性渐变、1 径向渐变、2 扫描渐变。

拓展下载

• .aix 拓展下载：

com.KIO4_Gradient.aix

版权信息

本文档内容依据原作者发布页面整理翻译，版权归原作者所有。

• 原作者：Juan Antonio（kio4.com）
• 原始网址：http://kio4.com/appinventor/287_extension_gradiente_color.htm