11.图解鸿蒙之线性布局-VerticalAlign.Bottom子元素在垂直方向底部对齐

最新推荐文章于 2025-05-10 16:32:29 发布
最新推荐文章于 2025-05-10 16:32:29 发布
阅读量168 收藏
点赞数 1
文章标签： 华为 harmonyos 华为云 华为od
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_20474743/article/details/145006565
版权

图解鸿蒙之线性布局-VerticalAlign.Bottom子元素在垂直方向底部对齐

问：VerticalAlign.Bottom 是啥呀，咋听起来这么神秘？
答：嘿，它就像个 “魔法地板”，在 Row 容器里，不管子元素是高是矮，一碰上它，底部全给你对齐咯，整整齐齐。

 VerticalAlign.Bottom 是一种用于控制子元素垂直对齐方式的概念。在包含多个子元素的 Row 容器中，它规定子元素以自身底部为参照点，在垂直方向上与其他子元素的底部对齐。

PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）容器组件之Stack 组件用法
二当家的
03-27 613
容器组件是 ArkUI 中用于组织和布局子组件的组件。它们提供了一种将子组件组合在一起并以特定方式排列它们的方法。
鸿蒙ArkUI开发：常用布局【交叉轴】
m0_62167422的博客
05-13 1622
鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！
鸿蒙Harmony-层叠布局（Stack）详解
袁震的博客
01-14 3146
我们总是为了太多遥不可及的东西去拼命，却忘了人生真正的幸福不过是灯火阑珊处的温暖，柴米油盐的充实，人生无论你赚的钱，是多还是少，经历的事情是好还是坏，都不如过好当下的每一天！
一步一步教你进行鸿蒙应用开发：六、布局-Column（纵向布局）和Row（横向布局）
jackiendsc的博客
03-21 342
上一讲我们讲的Stack层叠布局中已经用到了基本的Column（纵向布局）和Row（横向布局），为 了实现页面展示，往往不只是使用其中某一种布局，大多数情况下为了页面展示的需要，我们往往是多种布局的综合运用，这一讲主要是对前一讲的补充，详细展示一下用到的这两种基本布局。
鸿蒙开发-UI-布局-线性布局
中年程序员
01-15 2364
上文学习了鸿蒙开发UI布局相关的知识，简单介绍了布局的分类。本文详细学习其中一种常见布局方式-线性布局。本文详细学习其中一种常见布局方式-线性布局，学习了线性容器内子元素在主轴以及交叉轴上的排列方式，同时也学习了子元素自适应相关的知识点，后面继续学习层叠布局。
HarmonyOS Next开发学习手册——线性布局 (Row/Column)
maniuT的博客
06-27 1263
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器 Row 和 Column 构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。图1Column容器内子元素排列示意图图2Row容器内子元素排列示意图。
HarmonyOS ArkUI容器类组件-线性布局容器（Row、Column）
m0_70748458的博客
05-29 912
(value?: { space?value：可选参数，space表示设置Row的子组件在水平方向上的间距，简单样例如下所示：Row() {Text().width(90)Text() // 模拟子组件之间的间隔为20.width(20)Text().width(20)Row({space: 20}) { // 设置子组件之间的间隔为20Text().width(90)Text().width(20)alignItems：参数类型为，表示子组件在竖直方向上的布局方式，Top。
鸿蒙HarmonyOS应用开发，UI开发（一）布局线性布局
wwwwmmmmyyybshjz的博客
12-06 679
因为ArkTS以及讲过了我们直接从布局开始组件按照布局的要求依次排列，构成应用的页面。在声明式UI中，所有的页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。
鸿蒙OS开发教程：ArkUI 线性布局（Row/Column）
m0_64422261的博客
06-10 1415
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。
【鸿蒙开发】—— 线性布局 (Row/Column)
2401_88547687的博客
11-02 1215
线性布局（LinearLayout）是开发中最常用的布局，通过线性容器 Row 和 Column 构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。图1Column容器内子元素排列示意图图2Row容器内子元素排列示意图。
【鸿蒙学习】鸿蒙HarmonyOS4.0入门 - 1
m0_55890180的博客
05-31 1333
线性布局是鸿蒙开发中的常用布局，通过线性容器Row和Column构建。Column容器内子元素按垂直方向排列，Row容器内子元素按水平方向排列。根据不同的排列方向，可选择使用Row或Column容器创建线性布局。
38.HarmonyOS NEXT Layout布局组件系统详解（五）：对齐方式设置
全栈若城,专注知识分享
03-12 4632
在HarmonyOS的Layout布局组件系统中，对齐方式是一个重要的布局特性，它可以控制列在行内的水平对齐和垂直对齐。本文将详细介绍Layout布局组件系统中的对齐方式设置，包括水平对齐和垂直对齐的实现原理和使用方法。// 水平排列方式justify?// 垂直对齐方式align?// 其他属性...HarmonyOS Layout布局组件系统中的对齐方式设置提供了丰富的选项，通过水平对齐和垂直对齐的组合，可以实现各种复杂的布局需求。合理使用对齐方式可以提高界面的美观度和可用性。
HarmonyOS布局详解：掌握线性布局中的Row与Column
A1551143530的博客
08-19 1293
线性布局是其他布局的基础，其子元素在主轴方向（水平方向或垂直方向）依次排列。根据排列方向的不同，开发者可以选择使用。属性设置子元素在容器主轴上的排列方式，如从首端对齐、居中对齐、尾端对齐或均匀分布等。线性布局（LinearLayout）是开发中最常用的布局，通过线性容器。属性可以设置子元素在交叉轴上的对齐方式。容器中设置子元素在主轴方向上的间距。以上是 HarmonyOS 中使用。进行线性布局的基本方法和应用。容器来创建线性布局。
17-鸿蒙开发中的背景图片设置：位置、定位、单位和尺寸
LCFliu的博客
11-14 3027
背景图片（Background Image）：背景图片是指在组件背后显示的一张图片。通过设置背景图片，可以增加界面的视觉效果。背景位置（Background Position）：背景位置是指背景图片在组件中的位置。可以通过设置背景位置来控制图片的显示位置。背景定位单位（Background Position Units）：背景定位单位可以是像素（px）、百分比（%）、关键字（如topcenterbottom等）。背景尺寸（Background Size）：背景尺寸是指背景图片的大小。
鸿蒙NEXT-Column&Row组件的使用
2301_76813281的博客
01-18 1391
一个丰富的页面需要很多组件组成，那么，我们如何才能让这些组件有条不紊地在页面上布局呢？这就需要借助容器组件来实现。容器组件是一种比较特殊的组件，它可以包含其他的组件，而且按照一定的规律布局，帮助开发者生成精美的页面。容器组件除了放置基础组件外，也可以放置容器组件，通过多层布局的嵌套，可以布局出更丰富的页面。ArkTS为我们提供了丰富的容器组件来布局页面，本文将以构建登录页面为例，介绍Column和Row组件的属性与使用。
8.图解鸿蒙之线性布局-Row容器内子元素在垂直方向上的排列图
qq_20474743的博客
01-08 345
Row 容器主要让子元素水平排列，而其内部子元素在垂直方向上可有多种排列方式。或者两端对齐，充分利用容器空间，让子元素在垂直方向紧密且均匀排列。当子元素在垂直方向上采用顶部对齐时，每个子元素的顶部会在同一水平线上。无论子元素的高度是否相同，它们都以自身的顶部为基准进行对齐。垂直居中对齐是将每个子元素在垂直方向上的中心位置对齐到同一水平线上。这意味着无论子元素的高度如何，它们的中心位置会在一条直线上。底部对齐是让所有子元素的底部处于同一水平线上。不管子元素的高度差异有多大，它们都会以底部为基准进行对齐。
华为首款鸿蒙电脑正式亮相
老卫的技术站
05-08 661
华为历时五年时间倾注战略级资源、集结行业力量，10000多名顶尖工程师参与研发，共布局核心专利超过2700项，体现出华为在软硬协同、AI融合、安全架构等方面的深厚积累。鸿蒙电脑搭载了HarmonyOS 5，采用鸿蒙内核，带来精致、智能、安全、流畅、互联的体验。据介绍，鸿蒙电脑搭载了HarmonyOS 5，采用鸿蒙内核，带来精致、智能、安全、流畅、互联的体验；鸿蒙电脑应用开发持续加速，TOP 150+专属电脑生态应用加速适配，300+融合生态应用已完成适配，2000+融合生态应用加速适配。
ensp的华为小实验
最新发布
2302_81650296的博客
05-10 107
2.进行接口的IP地址配置和ospf的简易配置，先做到全网小通。对区域所有区域域间路由器进行一个汇总。4.对ISP的路由进行协议配置。对区域2.3进行nssa设置。最后ping通5.5.5.5。3.进行ospf优化。
Row容器的主轴是水平方向，交叉轴是垂直方向，其参数类型为VerticalAlign （垂直对齐）,VerticalAlign 定义了以下几种类型？ A. Start B. Center C. Top D. Bottom E. End
06-25
在Row容器中，当主轴（main axis）设置为水平方向（horizontal）并且交叉轴（cross-axis）设置为垂直方向（vertical）时，`VerticalAlign` 参数用于控制元素在垂直方向上的对齐方式。`VerticalAlign` 可能定义的选项包括： A. Start (默认值) - 元素开始于行的顶部 B. Center - 元素居中于行中 C. Top - 元素放置在行的顶部，即使该行已经设置了上边界 D. Bottom - 元素放置在行的底部，即使该行已经设置了下边界 E. End - 元素结束于行的底部 所以，这些选项中的 `B. Center`, `C. Top`, 和 `D. Bottom` 都是可能的垂直对齐类型。选项 `Start` 和 `End` 通常用于描述水平方向的对齐，但在垂直方向上，它们分别对应 `Top` 和 `Bottom`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值