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

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

发布

相关问题

736浏览 • 0回复待解决

8441浏览 • 1回复待解决

1358浏览 • 1回复待解决

4566浏览 • 1回复待解决

960浏览 • 1回复待解决

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

3554浏览 • 1回复待解决

HarmonyOS swiper怎么添加惯性

636浏览 • 1回复待解决

Waterflow怎么添加header能力?

1275浏览 • 1回复待解决

HarmonyOS webview怎么添加header

834浏览 • 1回复待解决

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

8771浏览 • 3回复待解决

怎么在httpRequest中添加cookie

1526浏览 • 1回复待解决

HarmonyOS Video 怎么添加请求头？

1112浏览 • 2回复待解决

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

1061浏览 • 1回复待解决

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

8042浏览 • 1回复待解决

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

1056浏览 • 1回复待解决

HarmonyOS Tabs组件怎么动态添加TabContent

1251浏览 • 1回复待解决

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

4931浏览 • 1回复待解决

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

1283浏览 • 1回复待解决

listContainer怎么通过addComponent添加布局

9017浏览 • 1回复待解决

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

1180浏览 • 1回复待解决

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

829浏览 • 1回复待解决

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

3021浏览 • 1回复待解决

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

1004浏览 • 1回复待解决

HarmonyOS Text控件添加中划线怎么设置

1248浏览 • 1回复待解决

HarmonyOS Web组件怎么添加下拉刷新

879浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

buttom样式怎么添加？

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