鸿蒙项目方舟框架(ArkUI)之线性布局容器Stack组件

news/2024/7/21 8:13:32 标签: harmonyos

 鸿蒙项目方舟框架(ArkUI)之线性布局容器Stack组件

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1

二、Stack组件

堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。

子组件

可以包含子组件。

接口

Stack(value?: { alignContent?: Alignment })

从API version 9开始,该接口支持在ArkTS卡片中使用。

参数

参数名

参数类型

必填

参数描述

alignContent

Alignment

设置子组件在容器内的对齐方式。

默认值:Alignment.Center

属性

除支持通用属性外,还支持以下属性:

参数名

参数类型

参数描述

alignContent

Alignment

设置所有子组件在容器内的对齐方式。

默认值:Alignment.Center

从API version 9开始,该接口支持在ArkTS卡片中使用。

说明:

该属性与通用属性align同时设置时,后设置的属性生效。

示例

代码
// xxx.ets
@Entry
@Component
struct StackExample {
  build() {
    Stack({ alignContent: Alignment.Bottom }) {
      Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top)
      Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top)
    }.width('100%').height(150).margin({ top: 5 })
  }
}

你有时间常去我家看看我在这里谢谢你啦...

我家地址:亚丁号

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,

谁敢横刀立马?
惟有点赞加关注大军。


http://www.niftyadmin.cn/n/5303625.html

相关文章

【开题报告】基于SpringBoot的地方特色推荐系统的设计与实现

1.研究背景 旅游业是一个快速发展的行业,越来越多的人选择出门旅游放松身心。然而,在众多的旅游目的地中,游客往往面临着选择困难,不知道如何挑选适合自己的目的地和活动。同时,游客也期望能够更好地了解当地的美食、…

mac配置subl命令打开sublime

使用 使用方式: $ subl 要打开的文件配置 方式一 $ vim ~/.zshrc在打开的文件中添加以下代码 alias subl"/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"$ source ~/.zshrc方式二 或者通过如下方式 $ sudo ln -s "/Appl…

数据结构 day7 树+二叉树+哈希表

哈希表功能实现 #include <stdio.h> #include <string.h> #include <stdlib.h> #include <math.h> typedef struct Node {//数据元素int data;//指针域&#xff1a;下一个节点的地址struct Node *next; }*node; /** function: 计算小于等于m的最大…

P5534 【XR-3】等差数列————C++、C

目录 【XR-3】等差数列题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 样例 #2样例输入 #2样例输出 #2 提示 解题思路Code运行结果 【XR-3】等差数列 题目描述 小 X 给了你一个等差数列的前两项以及项数&#xff0c;请你求出这个等差数列各项之和。 等差数列&#…

AMEYA360:纳芯微推出低功耗霍尔开关NSM107x系列

纳芯微推出全新低功耗霍尔开关NSM107x系列&#xff0c;为数字位置检测提供高精度的解决方案&#xff0c;可被广泛应用于工业与消费电子领域。 NSM107x产品系列包含了2个产品型号&#xff0c;即单极开关NSM1071、全极开关NSM1072。通过提供用户可选择的不同的开关点、功耗模式、…

第28关 k8s监控实战之Prometheus(二)

------> 课程视频同步分享在今日头条和B站 大家好&#xff0c;我是博哥爱运维。 这节课我们用prometheus-operator来安装整套prometheus服务 https://github.com/prometheus-operator/kube-prometheus/releases 开始安装 1. 解压下载的代码包 wget https://github.com/…

算法训练营第三十二天|122.买卖股票的最佳时机 II 55. 跳跃游戏 45.跳跃游戏 II

目录 Leetcode122.买卖股票的最佳时机 IILeetcode55. 跳跃游戏Leetcode45.跳跃游戏 II Leetcode122.买卖股票的最佳时机 II 文章链接&#xff1a;代码随想录 题目链接&#xff1a;122.买卖股票的最佳时机 II class Solution { public:int maxProfit(vector<int>& pri…

【DevOps-03】Build阶段-Maven安装配置

一、简要说明 下载安装JDK8下载安装Maven二、复制准备一台虚拟机 1、VM虚拟复制克隆一台机器 2、启动刚克隆的虚拟机,修改IP地址 刚刚克隆的虚拟机 ,IP地址和原虚拟的IP地址是一样的,需要修改克隆后的虚拟机IP地址,以免IP地址冲突。 # 编辑修改IP地址 $ vi /etc/sysconfig…