145 Star 1.4K Fork 1.6K

OpenHarmony/applications_app_samples

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
Account
AppSample
Basic
Communication
CompleteApps
DFX
ETSUI
EngineeringCapability/Npm
FileManager/FileIo
Graphics
MultiDeviceAppDev
Native/NativeAPI
Network
Notification
PackageManagement/ZipLib
Preset
ResourcesSchedule
Safety
Telephony
UI
AtomicLayout
Badge
International
JSComponments
JSMenu
JSUICustomComponent
JsAdaptivePortalList
JsAdaptivePortalPage
JsAdaptiveServiceWidget
JsAnimation
JsAnimationStyle
JsAnimator
JsBasicComponents
JsBrightness
JsCanvas
JsDevice
JsDialog
JsFA
JsGallery
JsGrid
entry
screenshots/device
README_zh.md
build-profile.json5
hvigorfile.js
package.json
JsImage
JsList
JsPanel
JsRouter
JsShopping
JsSvg
JsTimer
JsUserRegistration
Picker
Popup
RefreshContainer
Slider
Stack
StepNavigator
Swiper
Tabs
Toolbar
chart
Util
ability
common
data
device
media
thread/JsWorker
.gitattributes
.gitignore
CodeCommitChecklist.md
LICENSE
OAT.xml
README.md
README_zh.md
changelog.md
克隆/下载
贡献代码
同步代码
取消
提示: 由于 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/applications_app_samples.git
git@gitee.com:openharmony/applications_app_samples.git
openharmony
applications_app_samples
applications_app_samples
samples_monthly_0830

搜索帮助