2024年HarmonyOS鸿蒙最全鸿蒙开发入门实战案例-菜谱列表（附源码）(1)，2024年最新阿里面试5轮

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

有了菜谱的名字，再把其他的按钮图片等组件加上去是不是就可以了？

也没那么简单，我们要怎么来布局呢。前面咱们就说过所有的布局方式无非是水平、垂直和叠加，万变不离其宗。

我们把菜谱列表中的单个元素拿出来分析一下：

看红色框，我们可以把所有组件分成两个部分，所以它整体上是一个水平布局，因此最外部的容器可以暂时这样写，为什么是暂时呢，咱们待会儿再说：

Row(){
//左侧图片
Image(“图片”)
//右侧组件，先不写

}

再来分析右侧的组件，看蓝色框，同样可以分为两个部分，它是一个垂直布局，所以右侧是一个Column:

Row(){
//图片
Image(“图片”)
//右侧组件
Column(){

}
}

在蓝色框内分别有两个元素，再逐级分析下去，上方的蓝色框内是一个垂直布局，下方的蓝色框内是一个水平布局，我们的大致框架就出来了：

Row(){
//左侧图片
Image(图片)
//右侧组件
Column(){
Column(){
Text(“名字”)
Text(“描述”)
}
Row(){
Text(“烹饪时间”)
Button(“按钮”)
}
}
}

这样再把数组中的数据展示上去，