深知大多数步伐员,想要提升技能,通常是自己探索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
既有适合小白学习的零基础资料,也有适合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)
}
}
}
4.添加变乱
Button(‘Ok’, { type: ButtonType.Normal, stateEffect: true })
.onClick(()=>{
console.info(‘Button onClick’)
})
5.案例
Button按钮的实际应用场景重要包括以下几个方面:
- 点击提交表单
当用户填写完表单后,点击Button按钮来提交表单数据,使得数据可以或许被服务器端处置惩罚大概生存到数据库中。
- 跳转链接
当用户点击Button按钮时,跳转到指定的网页、应用步伐大概其他页面。
- 打开或关闭弹窗
当用户点击Button按钮时,打开或关闭弹窗,可以在弹窗中展示一些信息、广告大概提示。
- 执行某个动作
当用户点击Button按钮时,执行某个操作,比如刷新页面、播放音乐、暂停视频等。
- 切换页面状态
当用户点击Button按钮时,可以切换页面的状态,比如打开或关闭菜单、切换语言、切换主题等。
Button按钮的应用场景非常广泛,根本上全部必要用户交互的场景都可以利用Button按钮来实现。
|