通用属性

尺寸

//缺省时使用元素自身内容需要的宽/高
//若子组件的宽/高大于父组件的宽/高，则会画出父组件的范围
//从API version 10开始，该接口支持calc计算特性
width(value: Length)
height(value: Length)
//从API version 10开始，该接口支持calc计算特性
size(value: SizeOptions)
//从API version 10开始，该接口支持calc计算特性
padding(value: Padding | Length | LocalizedPadding)
margin(value: Margin | Length | LocalizedMargin)
//对子组件进行重新布局
//子元素与兄弟元素占主轴尺寸按照权重进行分配
//忽略元素本身尺寸设置
//表示自适应占满剩余空间
layoutWeight(value: number | string)
//设置约束尺寸，组件布局时，进行尺寸范围限制
//优先级高于Width和Height
constraintSize(value: ConstraintSizeOptions)
constraintSize(minWidth/maxWidth/minHeight/maxHeight)

位置

```
## 布局约束
```Ts

Flex布局

```
## 边框
```Ts

图片边框

```
## 背景
```Ts
background(builder: CustomBuilder, options?: { align?: Alignment })
backgroundColor(value: ResourceColor)
backgroundImage(src: ResourceStr | PixelMap, repeat?: ImageRepeat)
backgroundImageSize(value: SizeOptions | ImageSize)
backgroundImagePosition(value: Position | Alignment)

透明度

opacity(value: number | Resource)

显隐控制

visibility(value: Visibility)

禁用控制

设置组件是否可交互

enabled(value: boolean)

浮层

//在当前组件上，增加遮罩文本或者叠加自定义组件以及ComponentContent作为该组件的浮层
overlay(value: string | CustomBuilder | ComponentContent, options?: OverlayOptions )

Z序

设置组件的堆叠顺序

zIndex(value: number)

图形变换

对组件进行旋转、平移、缩放、矩阵变换等操作

rotate(value: RotateOptions)
//平移
translate(value: TranslateOptions)
//缩放
scale(value: ScaleOptions)
//变换矩阵
transform(value: object)

图像效果

//模糊
blur(value: number, options?: BlurOptions)
shadow(value: ShadowOptions | ShadowStyle)
//灰度
grayscale(value: number)
//高光
brightness(value: number)
//饱和度
saturate(value: number)
//对比度
contrast(value: number)
//反转
invert(value: number | InvertOptions)
//转为深褐色
sepia(value: number)
//色相旋转
hueRotate(value: number | string)
//颜色添加
colorBlend(value: Color | string | Resource)
linearGradientBlur(value: number, options: LinearGradientBlurOptions)
//设置当前控件和子控件是否先整体离屏渲染绘制后再与父控件融合绘制
renderGroup(value: boolean)
//将当前控件的内容（包含子节点内容）与下方画布（可能为离屏画布）已有内容进行混合
blendMode(value: BlendMode, type?: BlendApplyType)

形状裁剪

```
## 栅格
```Ts

颜色渐变

linearGradient(value: {angle?: number | string; direction?: GradientDirection; colors: Array<[ResourceColor, number]>; repeating?: boolean;})
//角度渐变
sweepGradient(value: {center: [Length, Length]; start?: number | string; end?: number | string; rotation?: number | string; colors: Array<[ResourceColor, number]>; repeating?: boolean;})
//径向渐变
radialGradient(value: { center: [Length, Length]; radius: number | string; colors: Array<[ResourceColor, number]>; repeating?: boolean })
bindPopup(show: boolean, popup: PopupOptions | CustomPopupOptions)

菜单

```
## 焦点
```Ts

悬浮态

```
## 组件标识
```Ts

复用标识

```
## 多态样式
```Ts

分布式迁移标识

```
## 前景色
```Ts

前景属性

```
## 组件内容模糊
```Ts

运动模糊

```
## 点击回弹
```Ts

无障碍

```
## 动态属性
```Ts

动态手势

```
## 外描边
```Ts

视效

```
## 自定义绘制
```Ts

自定义内容

```
## 自定义属性
```Ts

触摸交互

```
## 模态转场
```Ts

隐私遮罩

```
## 文本通用
```Ts
fontColor(value: ResourceColor)
fontSize(value: number | string | Resource)
fontStyle(value: FontStyle)
fontWeight(value: number | FontWeight | string)
fontFamily(value: string | Resource)
//设置文本的文本行高，设置值不大于0时，不限制文本行高，自适应字体大小
lineHeight(value: number | string | Resource)
//设置文本装饰线样式及其颜色
decoration(value: DecorationStyleInterface)

拖拽

```
## 安全区域
```Ts

组件内容填充

```
## 事件独占
```Ts

鼠标光标

```
## 特效绘制合并
```Ts