HarmonyOS知识点

[复制链接]
发表于 2025-11-14 04:25:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

×
HarmonyOS应用模子Stage&FA 、ArkTS、ArkUI
Stage模子:
Module - UIAbility - Page - component
装饰器@Entry、@Component、@CustomDialog、@State、关键字struct、函数build()
体系组件(Text Column Row Scroll)、自界说组件 、组件复用、组件事故、组件属性、组件状态(可以大概对对象深度相应式改变)
在arkUI中,我们的内容假如高出了屏幕体现,则不会体现滚动条,须要使用Scroll来包裹
须要注意的是: 该组件滚动的条件是主轴方向巨细小于内容巨细。子组件不要设置高度,否则不能滚动
样式(链式&摆列)
vp和适配(伸缩结构,网格体系,栅格体系)
vp 是鸿蒙默认单元,和屏幕像素有关,终极体现视觉巨细在任何装备划一
1、伸缩 layoutWeight(flex: number) 占剩余空间多少份,可以明白成CSS的 flex: 1
2、内容等比例缩放-可以使用aspectRatio属性设置宽高比
Image的四种使用方式
  1. 1、使用本地图片  Image('/assets/test.jpg')  /src/main/ets/assets/test.jpg
  2. 2、使用资源引入 Resource 类型  Image(\$r("app.media.test"))  /src/main/resources/base/media/test.jpg
  3. 3、采用原始文件引入  Image(\$rawfile('test.jpg'))  /src/main/resources/rawfile/test.jpg
  4. 4、引用网络图片 Image("https://...")   在模拟器中需要在module.json5文件中配置网络权限才能显示
复制代码
垂直程度居中
.alignItems(VerticalAlign.Center)
.justifyContent(FlexAlign.Center)
@Styles复用、@Extend复用
StateStyle(正常态normal,按压态pressed,获焦态focused,禁用态disabled)样式抽离只能抽离到组件内,不能抽离到全局
if else 创建烧毁,opacity隐蔽后占位置,visibility: Visibility.Hidden占位置, visibility: Visibility.None不占位置
数据父传子,事故父传子实现数据子传父
  1. // 把子组件的item传给父组件
  2. // 子
  3. public item: Partial<ReplyItem> = {
  4.    
  5.    } // 非响应式数据
  6. public changeLike: (params: ReplyItem) => void = () => {
  7.    
  8.    }
  9. .onClick(()=>{
  10.    
  11.    
  12.         this.changeLike(this.item as ReplyItem)
  13. })
  14. // 父
  15. MainItem({
  16.    
  17.    item: item, changeLike:
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表