#2020征文-TV#「3.1.4 按钮」Button组件介绍和应用 原创

        Button组件是常用的交互类组件之一，Button类继承自Text类，同时继承了Text类的属性和方法。前面我们对Text组件常用的属性做了详细的介绍，而Button组件是Text组件的子类，因此这里不再赘述，本节将来聊聊Button组件的使用。修改button_component_example_layout.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <Button
        ohos:id="$+id:btn"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:background_element="$graphic:background_button_component_example_layout"
        ohos:layout_alignment="horizontal_center"
        ohos:text="我是一个按钮"
        ohos:padding="20vp"
        ohos:text_color="#FFFFFF"
        ohos:text_size="50"
        />

</DirectionalLayout>

Button组件常用于保留用户的操作信息，比如用户登录、提交表单、切换状态等。这一系列的操作是在Button组件的点击事件中完成的。在ButtonComponentExampleAbilitySlice类中添加按钮事件，代码如下所示：

    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_button_component_example_layout);
        Button button = (Button) findComponentById(ResourceTable.Id_btn);
        button.setClickedListener(l -> {
            //更改Button组件的内容
            button.setText("我被点击了~");
        });
    }

本节对Button组件的点击事件做了简单的介绍

下一节我将结合Text、TextField以及Button组件实现简单的计算器