2024年最全鸿蒙HarmonyOS实战-ArkUI组件(Button)_鸿蒙 button(1),运营面 ...

打印 上一主题 下一主题

主题 545|帖子 545|积分 1635

深知大多数步伐员,想要提升技能,通常是自己探索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!



既有适合小白学习的零基础资料,也有适合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按钮来实现。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

万有斥力

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表