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

Tuer白晓明
发布于 2020-12-27 10:52
浏览
2收藏

        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("我被点击了~");
        });
    }

#2020征文-TV#「3.1.4 按钮」Button组件介绍和应用-鸿蒙开发者社区

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

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

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2020-12-30 18:02:57修改
1
收藏 2
回复
举报
回复
    相关推荐