2024年最全鸿蒙HarmonyOS实战-ArkUI组件（Button）_鸿蒙 button(1)，运营面
深知大多数步伐员，想要提升技能，通常是自己探索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！https://i-blog.csdnimg.cn/blog_migrate/1e210328c1ebf43f08d3b6c5f5c13b48.png
https://i-blog.csdnimg.cn/blog_migrate/81e58fd000b67e6f32cf728df01fce91.png
https://i-blog.csdnimg.cn/blog_migrate/2cb834471381767da44a75693b0430dc.png
既有适合小白学习的零基础资料，也有适合3年以上履历的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开辟知识点，真正体系化！
由于文件比较多，这里只是将部分目次截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲蹊径、讲解视频，并且后续会连续更新
必要这份系统化的资料的朋友，可以戳这里获取
注意：不支持通过borderRadius属性重新设置
3.自界说样式
@Entry
@Component
struct Index {
build() {
Column(){
Button(‘circle border’, { type: ButtonType.Normal })
.borderRadius(20)
.height(40)
Button(‘font style’, { type: ButtonType.Normal })
.fontSize(20)
.fontColor(Color.Pink)
.fontWeight(800)
Button(‘background color’).backgroundColor(0xF55A42)
Button({ type: ButtonType.Circle, stateEffect: true }) {
Image($r(‘app.media.ic_public_refresh’)).width(30).height(30)
}.width(55).height(55).margin({ left: 20 }).backgroundColor(0xF55A42)
}
}
}
https://i-blog.csdnimg.cn/blog_migrate/b5cc37b2666aca8f2753adb68988ba16.png
4.添加变乱
Button(‘Ok’, { type: ButtonType.Normal, stateEffect: true })
.onClick(()=>{
console.info(‘Button onClick’)
})
5.案例
Button按钮的实际应用场景重要包括以下几个方面：
[*]点击提交表单
当用户填写完表单后，点击Button按钮来提交表单数据，使得数据可以或许被服务器端处置惩罚大概生存到数据库中。
[*]跳转链接
当用户点击Button按钮时，跳转到指定的网页、应用步伐大概其他页面。
[*]打开或关闭弹窗
当用户点击Button按钮时，打开或关闭弹窗，可以在弹窗中展示一些信息、广告大概提示。
[*]执行某个动作
当用户点击Button按钮时，执行某个操作，比如刷新页面、播放音乐、暂停视频等。
[*]切换页面状态
当用户点击Button按钮时，可以切换页面的状态，比如打开或关闭菜单、切换语言、切换主题等。
Button按钮的应用场景非常广泛，根本上全部必要用户交互的场景都可以利用Button按钮来实现。
页:
[1]