鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：图片边框设置）

最新推荐文章于 2025-02-24 09:23:40 发布

代码与思维

最新推荐文章于 2025-02-24 09:23:40 发布

阅读量1.8k

点赞数 25

分类专栏：鸿蒙-ArkTS 鸿蒙文章标签： harmonyos 华为 android 鸿蒙鸿蒙系统 ArkTS ArkUI

本文链接：https://blog.csdn.net/m0_64420071/article/details/136400207

版权

本文详细介绍了如何在HarmonyOS的容器组件中使用`borderImage`接口设置图片边框，包括边框来源、切割方式、宽度、外延和重复模式，以及提供示例代码和学习资源链接，强调了自APIVersion9以来的发展和在鸿蒙生态系统中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置容器组件的图片边框样式。

说明：

从API Version 9开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

borderImage(value: BorderImageOption)

设置组件的图片边框。

卡片能力： 从API version 9开始，该接口支持在ArkTS卡片中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名	类型	必填	描述
borderImage	BorderImageOption	是	图片边框或者渐变色边框设置接口。

该接口支持在ArkTS卡片中使用。

名称	类型	描述
source	string \| Resource \| linearGradient	边框图源或者渐变色设置。说明：边框图源仅适用于容器组件，如Row、Column、Flex，在非容器组件上使用会失效。
slice	Length \| EdgeWidths	设置边框图片左上角、右上角、左下角以及右下角的切割宽度。默认值：0 说明：设置负数时取默认值。参数类型为Length时，统一设置四个角的宽高。参数类型为EdgeWidths时： - Top：设置图片左上角或者右上角被切割的高。 - Bottom：设置图片左下角或者右下角被切割的高。 - Left：设置图片左上角或者左下角被切割的宽。 - Right：设置图片右上角或者右下角被切割的宽。
width	Length \|