App Inventor 2 Enhance 拓展：界面增强扩展（颜色渐变、边距、圆角、透明）

• Enhance 拓展：界面增强扩展
• 属性块
  • 设置背景颜色及圆角
  • 设置背景图片及圆角
  • 设置外边距
  • 设置内边距
  • 设置高程
  • 设置自定义字体
  • 其他
• 使用案例
  • 制作卡片式信息栏
• 方法
• 拓展下载
• 版权信息

« 返回首页

Enhance 拓展：界面增强扩展

可以设置组件的背景色（渐变色）、背景图像、边框、圆角矩形、外边距、内边距、高程、使用自定义字体等。

一般搭配 ColorUtilities 拓展，可以使用16进制颜色，如：#ccc。

示例截图：

属性块

设置背景颜色及圆角

背景颜色 fillColor、边框宽度 borderWidth、边框颜色 borderColor、圆角半径 roundRadius。

“圆角半径可以是一个数字（同时设置四个角），或者是四个数字用逗号隔开（顺时针分别设置左上、右上、右下、左下）。

设置背景图片及圆角

背景图片 imagePath、边框宽度 borderWidth、边框颜色borderColor、圆角半径roundRadius。

imagePath：以//开始表明是素材，以/sdcard/开始表明是在外部存储卡。

“圆角半径可以是一个数字（同时设置四个角），或者是四个数字用逗号隔开（顺时针分别设置左上、右上、右下、左下）。

设置外边距

设置组件的外边距margin。外边距可以是一个数字（同时设置四个方向），或者是四个数字用逗号隔开（分别设置左、上、右、下）。

设置内边距

设置组件的内边距padding。内边距可以是一个数字（同时设置四个方向），或者是四个数字用逗号隔开（分别设置左、上、右、下）。

设置高程

设置组件的高程elevation。会在组件周围显示阴影效果（必须提前设置背景）

设置自定义字体

设置组件字体。fontName字体名以//开始表明字体在素材库，以/sdcard/开始表明在外部存储卡。

其他

组件component那里不仅可以接布局，还可以接标签、按钮等。更多可能等你去发现~~

使用案例

制作卡片式信息栏

在设计器中添加一个垂直布局和几个标签，将布局传给 Enhance 的背景、边框和间距积木：

when Screen1.Initialize() {
  KevinkunEnhance1.SetBgColor(垂直布局_卡片, "#FAFAFA", 0)
  KevinkunEnhance1.SetRoundCorner(垂直布局_卡片, 16)
  KevinkunEnhance1.SetBorder(垂直布局_卡片, 1, "#DDDDDD")
  KevinkunEnhance1.SetPadding(垂直布局_卡片, 16)
  KevinkunEnhance1.SetElevation(垂直布局_卡片, 4)
}

上方的圆角、背景图片、边距和高程截图分别对应这个案例中的常用配置；同一套积木也可以应用到按钮和标签。

方法

SetAsCard设置为卡片样式(布局,颜色,圆角半径,边框宽度,边框颜色,内边距,外边距,高程)

把布局一键设置为 Material 卡片样式（圆角、边框、内外边距、阴影一次设置）。

SetBgColor设置背景色(组件,填充颜色,方向)

设置组件背景色。fillColor 为颜色列表：长度为 1 是单一颜色，大于 1 是渐变；orient 为渐变方向（0-7，0 从左到右）。

SetRoundCorner设置圆角(组件,圆角半径)

设置圆角（必须提前设置背景）。radius 为圆角半径列表：长度为 4 分别设置四个角，长度为 1 统一设置。

SetBorder设置边框(组件,边框宽度,边框颜色)

设置边框（必须提前设置背景）。

SetBackground设置背景（已废弃）(组件,填充颜色,边框宽度,边框颜色,圆角半径)

已废弃，请使用 SetBgColor。

SetPadding设置内边距(组件,边距)

设置组件的内边距。padding 为列表：长度为 4 分别设置四个方向，长度为 1 统一设置。

SetMargin设置外边距(组件,边距)

设置组件的外边距。margin 为列表：长度为 4 分别设置四个方向，长度为 1 统一设置。

SetClipChildren设置剪切子组件(组件,剪切)

设置是否把子组件限制在父组件边界内；为 false 时子组件可以超出边界（用于阴影、放大动画等效果）。

SetLineSpace设置行间距(组件,间距)

设置组件的文字行间距。

SetLetterSpace设置字间距(组件,间距)

设置组件的文字字间距。

SetElevation设置高程(组件,高程)

设置组件的高程 elevation，会在组件周围显示阴影效果（必须提前设置背景）。

SetBackgroundGradient设置背景渐变（已废弃）(组件,方向,颜色列表)

已废弃，请使用 SetBgColor。

SetBackgroundImage设置背景图片(组件,图片路径,边框宽度,边框颜色,圆角半径)

设置组件背景图片。圆角半径可以是一个数字（统一设置）或长度为 4 的列表（分别设置四个角）。

setFontTypeface设置字体(组件,字体名)

设置组件字体。fontName 以 // 开头表示字体在素材库中（如 //font.ttf）。

FullScreen全屏()

隐藏系统状态栏和导航栏，进入全屏模式。

拓展下载

• .aix 拓展下载：

cn.kevinkun.KevinkunEnhance.aix

版权信息

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

• 原作者：Kevin Kun（cn.kevinkun）
• 原始网址：https://wangsk789.github.io/enhance/
• 中文文档：wangsk789