鸿蒙移动应用开发项目式教程课件 项目2-数字云图书馆展示页-任务2-4 Button组件的使用.pptxVIP

Button组件的使用

创建按钮

Button是按钮组件，通常用于响应用户的点击操作。Button作为容器使用时，可以通过添加子组件实现包含文字、图片等元素的按钮。

任务导入

知识解析

学以致用

课堂小结

课后拓展

1.1Button组件

Button组件通过调用接口来创建，接口调用有以下两种形式。

（1）创建不包含子组件的按钮。

Button(label?:ResourceStr,options?:{type?:ButtonType,stateEffect?:boolean})

其中，label用于设置按钮文字，type用于设置按钮类型，stateEffect用于设置按钮是否开启点击效果。示例代码如下，效果如图所示。

按钮中不包含子组件的效果

创建按钮

（2）创建包含子组件的按钮。

任务导入

知识解析

学以致用

课堂小结

课后拓展

1.1Button组件

Button只支持包含一个子组件，子组件可以是基础组件或者容器组件。示例代码如下，效果如图所示。

Button(options?:{type?:ButtonType,stateEffect?:boolean})

按钮中包含子组件的效果

设置按钮类型

Button可设置3种按钮类型，分别为胶囊按钮（Capsule）、圆形按钮