arkts-ui-widget-page-overview.md

# 卡片页面能力说明


开发者可以使用声明式范式开发ArkTS卡片页面。如下卡片页面由DevEco Studio模板自动生成，开发者可以根据自身的业务场景进行调整。


![WidgetPreviewPage](figures/WidgetPreviewPage.png)


ArkTS卡片具备JS卡片的全量能力，并且新增了动效能力和自定义绘制的能力，支持[声明式范式](../reference/arkui-ts/Readme-CN.md)的部分组件、事件、动效、数据管理、状态管理能力，详见“[ArkTS卡片支持的页面能力](#arkts卡片支持的页面能力)”。


## ArkTS卡片支持的页面能力

ArkTS卡片支持的页面能力如下，详细介绍请参见[ArkTS声明式开发范式API参考](../reference/arkui-ts/Readme-CN.md)。

在这些能力中，只有标识“支持在ArkTS卡片中使用”的具体能力可用于ArkTS卡片，同时请留意卡片场景下的能力差异说明。

- 属性动画

- 显式动画

- 组件内转场

- 像素单位

- Blank组件

- Button组件

- Checkbox组件

- CheckboxGroup组件

- DataPanel组件

- Divider组件

- Gauge组件

- Image组件

- LoadingProgress组件

- Marquee组件

- Progress组件

- Qrcode组件

- Radio组件

- Rating组件

- Slider组件

- Span组件

- Text组件

- Toggle组件

- Canvas绘制上下文对象

- Canvas组件

- 渐变对象

- ImageBitmap对象

- ImageData对象

- Path2D对象

- ForEach组件

- Badge容器组件

- Column容器组件

- Counter容器组件

- Flex容器组件

- GridCol容器组件

- GridRow容器组件

- List容器组件

- ListItem容器组件

- RelativeContainer容器组件

- Row容器组件

- Stack容器组件

- Circle绘制组件

- Ellipse绘制组件

- Line绘制组件

- Path绘制组件

- Polygon绘制组件

- Polyline绘制组件

- Rect绘制组件

- Shape绘制组件

- Background通用属性

- BackgroundBlurStyle通用属性

- BorderImage通用属性

- Border通用属性

- ComponentId通用属性

- Enable通用属性

- FlexLayout通用属性

- GradientColor通用属性

- ImageEffect通用属性

- LayoutConstraints通用属性

- Location通用属性

- Opacity通用属性

- Overlay通用属性

- PolymorphicStyle通用属性

- SharpClipping通用属性

- Size通用属性

- Touch-target通用属性

- Transformation通用属性

- Visibility通用属性

- ZOrder通用属性

- 点击事件

- 挂载卸载事件

- 组件生命周期

- 状态管理