鸿蒙开发|Button组件_deveco studio 3.1.1 components 添加button

按钮是我们开发中最常见的组件之一，如果打开鸿蒙开发工具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资源文件如下，仅仅设置了其背景的颜色为绿色。