当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
10 Star 68 Fork 73

OpenHarmony/app_samples
暂停

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

栅格布局

简介

本示例通过栅格系统进行元素布局,主要由<grid-container>、<grid-row>、<grid-col>标签来实现。

实现效果如下:

相关概念

Grid:网格容器,由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。

相关权限

不涉及。

使用说明

示例显示了2组应用,上下两组应用均采用栅格布局,来展示不同的效果,点击应用图标文字分别弹出对应的通知。

约束与限制

1.本示例仅支持在标准系统上运行。

2.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/openharmony/app_samples.git
git@gitee.com:openharmony/app_samples.git
openharmony
app_samples
app_samples
master

搜索帮助