buttom样式怎么添加？

BUTTON样式很丰富，什么圆角的，直角的，圆形的等等，这些样式要怎么添加进来？还有编写格式要求？

<Button
        ohos:id="$+id:button"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:left_margin="88vp"
        ohos:right_margin="88vp"
        ohos:top_margin="70vp"
        ohos:text_size="19fp"
        ohos:text="点我"
        ohos:background_element="$graphic:color_blue_element" //按照网上提示，编译报错
        ohos:text_color="white"
        />

HarmonyOS

bugouhen

2020-10-20 10:24:37

浏览

回答 2

待解决

回答 2

按赞同

按时间

charlesc

在app目录下resources/base文件目录下创建graphic目录

如果要实现圆角等需要编写xml文件例如新建bg_common_unpress_btn.xml 如下

<?xml version="1.0" encoding="UTF-8" ?>

<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"

       ohos:shape="rectangle">

    <corners

            ohos:radius="100"/>

    <solid

            ohos:color="#2E9EED"/>

</shape>

shape类型与android的shape类型相似。

使用方式为

ohos:background_element="$graphic:bg_common_unpress_btn"

2020-10-20 10:43:54

bugouhen

结帖！！！！！！！！！！！！！

妙啊，加了后飘红问题完美解决

2020-10-20 11:28:32

如何写精华回答，获更多曝光？

发布

相关问题

716浏览 • 0回复待解决

8332浏览 • 1回复待解决

1315浏览 • 1回复待解决

4447浏览 • 1回复待解决

936浏览 • 1回复待解决

鸿蒙工程可以添加.so 文件吗？怎么添加？

3518浏览 • 1回复待解决

鸿蒙怎么实现UI控件样式复用？

8736浏览 • 3回复待解决

HarmonyOS webview怎么添加header

799浏览 • 1回复待解决

HarmonyOS swiper怎么添加惯性

604浏览 • 1回复待解决

Waterflow怎么添加header能力?

1250浏览 • 1回复待解决

HarmonyOS Video 怎么添加请求头？

1071浏览 • 2回复待解决

怎么在httpRequest中添加cookie

1514浏览 • 1回复待解决

HarmonyOS 怎么设置无导航栏全局样式

1008浏览 • 1回复待解决

HarmonyOS ArkUI按钮Toggle怎么更换按钮样式

1043浏览 • 1回复待解决

开发鸿蒙怎么使用less来设计样式

8013浏览 • 1回复待解决

HarmonyOS Tabs组件怎么动态添加TabContent

1221浏览 • 1回复待解决

ets怎么实现动态添加组件？

4846浏览 • 1回复待解决

HarmonyOS position的样式怎么进行垂直水平居中

1211浏览 • 1回复待解决

listContainer怎么通过addComponent添加布局

8979浏览 • 1回复待解决

HarmonyOS @kit.NotificationKit添加的通知消息怎么添加点击事件

1125浏览 • 1回复待解决

HarmonyOS 怎么设置ActionSheet弹窗内的列表的样式

981浏览 • 1回复待解决

HarmonyOS web组件渲染的样式不同应该怎么修改

801浏览 • 1回复待解决

求助很急arkts开发这种样式的怎么做？

2990浏览 • 1回复待解决

HarmonyOS NavDestination怎么添加导航右上角按钮

1255浏览 • 1回复待解决

HarmonyOS 使用发布Profile , 怎么添加设备uuid？

1302浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

buttom样式怎么添加？

订阅鸿蒙技术特刊，精选内容抢先看