【openharmony】栅格问题

已于 2023-08-08 19:49:06 修改
阅读量116 收藏
点赞数
分类专栏： HarmonyOs 文章标签： ui
于 2023-08-02 17:16:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cocoduco/article/details/132066350
版权

可参考：手把手教你做规范–布局规范（栅格）

px是长度单位像素，是显示屏中的一个个小方格。
vp（虚拟像素）
vp=(px*160)/PPI
屏幕像素点密度（Pixels Per Inch-PPI）：对角线像素点个数/屏幕尺寸。即每英寸中有多少个像素点

冯醒醒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OpenHarmony实战开发-栅格布局 (GridRow/GridCol)
2401_82546228的博客
04-26 1001
栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括：
OpenHarmony实战开发-如何实现栅格布局
2401_82546228的博客
04-30 678
栅格布局容器根节点，使用grid-row与grid-col进行栅格布局。
HCIA-HarmonyOS设备开发认证V2.0-1.OpenHarmony介绍
嵌入式软硬件设计/方案设计
01-21 922
OpenHarmony简介
OpenHarmony应用开发之自定义弹窗
maniuT的博客
05-30 682
)这个CustomDialogController就代表弹窗，UpdateDialog()是弹窗的具体实现，customStyle为ture就表示弹窗样式可以自定义。
【OpenHarmony常见问题汇总6】ArkUI开发框架（组件/图形）开发常见问题
xzs51job的专栏
08-11 424
适用于：OpenHarmony 3.2 Beta5 API 9自定义弹窗的定义和初始化需要用到属于ArkTS语法内容，必须在ets后缀文件中定义使用，不能在ts后缀文件中定义使用。参考链接自定义弹窗适用于：OpenHarmony 3.2 Beta5 API 9问题现象在自定义弹窗内定义的变量内容，在关闭弹窗或变量变化时需要及时传递给页面，可以通过何种方式传递？解决措施方式一：使用组件的状态变量传递。方式二：在初始化弹窗时，传递一个方法给自定义弹窗，在自定义弹窗中触发该方法，弹窗中变量作为方法的参数。
OpenHarmony实战开发-如何实现响应式布局
2401_82546228的博客
05-19 800
自适应布局可以保证窗口尺寸在一定范围内变化时，页面的显示是正常的。但是将窗口尺寸变化较大时（如窗口宽度从400vp变化为1000vp），仅仅依靠自适应布局可能出现图片异常放大或页面内容稀疏、留白过多等问题，此时就需要借助响应式布局能力调整页面结构。
第一章 初识OpenHarmony
开源大使
10-25 1647
2019年8月9日，华为分布式操作系统1.0对外发布，正式取名“鸿蒙”2020年9月，鸿蒙系统底层代码全部捐献给开放原子开源基金会OpenHarmony诞生OpenHarmony技术架构 内核层、系统服务层、框架层、应用层OpenHarmony技术特性：1.硬件互助，资源共享2.一次开发多端部署3.统一OS，弹性部署运行OpenHarmony应用DevEcoStudent编辑器配置技巧。
OpenHarmony实战开发-优化布局性能。
2401_82546228的博客
04-22 793
应用开发中的用户界面（UI）布局是用户与应用程序交互的关键部分。使用不同类型的布局可以将页面排布的更加美观，但也容易带来不合理的布局。不合理的布局虽然能在界面显示上达到相同效果，但是过度的布局计算，界面嵌套带来了渲染和计算的大量开销，造成性能的衰退，本文重点介绍了几种常见的布局功能和适用场景，同时提供了几种优化布局结构的方法。
openharmony容器组件之GridContainer
lplj717的博客
08-09 422
GridContainer：纵向排布栅格布局容器，仅在栅格布局场景中使用
【无标题】Unity Asset Hunter 插件
873149745
08-08 417
Asset Hunter PRO是Unity的一款插件，用于分析工程内的资源使用情况，资源大小，分析资源依赖关系，可以用来清理项目中未使用的资源。尤其是项目较大时，删除没有使用的资源很有帮助。首次打开，会提示创建buildinfo文件，需要build一次工程即出(exe,apk,xcode)等。打开Asset Hunter (Ctrl+H或Tools->Asset Hunter PRO–>Asset Hunter PRO)。对于项目UI图片修改次数过多时，这个分析图集中，没用的资源进行分析删除是非常好。
Blazor开发框架Known-V2.0.7
knownchen的专栏
08-12 365
基于C#和Blazor的快速开发框架，开箱即用，跨平台。模块化，单页应用，混合桌面应用，Web和桌面共享一处代码。UI默认支持AntDesign，可扩展其他UI组件库。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。低代码、简洁、易扩展，让开发更简单、更快捷！
Win/Mac/Linux/Andriod/IOS界面UI设计 - pyside6 - 01 基础系统框架
岳涛的博客
08-09 95
这是一个展示PySide6小例子的系列专题，建议创建单独的虚拟环境演示复现。建议复制到下载并安装MiniConda创建虚拟环境激活虚拟环境安装依赖当然您也可以使用您熟悉的工具和步骤，来实现同样的效果，我只是按个人习惯给您一点建议。
【Material-UI】Checkbox组件：受控模式详解
lph159的博客
08-08 890
在React中，表单组件（如inputselecttextarea等）可以分为受控组件和非受控组件。受控组件的值由React的状态（state）管理，表单控件的值会通过状态的变化而更新。受控组件的优势在于它们的行为完全受React组件逻辑控制，使得开发者可以更精细地管理用户输入和表单状态。在Material-UI中，Checkbox组件同样可以被配置为受控组件，这使得开发者能够通过React状态来精确控制复选框的选中与未选中状态。
整理 酷炫 Flutter 开源UI框架 FAB
TS的博客
08-12 22
灵活且易于使用的页面转换。
【Vue3】图片未加载成功前占位
菜就多练
08-08 328
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
【Python学习-UI界面】PyQt5 QLabel小部件
邑轻辰的学习笔记
08-08 439
序号 组件 说明 详细介绍链接 1 QLabel 用作占位符，用于显示不可编辑的文本、图像，或者动画GIF的电影。它也可以用作其他小部件的助记符键。 2 QLineEdit 是最常用的输入字段。它提供了一个框，可以输入一行文本。要输入多行文本，需要使用QTextEdit对象。 3 QPushButton 在PyQtAPI中，QPushButton类对象表示一个按钮，当点击时可以编程调用某个函数。 4 QRadioButton 呈现一个带文本标签的可选择按钮。用户可以在表单上
Qt入门(二)：第一个Qt项目
qq_45983373的博客
08-07 848
简单的Qt入门
【已解决】Error while getting %s: %s link:388 - Error while linking: %s
最新发布
Linux猿
08-12 20
本文主要对本地源码构建 AutoGen Studio 时的报错信息解决方法进行介绍。
栅格地图解决tsp问题
05-14
栅格地图是一种将地图分割成均匀大小的方格，每个方格代表一个节点，在这些节点的连线中寻找最短的路径的问题。TSP问题是指在一个图中找到一条最小成本的回路，使得每个节点都被访问一次。TSP问题是一个NP难问题，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值