2024年最新鸿蒙应用开发_鸿蒙tabs右对齐，面试让分享一件趣事

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

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

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

list组件一般和子组件Listitem一起使用，按照垂直或水平方向线性排列，

参数：List（value？{space:number,string:initaiindex?:number,scorller?Scorller}）

space:设置列表间距
initiaiindex：设置初始时显示的item
scorller：scroller控制器控制滚动

属性

属性名称	意义
listDirection	设置组件的排列方向
divider	设置分割线

foreach循环渲染
含义：通过foreach从数组中获取数据，并为每个数据创建对应的组件，可减少重复代码

ForEach（
arr：any[]，
itemGenerator：（item：any，index？：number）=>void，
keyGeneratoy：（item:any,index?:number => string)

参数1：arr为需要的数组
参数2：为子组件的生成函数
参数3：为数组项唯一键值生成函数

使用步骤：
1：定义列表数据对象（用于封装列表项数据）
2：创建数据数组（为列表创建数据源）
3：创建item内容（构建列表组件）
4：使用foreach构建列表（遍历数据源渲染列表）

Grid组件

grid组件为网格容器，是一种网格列表，由行和列分割的单元格组成，通过指定item所在的单元格做出各种各样的布局，一般与子组件griditem一起使用

@Entry
@Component
struct GridExample{
private arr: string [] = new Array(16).fill(“”).map((_,index) => ‘item ${index}’);
build(){
Column(){
Grid(){
ForEach(this.arr,(item:String) => {
GridItem(){
// @ts-ignore
Text(item)
.fontSize(16)
.fontColor(Color.White)
.backgroundColor(Color.Blue)
.width(100%)
.height(100%)
.textAlign(TextAlign.Center)
}
},item => item)
}
.columnsTemplate(‘1fr 1fr 1fr 1fr’)
.rowsTemplate(‘1fr 1fr 1fr 1fr’)
.columnsGap(10)
.rowsGap(10)
.height(300)
}
.width(100%)
.padding(12)
.backgroundColor(Color.Gray)
}

}

Tabs组件的使用

主要是用来做页面切换使用的场景，例如常见的我的和首页页面
一般和子组件TabContent组合使用，每一个页面对应一个内容视图即tabContent

@Entry
@Component
struct TabExample{
private controller: TabsController = new TabsController()

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

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

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

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

、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

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