热门标签
热门文章
- 1传播行为、事务回滚、分布式事务（CAP理论和BASE理论）
- 2微信小程序发送模版消息推送_微信公众号若依
- 3vue router 整合引入_router在线引入
- 4microblaze+yt8511+freertos 1000M网调试记录_microblaze 千兆以太网
- 5时隔两年，盘点ECCV 2018影响力最大的20篇论文_eccv 2018 image inpainting for irregular holes usi
- 6如何在 Elasticsearch 中选择精确 kNN 搜索和近似 kNN 搜索_elasticsearch knn 和fassi hnsw
- 7进阶指南！深入理解Java注解_深入java注解
- 8大数据技术概述与入门_全球信息量总和 数据
- 9基于springboot+vue的在线学习系统的设计与实现_在线学习系统详细类设计
- 10Electron常见问题 10 - video标签如何控制视频音量大小_video 标签 音量键没法操作
当前位置: article > 正文
Web前端最全鸿蒙HarmonyOS开发实战—Java UI框架(DependentLayout)，阿里巴巴面试技巧_鸿蒙java前端
作者：Li_阴宅 | 2024-08-13 18:00:00
赞
踩
鸿蒙java前端
总结
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这里分享一些前端学习笔记：
-
html5 / css3 学习笔记
-
JavaScript 学习笔记
-
Vue 学习笔记
ohos:width="100vp" ohos:left_of="$id:text_center" ohos:below="$id:text_center" ohos:background_element="#FF9912" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="left_of and below" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
复制
相对于父级组件的对齐
- 单个属性对齐方式
<?xml version="1.0" encoding="utf-8"?> <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="500vp" ohos:width="500vp" ohos:background_element="#878787"> <Text ohos:height="100vp" ohos:width="match_content" ohos:align_parent_left="true" ohos:background_element="#FF9912" ohos:padding="12vp" ohos:multiple_lines="true" ohos:text="align_parent_left" ohos:text_alignment="vertical_center" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:align_parent_right="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_right" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:align_parent_top="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_top" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:align_parent_bottom="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_bottom" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:center_in_parent="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="center_in_parent" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:horizontal_center="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="horizontal_center" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="match_content" ohos:vertical_center="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="vertical_center" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> </DependentLayout>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
复制
- 组合属性对齐方式
<?xml version="1.0" encoding="utf-8"?> <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="500vp" ohos:width="640vp" ohos:background_element="#878787"> <Text ohos:height="match_content" ohos:width="match_content" ohos:center_in_parent="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="center_in_parent" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:align_parent_left="true" ohos:align_parent_top="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_left and align_parent_top" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:align_parent_left="true" ohos:align_parent_bottom="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_left and align_parent_bottom" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:align_parent_right="true" ohos:align_parent_top="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_right and align_parent_top" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:align_parent_right="true" ohos:align_parent_bottom="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="align_parent_right and align_parent_bottom" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:horizontal_center="true" ohos:align_parent_top="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="horizontal_center and align_parent_top" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:horizontal_center="true" ohos:align_parent_bottom="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="horizontal_center and align_parent_bottom" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:vertical_center="true" ohos:align_parent_left="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="vertical_center and align_parent_left" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> <Text ohos:height="match_content" ohos:width="190vp" ohos:vertical_center="true" ohos:align_parent_right="true" ohos:background_element="#228B22" ohos:padding="8vp" ohos:multiple_lines="true" ohos:text="vertical_center and align_parent_right" ohos:text_size="18fp" ohos:text_color="#FFFFFF"/> </DependentLayout>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
复制
场景示例
使用DependentLayout可以轻松实现内容丰富的布局。
源码示例：
<?xml version="1.0" encoding="utf-8"?> <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:width="match_parent" ohos:height="match_content" ohos:background_element="$graphic:color_background_gray_element"> <Text ohos:id="$+id:text1" ohos:width="match_parent" ohos:height="match_content" ohos:text_size="25fp" ohos:top_margin="15vp" ohos:left_margin="15vp" ohos:right_margin="15vp" ohos:background_element="$graphic:color_gray_element" ohos:text="Title" ohos:text_weight="1000" ohos:text_alignment="horizontal_center" /> <Text ohos:id="$+id:text2" ohos:width="match_content" ohos:height="120vp" ohos:text_size="10fp" ohos:background_element="$graphic:color_gray_element" ohos:text="Catalog" ohos:top_margin="15vp" ohos:left_margin="15vp" ohos:right_margin="15vp" ohos:bottom_margin="15vp" ohos:align_parent_left="true" ohos:text_alignment="center" ohos:multiple_lines="true" ohos:below="$id:text1" ohos:text_font="serif"/> <Text ohos:id="$+id:text3" ohos:width="match_parent" ohos:height="120vp" ohos:text_size="25fp" ohos:background_element="$graphic:color_gray_element" ohos:text="Content" ohos:top_margin="15vp" ohos:right_margin="15vp" ohos:bottom_margin="15vp" ohos:text_alignment="center" ohos:below="$id:text1" ohos:end_of="$id:text2" ohos:text_font="serif"/> <Button ohos:id="$+id:button1" ohos:width="70vp" ohos:height="match_content" ohos:text_size="15fp" ohos:background_element="$graphic:color_gray_element" ohos:text="Previous" ohos:right_margin="15vp" ohos:bottom_margin="15vp" ohos:below="$id:text3" ohos:left_of="$id:button2" ohos:italic="false" ohos:text_weight="5" ohos:text_font="serif"/> <Button ohos:id="$+id:button2" ohos:width="70vp" ohos:height="match_content" ohos:text_size="15fp" ohos:background_element="$graphic:color_gray_element" ohos:text="Next" ohos:right_margin="15vp" ohos:bottom_margin="15vp" ohos:align_parent_end="true" ohos:below="$id:text3" ohos:italic="false" ohos:text_weight="5" ohos:text_font="serif"/> </DependentLayout>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
复制
color_background_gray_element.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:shape="rectangle">
<solid
ohos:color="#ffbbbbbb"/>
</shape>
- 1
- 2
- 3
- 4
- 5
- 6
复制
color_gray_element.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:shape="rectangle">
<solid
ohos:color="#878787"/>
</shape>
- 1
- 2
- 3
- 4
- 5
- 6
为了能够让大家跟上互联网时代的技术迭代，赶上互联网开发人员寒冬期间一波红利，在这里跟大家分享一下我自己近期学习心得以及参考网上资料整理出的一份最新版的鸿蒙学习提升资料，有需要的小伙伴自行领取，限时开源，先到先得~~~~
纯血版鸿蒙 HarmonyOS 4.0 视频学习资料
需要以上视频学习资料小伙伴
《纯血版华为鸿蒙 (Harmony OS)开发手册》
这份手册涵盖了当前鸿蒙 (Harmony OS) 开发技术必掌握的核心知识点
纯血版鸿蒙 (Harmony OS)开发手册部分精彩内容
HarmonyOS 概念：
- 系统定义
- 技术架构
- 技术特性
- 系统安全
如何快速入门？
- 基本概念
- 构建第一个ArkTS应用
- 构建第一个JS应用
- ……
开发基础知识：
- 应用基础知识
- 配置文件
- 应用数据管理
- 应用安全管理
- 应用隐私保护
- 三方应用调用管控机制
- 资源分类与访问
- 学习ArkTS语言
- ……
基于ArkTS 开发：
- Ability开发
- UI开发
- 公共事件与通知
- 窗口管理
- 媒体
- 安全
- 网络与链接
- 电话服务
- 数据管理
- 后台任务(Background Task)管理
- 设备管理
- 设备使用信息统计
最后
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
与访问
- 学习ArkTS语言
- ……
基于ArkTS 开发：
- Ability开发
- UI开发
- 公共事件与通知
- 窗口管理
- 媒体
- 安全
- 网络与链接
- 电话服务
- 数据管理
- 后台任务(Background Task)管理
- 设备管理
- 设备使用信息统计
最后
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
[外链图片转存中…(img-VKhPZGhw-1715898432922)]
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Li_阴宅/article/detail/975934
推荐阅读
相关标签
