鸿蒙4.0应用开发关于Margin设置外边距的注意

最新推荐文章于 2025-04-10 14:40:57 发布
最新推荐文章于 2025-04-10 14:40:57 发布
阅读量1.8k 收藏 11
点赞数 8
文章标签： 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_69469062/article/details/135685879
版权

参数类型：

但是在使用中的写法需要注意

 .margin({right: vp2vp(25) })

应该使用这种外边加括号

而不能是下面这种

.margin(right(vp2vp(100))

鸿蒙界面开发——通用属性（1）width&height&margin&padding等尺寸设置
littleyy666的博客
09-03 944
设置组件自身的宽度，缺省时使用元素自身内容需要的宽度。在TextInput组件中，width设置auto表示自适应文本宽度。在AlphabetIndexer组件中，width设置auto表示自适应宽度最大索引项的宽度。在Row、Column、RelativeContainer组件中，width、height设置auto表示自适应子组件。
鸿蒙HarmonyOS4.0 入门与实战
郭宝的博客
12-11 1681
创建自定义组件@Builder@Styles自定义公共组件例如：自定义一个头部组件// 自定义头部组件@Component// title属性为外部传入的数据build() {Row(){然后使用自定义组件// 引用自定义组件@Entry //@Componentbuild() {Column(){Header({title:'首页'})自定义全局构建函数自定义全局构建函数主要做页面内部的组件封装，通过@Builder 注解实现。
15-鸿蒙开发中的元素布局：内边距padding、外边距margin和边框border
LCFliu的博客
11-08 2391
内边距（Padding）：内边距是指元素内容与其边框之间的距离。通过设置内边距，可以增加元素内部的空间，使其看起来更加舒适。外边距（Margin）：外边距是指元素与其周围元素之间的距离。通过设置外边距，可以调整元素之间的间距，避免元素之间过于拥挤。边框（Border）：边框是指围绕元素内容的线条。通过设置边框，可以增强元素的视觉效果，使其更加突出。通过本文，你已经学会了如何在鸿蒙开发中使用内边距、外边距和边框来精确控制元素的位置和外观。这些布局属性对于创建美观且功能强大的用户界面非常重要。
【鸿蒙学习笔记】尺寸设置・width・height・size・margin・padding・
张紫娃的博客
07-13 1403
参数为Length类型时，表示指定长度。参数为百分比时，表示所占页面的百分比。
鸿蒙NEXT版实战开发：如何解决子组件全屏后margin不会生效的问题？
最新发布
qq_39652397的博客
04-10 284
父组件全屏，子组件默认撑满，再设置左右margin值，实际上子组件会超出屏幕范围外边距。
ArkTs中如何设置组件距离？(华为鸿蒙软件开发)设置margin
m0_59069134的博客
04-21 4752
下面让我来告诉你如何通过margin设置组件间的距离。
【鸿蒙学习笔记】尺寸设置・constraintSize・设置约束尺寸
张紫娃的博客
06-30 1328
３．向内拓：{ top: 10, left: 20, right: 20, bottom: 30 }４・绿色：忽略size({ width: ‘30%’, height: 110 })，占用余下2/3。３・粉色：忽略size({width: ‘30%’, height: 110 })，占用余下1/3。１・背景：size({ width: ‘100%’, height: 140 })２・黄色：size({ width: ‘100%’, height: 140 })参数为百分比时，表示所占页面的百分比。
鸿蒙4.0基础开发教程
weixin_68658847的博客
12-25 1649
鸿蒙4.0基础开发教程
鸿蒙4.0开发笔记之DevEco Studio如何使用低代码开发模板进行开发的详细流程（六）
Viewinfinitely的博客
11-25 6604
鸿蒙HarmonyOS低代码开发方式，具有丰富的UI界面编辑功能，通过可视化界面开发方式快速构建布局，可有效降低用户的时间成本和提升用户构建UI界面的效率。
【HarmonyOS实战开发】鸿蒙应用开发：任务列表
HarmonyOS007的博客
08-07 687
任务列表应用，基于OpenHarmony 4.0开发，主要功能：任务列表增删改查，任务进度显示，后台通知提醒ListItem组件实现复选框勾选完成，展开详细信息功能获取父组件传入的进度，在环形进度条实时显示在 CustomDialog 中获取当前数组，并通过 RdbUtil 在数据库内插入、修改数据，实现数据持久化。同时调起 TaskReminderService 实现后台代理提醒。
HarmonyOS4.0—自定义渐变导航栏开发教程
2401_82546228的博客
03-19 1700
今天要分享的是一个自定义渐变导航栏，本项目基于鸿蒙4.0。
鸿蒙的svg图标、内外边距和边框
2301_81915581的博客
03-15 1011
需求：界面中展示图标 → 可以使用 svg 图标（任意放大缩小不失真、可以改颜色）
鸿蒙一次开发，多端部署（七）响应式布局
1
03-21 2673
栅格是多设备场景下通用的辅助定位工具，通过将空间分割为有规律的栅格。栅格可以显著降低适配不同屏幕尺寸的设计及开发成本，使得整体设计和开发流程更有秩序和节奏感，同时也保证多设备上应用显示的协调性和一致性，提升用户体验。栅格的样式由Margin、Gutter、Columns三个属性决定。Margin是相对应用窗口、父容器的左右边缘的距离，决定了内容可展示的整体宽度。Gutter是相邻的两个Column之间的距离，决定内容间的紧密程度。Columns是栅格中的列数，其数值决定了内容的布局复杂度。
鸿蒙应用开发 | 6大布局之 相对布局(DependentLayout)！
06-20 1865
关注▲程序员漫话编程▲一起成长，一起学习。 大家好，我是你们的朋友 朋哥，今天开始朋哥开始研究鸿蒙了，会写一些文章分享给大家，希望多多提意见。 上一篇原创文章解读了鸿蒙开发布局的线性布局，也是使用最多的布局，一般情况下，该布局都能实现。 但是如果在一个布局多个组件的位置排布太乱，排列方式更多的时候，还是相对布局更实用。简介： DependentLayout是鸿蒙开发Java UI系统里的另一种常见布局。与DirectionalLayout相比，拥有更多的排布方式，每个组...
【HarmonyOS NEXT】尺寸设置：size/layoutWeight/constraintSize
weixin_71403100的博客
06-22 4608
常见尺寸：width（宽度）、height（高度）、padding（内边距）、margin（外边距）主要整理下size（设置高宽尺寸）、layoutWeight（对子组件进行重新布局）、constraintSize（设置约束尺寸，组件布局时，进行尺寸范围限制）
鸿蒙NEXT版实战开发：UI框架-如何解决子组件全屏后margin不会生效的问题？
qq_39652397的博客
11-05 300
父组件全屏，子组件默认撑满，再设置左右margin值.......
鸿蒙开发基础、容器组件的使用
小趴菜不能喝的博客
12-25 2271
介绍鸿蒙开发基础组件和容器组件的使用
[HarmonyOs]鸿蒙操作系统简介
2301_79439140的博客
12-07 755
模块化设计还为开发者提供了更多的自由度，使他们能够根据自己的需求选择合适的组件，为不同的设备和应用场景定制优化的解决方案。华为开发的鸿蒙操作系统（HarmonyOS）作为一款新兴的操作系统，不仅标志着中国在操作系统领域的重要进展，也代表了全球操作系统多样化的趋势。无论是在资源受限的穿戴设备上，还是在功能强大的智能手机和平板电脑上，鸿蒙都能够根据设备的特点和需求，提供最佳的性能和体验。与安卓和iOS的生态相比，鸿蒙更加强调设备间的无缝连接和协同，为用户提供更加统一和便捷的体验。
零基础学鸿蒙开发--第四篇--常⽤布局
w807139809的博客
11-29 1203
布局是指对⻚⾯组件进⾏排列和定位的过程，其⽬的是有效地组织和展示⻚⾯内容，会涉及到组件的⼤⼩、位置以 及它们之间的相互关系等等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值