HarmonyOS 鸿蒙Next如何只显示容器的一侧边框

HarmonyOS 鸿蒙Next如何只显示容器的一侧边框 如何只显示容器的一侧边框

3 回复

通过设置borderWidth控制边框宽度，如将left设置为0即可使左侧边框不可见，具体使用可以参考文档：边框设置-通用属性-组件通用信息-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

更多关于HarmonyOS 鸿蒙Next如何只显示容器的一侧边框的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


.border里参数 width 可以传上下左右

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-border-V5#edgewidths9%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E

在HarmonyOS（鸿蒙）中，如果你希望只显示容器的一侧边框，可以通过自定义组件的样式来实现。这里不涉及Java或C语言，而是利用鸿蒙的XML布局文件和CSS样式表。

你可以使用ShapeDrawable或者通过自定义绘制来设置边框。以下是一个简化的示例，展示如何在XML布局中通过样式只显示容器的一侧边框（例如右侧）：

  1. 定义样式：
<resources>
    <style name="RightBorderStyle">
        <item name="background">#00000000</item> <!-- 透明背景 -->
        <item name="border_right_width">2dp</item> <!-- 右侧边框宽度 -->
        <item name="border_right_color">#FF0000</item> <!-- 右侧边框颜色 -->
    </style>
</resources>
  1. 应用样式：
<DirectionalLayout
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:style="@style/RightBorderStyle">
    <!-- 其他子视图 -->
</DirectionalLayout>

请注意，由于鸿蒙系统的样式和布局机制可能随着版本更新而变化，上述示例可能需要根据你使用的鸿蒙版本进行调整。如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部