HarmonyOS 鸿蒙Next录音机底部这个操作按钮的位置是怎么控制的？

HarmonyOS 鸿蒙Next录音机底部这个操作按钮的位置是怎么控制的？ 我希望它的位置和录音机、备忘录的操作按钮位置一样

图片

图片

图片


更多关于HarmonyOS 鸿蒙Next录音机底部这个操作按钮的位置是怎么控制的？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

发的布局截图的回复，十多分钟了还没审核通过，给你再指个方法，看哪条回复先通过审核吧：

官网下载DevEco testing，里面实用工具–>UIViewer，连接手机，手机上页面调到备忘录，电脑上点击获取页面，就能看到布局。

对了，备忘录布局是这样

Stack

–XXX

–Column

----Button（下面的图标）

更多关于HarmonyOS 鸿蒙Next录音机底部这个操作按钮的位置是怎么控制的？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


原来如此，感谢感谢，太感谢了，我一直在尽可能地模仿系统应用的UI，但是只能靠猜，靠截图测量像素点😂，

成功了，十分感谢您的回答。

备忘录实现如下：

cke_367.png

不过还是不清楚它的位置是怎么控制的，

我通过获取到屏幕密度是560dpi，从而可以把那个px单位换算成vp这样就可以知道系统应用的尺寸了，

成功啦

图片

在HarmonyOS Next中，录音机底部操作按钮的位置由ArkUI框架的布局控制，通常通过Column或Flex组件配合justifyContent、alignItems属性实现底部对齐。按钮组使用Button或Image组件，通过margin、padding或相对定位（position）微调偏移。若需响应式适配，可结合layoutWeight或constraintSize动态调整。

在 HarmonyOS Next 中，底部操作按钮固定于界面底部的布局通常通过 Flex 布局 或 Column + Expanded 组合实现。

将整个页面设为 Column 纵向布局，上半部分用 layoutWeight(1) 占据剩余空间，底部按钮区域不设置权重，自然固定在最下方。按钮区域内部再用 Row 均匀排布，使用 justifyContent(FlexAlign.SpaceEvenly) 即可实现与系统录音机、备忘录一致的居中并均匀分布效果。

回到顶部