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

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

发布

相关问题

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

6457浏览 • 3回复待解决

服务中心添加卡片怎么添加？

5176浏览 • 1回复待解决

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

1607浏览 • 1回复待解决

Waterflow怎么添加header能力?

37浏览 • 1回复待解决

Image 上怎么添加文字?

1856浏览 • 1回复待解决

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

5682浏览 • 1回复待解决

怎么在httpRequest中添加cookie

271浏览 • 1回复待解决

listContainer怎么通过addComponent添加布局

6925浏览 • 1回复待解决

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

1167浏览 • 1回复待解决

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

2382浏览 • 1回复待解决

DevEco-Studio Stage工程，怎么添加混合Flutter

1317浏览 • 1回复待解决

Mysql怎么添加外键有知道的吗？

1032浏览 • 1回复待解决

如果多个组件的样式是一样的，如何快速定义复用样式？

81浏览 • 2回复待解决

FA开发，界面数据太多，怎么添加滚动条？

2670浏览 • 2回复待解决

RichEditor组件如何设置初始字体样式

520浏览 • 1回复待解决

LoadingProgress如何修改加载动画样式

667浏览 • 1回复待解决

鸿蒙组件toast自定义样式

7438浏览 • 1回复待解决

如何设置Swiper导航点的样式？

29浏览 • 1回复待解决

@Extend的样式如何跨组件共享？

1368浏览 • 1回复待解决

JS swiper 怎么像list一样动态添加item？

5320浏览 • 1回复待解决

bindPopup样式问题有哪些啊？

21浏览 • 1回复待解决

「多态控件」的效果样式确认

709浏览 • 1回复待解决

如何按照条件完成样式的链式调用

913浏览 • 1回复待解决

Progress的ScaleRing样式，如何实现loading效果

766浏览 • 1回复待解决

polardb添加索引报错Fail to get MDL on replica during DDL怎么回事？

3442浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

buttom样式怎么添加？

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