当前位置:网站首页 > 技术博客 > 正文

栅格系统应用



栅格布局主要优势包括:

1.提供可循的规律:栅格布局可以为布局提供规律性的结构,解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数,可以方便地对页面元素进行定位和排版。

2.统一的定位标注:栅格布局可以为系统提供一种统一的定位标注,保证不同设备上各个模块的布局一致性。这可以减少设计和开发的复杂度,提高工作效率。

3.的间距调整方法:栅格布局可以提供一种灵活的间距调整方法,满足特殊场景布局调整的需求。通过调整列与列之间和行与行之间的间距,可以控制整个页面的排版效果。

4.自动换行和自适应:栅格布局可以完成一对多布局的自动换行和自适应。当页面元素的数量超出了一行或一列的容量时,他们会自动换到下一行或下一列,并且在不同的设备上自适应排版,使得页面

布局更加灵活和适应性强。

GridRow(option?: GridRowOptions)

●GutterOption

3.breakpoints:断点设置

●value:设置断点位置的单调递增数组

●reference:断点切换参照物

○BreakpointReference枚举

4.diretion:布局排列方向

onBreakpointChange

GridCol(option?: GridColOptions)

1.span:栅格子组件占用栅格容器组件的列数。span为0表示该元素不参与布局计算
2.offset:栅格子组件相对于原本位置偏移的列数
3.order:元素的序号,根据栅格子组件的序号,从小到大对栅格子组件做排序

方式一

 

方式二

 

方式三

 

在进行响应式开发时,我们需要根据实际的开发需求和技术复杂度开发项目。当涉及一块组件的改变时,用栅格布局;当涉及到某个组件的属性改变或js动态改变时,用断点系统;以组件的自适应布局进行布局思路开发

有很多小伙伴不知道学习哪些鸿蒙开发技术?不知道需要重点掌握哪些鸿蒙应用开发知识点?而且学习时频繁踩坑,最终浪费大量时间。所以有一份实用的鸿蒙(HarmonyOS NEXT)资料用来跟着学习是非常有必要的。

这份鸿蒙(HarmonyOS NEXT)资料包含了鸿蒙开发必掌握的核心知识要点,内容包含了(ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等)鸿蒙(HarmonyOS NEXT)技术知识点。

在这里插入图片描述

有了路线图,怎么能没有学习资料呢,小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙(OpenHarmony )学习手册(共计1236页)与鸿蒙(OpenHarmony )开发入门教学视频,内容包含:ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

在这里插入图片描述

在这里插入图片描述

OpenHarmony北向、南向开发环境搭建

在这里插入图片描述

●ArkTS语言
●安装DevEco Studio
●运用你的第一个ArkTS应用
●ArkUI声明式UI开发
.……
在这里插入图片描述

●Stage模型入门
●网络管理
●数据管理
●电话服务
●分布式应用开发
●通知与窗口管理
●多媒体技术
●安全技能
●任务管理
●WebGL
●国际化开发
●应用测试
●DFX面向未来设计
●鸿蒙系统移植和裁剪定制
……
在这里插入图片描述

●ArkTS实践
●UIAbility应用
●网络案例
……
在这里插入图片描述

  • 上一篇: libcurl教程
  • 下一篇: 游戏测试是干嘛的?
  • 版权声明


    相关文章:

  • libcurl教程2025-01-02 09:29:59
  • 数据结构第5章树和二叉树答案2025-01-02 09:29:59
  • 指针运算c语言2025-01-02 09:29:59
  • tftpd linux2025-01-02 09:29:59
  • 匿名内部类可以实现接口吗2025-01-02 09:29:59
  • 游戏测试是干嘛的?2025-01-02 09:29:59
  • opengl入门2025-01-02 09:29:59
  • c语言中malloc函数2025-01-02 09:29:59
  • 串口调试助手v1.42025-01-02 09:29:59
  • crc16计算方法2025-01-02 09:29:59