HarmonyOS Next滑动页面信息隐藏与组件位移效果案例(1)
先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，如今阿里P7深知大多数步伐员，想要提升技能，每每是本身摸索发展，但本身不成体系的自学效果低效又漫长，而且极易遇到天花板技术停滞不前！
因此收集整理了一份《2024年最新HarmonyOS鸿蒙全套学习资料》，初衷也很简单，就是渴望能够帮助到想自学提升又不知道该从何学起的朋侪。
https://img-blog.csdnimg.cn/img_convert/d9e359452deddb4f303b21f51280ce79.png
https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png
https://img-blog.csdnimg.cn/img_convert/40151d26f476d29ba7f1f683144b7ba8.png
https://img-blog.csdnimg.cn/img_convert/c39277a372941ddc247159c0aef55bc4.png
https://img-blog.csdnimg.cn/img_convert/d6445b887da7472ced9285c24c65c21d.png
既有适合小白学习的零底子资料，也有适合3年以上经验的小同伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开辟知识点，真正体系化！
由于文件比较多，这里只是将部分目次截图出来，全套包罗大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
如果你需要这些资料，可以添加V获取：vip204888 （备注鸿蒙）
https://img-blog.csdnimg.cn/img_convert/829c0140fabe29a56efdfaaff6b57162.png
正文
.width(this.userImageHeight)
.height(this.userImageHeight) // userImageHeight控制头像尺寸
// userImageMarginTop和userImageMarginLeft控制头像在父容器内的位置
.margin({ top: this.userImageMarginTop, left: this.userImageMarginLeft })
Column() {…}
.alignItems(HorizontalAlign.Start)
.opacity(this.userRowOpacity) // 控制Row组件的透明度
}
…
}
}
[*]第三部分页面滚动通过Scroll组件实现，其中第二栏和第三栏相似，利用@Builder装饰器封装了两个自定义构建函数IconAndDescription和CustomRow，增长代码复用。源码参考SlideToHideAndDisplace
// 自定义构建函数，将重复利用的UI元素抽象成一个方法。此处样式为：上方图标下方文字
@Builder
IconAndDescription(icon: Resource, description: string | Resource, iconSize?: Size, radius?: number) {
Column() {
Image(icon)
.size(iconSize === undefined ? { height: $r(‘app.integer.icon_default_height’),
width: $r(‘app.integer.icon_default_height’) } : iconSize)
.borderRadius(radius)
Text(description)
.margin({ top: $r(‘app.integer.margin_between_icon_and_description’) })
}
}
// 自定义构建函数。此处样式为：在Row组件中横向排列IconAndDescription
@Builder
CustomRow(iconsAndDescriptions: IconAndDescription[]) {
Row() {
ForEach(iconsAndDescriptions, (item: IconAndDescription) => {
this.IconAndDescription(item.icon, item.description)
})
}
.width( r ( ′ a p p . s t r i n g . s i z e f u l l ′ ) ) . j u s t i f y C o n t e n t ( F l e x A l i g n . S p a c e A r o u n d ) . p a d d i n g ( r('app.string.size_full')) .justifyContent(FlexAlign.SpaceAround) .padding( r(′app.string.sizefull′)).justifyContent(FlexAlign.SpaceAround).padding(r(‘app.integer.padding_small’))
.margin({ top: KaTeX parse error: Expected 'EOF', got '}' at position 31: …margin_small') }̲) .backgroundCo…r(‘app.color.color_transparent_aa’))
.borderRadius($r(‘app.integer.border_radius’))
}
高性能知识点
本例中Scroll组件绑定onScroll滚动事件回调，onScroll属于频繁回调，在回调中需要只管减少耗时和冗余操作，例如减少不必要的日志打印。
工程结构&模块范例
slidetohideanddisplace // har包
|—model
| |—Util.ets // 提供测试数据类
|—SlideToHideAndDisplace.ets // 滑动变革效果实现页面
模块依赖
不涉及。
末了
有许多小同伴不知道学习哪些鸿蒙开辟技术？不知道需要重点把握哪些鸿蒙应用开辟知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。
这份鸿蒙（HarmonyOS NEXT）资料包罗了鸿蒙开辟必把握的核心知识要点，内容包罗了（**ArkTS、ArkUI开辟组件、Stage模子、多端部署、分布式应用开辟、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开辟、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。
渴望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小同伴自行领取，限时开源，先到先得~无套路领取！！
如果你是一名有经验的资深Android移动开辟、Java开辟、前端开辟、对鸿蒙感爱好以及转行职员，可以直接领取这份资料
获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****
鸿蒙（HarmonyOS NEXT）最新学习路线
https://img-blog.csdnimg.cn/direct/2636417e951b4ec9b5a1334224fcd239.png
[*]HarmonOS底子技能
https://img-blog.csdnimg.cn/direct/72fd2509a44e4bf98bbe1f983b5a4ff6.png
[*]HarmonOS就业必备技能 https://img-blog.csdnimg.cn/direct/18f024bc5f0a4353912996010ed6cc81.png
[*]HarmonOS多媒体技术
https://img-blog.csdnimg.cn/direct/b9ead66dadc245fdadce4d77feb47a28.png
[*]鸿蒙NaPi组件进阶
https://img-blog.csdnimg.cn/direct/0744fbd1454f41b0a3f605fb4a51f5f3.png
[*]HarmonOS高级技能
https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png
[*]初识HarmonOS内核https://img-blog.csdnimg.cn/direct/9e79fbdc4bb74f179584c5552aa547d5.png
[*]实战就业级设备开辟
https://img-blog.csdnimg.cn/direct/d2012fa9c57a400da25a2182a38cbdcb.png
有了路线图，怎么能没有学习资料呢，小编也预备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开辟入门讲授视频，内容包罗：ArkTS、ArkUI、Web开辟、应用模子、资源分类…等知识点。
获取以上完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开辟入门讲授视频》
https://img-blog.csdnimg.cn/direct/ad3cb3acb77e470fa93ac0471d4e7f0f.png
《鸿蒙生态应用开辟V2.0白皮书》
https://img-blog.csdnimg.cn/img_convert/bf439a395d3ce8e8cf3dee8e8b75e3a9.jpeg
《鸿蒙 (OpenHarmony)开辟底子到实战手册》
OpenHarmony北向、南向开辟环境搭建
https://img-blog.csdnimg.cn/img_convert/aff76dc1c3c84c360a9ff825908b2e98.png
《鸿蒙开辟底子》
[*]ArkTS语言
[*]安装DevEco Studio
[*]运用你的第一个ArkTS应用
[*]ArkUI声明式UI开辟
[*].……
https://img-blog.csdnimg.cn/img_convert/2b8f290e39e52efb0a5709be96ff82ea.png
《鸿蒙开辟进阶》
[*]Stage模子入门
[*]网络管理
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋侪，可以添加V获取：vip204888 （备注鸿蒙）
https://img-blog.csdnimg.cn/img_convert/478889283391e2e25cd7061e8836f25d.png
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎参加我们的的圈子（技术互换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
术提升。**
需要这份系统化的资料的朋侪，可以添加V获取：vip204888 （备注鸿蒙）
[外链图片转存中…(img-crEeL3rI-1713134544383)]
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎参加我们的的圈子（技术互换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]