马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
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、使用本地图片 Image('/assets/test.jpg') /src/main/ets/assets/test.jpg
- 2、使用资源引入 Resource 类型 Image(\$r("app.media.test")) /src/main/resources/base/media/test.jpg
- 3、采用原始文件引入 Image(\$rawfile('test.jpg')) /src/main/resources/rawfile/test.jpg
- 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不占位置
数据父传子,事故父传子实现数据子传父
- // 把子组件的item传给父组件
- // 子
- public item: Partial<ReplyItem> = {
-
- } // 非响应式数据
- public changeLike: (params: ReplyItem) => void = () => {
-
- }
- .onClick(()=>{
-
-
- this.changeLike(this.item as ReplyItem)
- })
- // 父
- MainItem({
-
- item: item, changeLike:
复制代码 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |