ContainerSpan
Text组件的子组件,用于统一管理多个Span、ImageSpan的背景色及圆角弧度。
说明:
该组件从API Version 11开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
子组件
接口
ContainerSpan()
属性
仅支持以下属性: TextBackgroundStyle
名称 | 参数类型 | 描述 |
---|---|---|
textBackgroundStyle | TextBackgroundStyle | 文本背景样式。 默认值: { color: Color.Transparent, radius: 0 } 说明: 子组件在不设置该属性时,将继承此属性值。 |
TextBackgroundStyle对象说明
名称 | 参数类型 | 必填 | 描述 |
---|---|---|---|
color | ResourceColor | 否 | 文本背景色。 |
radius | Dimension | BorderRadiuses | 否 | 文本背景圆角。 |
事件
不支持通用事件。
示例
示例1
// xxx.ets
@Component
@Entry
struct Index {
build() {
Column() {
Text() {
ContainerSpan() {
ImageSpan($r('app.media.app_icon'))
.width('40vp')
.height('40vp')
.verticalAlign(ImageSpanAlignment.CENTER)
Span(' Hello World ! ').fontSize('16fp').fontColor(Color.White)
}.textBackgroundStyle({color: "#7F007DFF", radius: "12vp"})
}
}.width('100%').alignItems(HorizontalAlign.Center)
}
}