实现思路
本例涉及的关键特性和实现方案如下:
- 通过bindContentCover组件绑定全屏模态页面,模态页面内容通过@Builder装饰器自定义。源码参考ModalWindow
Button(
r
(
′
a
p
p
.
s
t
r
i
n
g
.
f
u
l
l
s
c
r
e
e
n
m
o
d
a
l
l
o
g
i
n
d
e
s
c
r
i
p
t
i
o
n
′
)
)
.
f
o
n
t
C
o
l
o
r
(
C
o
l
o
r
.
W
h
i
t
e
)
.
b
o
r
d
e
r
R
a
d
i
u
s
(
r('app.string.full_screen_modal_login_description')) .fontColor(Color.White) .borderRadius(
r(′app.string.fullscreenmodallogindescription′)).fontColor(Color.White).borderRadius(r(‘app.integer.border_radius’))
.type(ButtonType.Normal)
.backgroundColor(
r
(
′
a
p
p
.
c
o
l
o
r
.
g
r
e
y
2
′
)
)
.
w
i
d
t
h
(
r('app.color.grey_2')) .width(
r(′app.color.grey2′)).width(r(‘app.string.size_full’))
.bindContentCover(this.isPresent, this.loginBuilder)
.onClick(() => {
this.isPresent = true;
})
- 模态页面显示后,默认展示一键登录页面。页面需要在一个模态页面中切换,此处使用if进行条件渲染。源码参考DefaultLogin
if (this.isDefaultLogin) {
// 默认一键登录方式
…
} else {
// 其他登录方式
OtherWaysToLogin()
.transition(this.effect)
}
- 点击其他登录方式,切换过程涉及到组件的显示和消失,使用transition属性设置出现或消失转场。源码参考DefaultLogin
OtherWaysToLogin()
.transition(this.effect)
- 通过Stack组件,两个页面共用一个返回图标。源码参考DefaultLogin
Stack() {
Image(
r
(
′
a
p
p
.
m
e
d
i
a
.
a
r
r
o
w
b
a
c
k
′
)
)
/
/
通过
S
t
a
c
k
组件,两个页面只实现一个
b
a
c
k
.
w
i
d
t
h
(
r('app.media.arrow_back')) // 通过Stack组件,两个页面只实现一个back .width(
r(′app.media.arrowback′))//通过Stack组件,两个页面只实现一个back.width(r(‘app.integer.height_twenty_five’)).height($r(‘app.integer.height_twenty_five’))
.margin({ top: $r(‘app.integer.margin_mid’) })
.onClick(() => {
if (this.isDefaultLogin) {
this.isPresentInLoginView = false;
} else {
this.isDefaultLogin = true
}
})
}
高性能知识点
不涉及。
工程结构&模块类型
modalwindow // har包
|—model
| |—DefaultLogin.ets // 默认一键登录页面
| |—OtherWaysToLogin.ets // 其他登录方式页面
|—ModalWindow.ets // 主页面,提供登录类型选项
模块依赖
不涉及。
最后
有很多小伙伴不知道学习哪些鸿蒙开发技术?不知道需要重点掌握哪些鸿蒙应用开发知识点?而且学习时频繁踩坑,最终浪费大量时间。所以有一份实用的鸿蒙(HarmonyOS NEXT)资料用来跟着学习是非常有必要的。
这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了(**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等)鸿蒙(HarmonyOS NEXT)**技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助,有需要的小伙伴自行领取,限时开源,先到先得~无套路领取!!
如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员,可以直接领取这份资料
获取这份完整版高清学习路线,请点击→纯血版全套鸿蒙HarmonyOS学习资料****
鸿蒙(HarmonyOS NEXT)最新学习路线
- HarmonOS基础技能
- HarmonOS就业必备技能
- HarmonOS多媒体技术
- 鸿蒙NaPi组件进阶
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数HarmonyOS鸿蒙开发工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上HarmonyOS鸿蒙开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新
如果你觉得这些内容对你有帮助,可以添加VX:vip204888 (备注鸿蒙获取)
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-vyzrqlZY-1712661549165)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!