鸿蒙开发|Button组件

最新推荐文章于 2024-07-14 22:18:00 发布

Tiramisu1104

最新推荐文章于 2024-07-14 22:18:00 发布

阅读量1.1k

点赞数

分类专栏：鸿蒙开发文章标签： css xml js

本文链接：https://blog.csdn.net/weixin_56575519/article/details/117854927

版权

本文详细介绍了鸿蒙开发中Button组件的使用，包括如何创建一个Button，制作圆形按钮，以及实现无背景有边框的圆角按钮。示例代码展示了通过XML布局文件和graphic资源文件设置按钮样式的方法。

摘要由CSDN通过智能技术生成

按钮是我们开发中最常见的组件之一，如果打开鸿蒙开发工具DevEco Studio，按住Ctrl添加Button类，会发现其继承自Text组件。


public class Button extends Text

所以，其在鸿蒙中是没有自有的XML属性的，其所有属性都继承自Text组件。

1、创建一个Button

这里，我们和Text组件一样，首先通过XML布局文件进行Button组件的创建。示例代码如下所示：

 <Button
        ohos:id="$+id:text_Button"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:element_left="$media:icon"
        ohos:top_margin="50vp"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="$string:mainability_柳暗花明又一村"
        ohos:text_size="40vp"
        />

这里，我们创建了一个长方形的按钮。graphic资源文件如下，仅仅设置了其背景的颜色为绿色。