ArkUI组件-Row和Column

百得知识库

新星创作者: 操作系统技术领域

2025-02-25 15:36:08

课时名称	课时知识点
ArkUI组件-Row和Column	ArkUI组件-Row和Column，学习笔记文档地址： https://www.yuque.com/wudl/harmonyos/yz1gkg0y9bug51yx?singleDoc# 《鸿蒙应用开发-基础》

...全文

230 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

目录： 00.课程介绍.mp4 01.开发准备-工具安装.mp4 02.开发准备-了解ArkTS语言.mp4 03.开发准备-TypeScript基本语法.mp4 04.快速入门.mp4 05.ArkUI组件-Image组件.mp4 06.ArkUI组件-Text.mp4 07.ArkUI组件-TextInput.mp4 08.ArkUI组件-Button.mp4 09.ArkUI组件-Slider.mp4 10.ArkUI组件-Column和Row.mp4 11.ArkUI组件-循环控制.mp4 12.ArkUI组件-List.mp4 13.ArkUI-自定义组件.mp4 14-ArkUI-状态管理@State装饰器.mp4 15.ArkUI-状态管理-任务统计案例.mp4 16.ArkUI-状态管理-@Prop@Link@Provide@Consume.mp4 17.ArkUI-状态管理-@Observed和@ObjectLink.mp4 18.ArkUI-页面路由.mp4 19.ArkUI-属性动画和显式动画.mp4 ...................... 网盘文件永久链接

目录： 01-HarmonyOS概述.mp4 02-安装配置DevEco Studio.mp4 03-创建Hello World工程.mp4 04-运行Hello World工程.mp4 05-Hello World工程目录.mp4 06-ArkTS的基本组成.mp4 07-ArkTS声明式UI描述-创建组件.mp4 08-ArkTS声明式UI描述-配置属性.mp4 09-ArkTS声明式UI描述-配置事件.mp4 10-ArkUI-容器组件Row.mp4 11-ArkUI-容器组件Column.mp4 12-ArkUI-容器组件Flex.mp4 13-ArkUI-基础组件Text.mp4 14-购物应用APP实战-项目需求.mp4 15-购物应用APP实战-项目环境搭建.mp4 16-购物应用APP实战-开发登录页模块1.mp4 17-购物应用APP实战-开发登录页模块2.mp4 18-购物应用APP实战-开发登录页模块3.mp4 19-购物应用APP实战-@Extend装饰器.mp4 20-购物应用APP实战-ForEach循环渲染.mp4 21-购物应用APP实战-@ohos.router页面路由.mp4 22-购物应用APP实战-@ohos.promptAction弹窗.mp4 23-购物应用APP实战-Tabs底部导航.mp4 .............. 网盘文件永久链接

目录： 01-HarmonyOS概述.mp4 02-安装配置DevEco Studio.mp4 03-创建Hello World工程.mp4 04-运行Hello World工程.mp4 05-Hello World工程目录.mp4 06-ArkTS的基本组成.mp4 07-ArkTS声明式UI描述-创建组件.mp4 08-ArkTS声明式UI描述-配置属性.mp4 09-ArkTS声明式UI描述-配置事件.mp4 10-ArkUI-容器组件Row .mp4 11-ArkUI-容器组件Column .mp4 12-ArkUI-容器组件Flex.mp4 13-ArkUI-基础组件Text.mp4 14-购物应用APP实战-项目需求.mp4 15-购物应用APP实战-项目环境搭建.mp4 16-购物应用APP实战-开发登录页模块1.mp4 17-购物应用APP实战-开发登录页模块2.mp4 18-购物应用APP实战-开发登录页模块3.mp4 19-购物应用APP实战-@Extend装饰器.mp4 20-购物应用APP实战-ForEach循环渲染.mp4 21-购物应用APP实战-@ohos.router页面路由.mp4 22-购物应用APP实战-@ohos.promptAction弹窗.mp4 23-购物应用APP实战-Tabs底部导航.mp4 24-购物应用APP实战-if...else条件渲染.mp4 25-购物应用APP实战-@Builder构建函数.mp4 26-购物应用APP实战-首页组件导入导出.mp4 27-购物应用APP实战-Swiper轮播组件 ............... 网盘文件永久链接

内容概要：本文深入探讨了ArkUI框架中Column与Row线性布局容器的使用方法及其重要性。Column负责垂直布局，通过控制子组件的垂直排列、间距和对齐方式，实现信息展示页面的层次分明；Row负责水平布局，通过灵活的间距和对齐设置，适用于商品展示等横向信息排列场景。文章详细解析了space、justifyContent、alignItems和layoutWeight等关键属性的功能和应用场景，并通过具体案例展示了如何使用Column和Row构建登录页面和复杂电商首页。此外，还提供了常见问题的解决方案和调试建议，帮助开发者避免布局陷阱，提高开发效率。适合人群：具备一定移动应用开发基础，尤其是对华为鸿蒙系统开发感兴趣的开发者。使用场景及目标：①掌握Column和Row的基本概念和属性设置；②通过实战演练，学会构建简洁的登录页面和复杂的电商首页；③解决布局过程中常见的元素重叠、对齐异常和空间分配不合理等问题。阅读建议：本文不仅介绍了Column和Row的具体用法，还提供了大量实例代码和调试技巧，因此在阅读过程中应结合实际开发场景进行实践，尝试构建不同的页面布局，同时参考官方文档和其他开发者的经验分享，以加深理解和应用。

内容概要：本文深入介绍了鸿蒙系统中的ArkUI框架，展示了其在构建高效、优质应用界面方面的重要地位。文章首先对比了声明式UI和命令式UI的区别，强调了声明式UI的简洁性和高效性。随后，详细解析了ArkUI的工作原理，包括数据与前端view的同步更新机制。接着，介绍了ArkUI中常见的基础组件（如Text、Button、Image）和容器组件（如Column、Row、Stack），并解释了它们的功能和属性设置。文章还提供了实战指南，涵盖了项目创建、基础页面搭建、组件组合与嵌套以及响应式设计的实现方法。最后，总结了ArkUI的优势和未来发展的潜力。适合人群：对鸿蒙应用开发感兴趣的开发者，尤其是有一定编程基础的技术人员。使用场景及目标：①帮助开发者理解声明式UI与命令式UI的区别及其应用场景；②指导开发者掌握ArkUI常见组件的使用方法；③教授开发者如何利用ArkUI构建响应式、个性化的应用界面；④鼓励开发者尝试使用ArkUI进行实际项目开发。阅读建议：本文内容详实，既包含了理论讲解也提供了实践案例，建议读者在学习过程中结合具体代码示例进行实践操作，以便更好地理解和掌握ArkUI的使用技巧。

安徽百得思维社区

2

社区成员

138

社区内容

发帖

与我相关

我的任务

harmonyos华为个人社区安徽省·合肥市

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章