HarmonyOS/OpenHarmony原生应用-ArkTS万能卡片组件Stack

news/2024/7/21 12:09:01 标签: 华为, HarmonyOS

堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。该组件从API Version 7开始支持。可以包含子组件。

一、接口

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

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

二、属性

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

三、示例

// 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 })
  }
}

四、效果展示

五、场景

卡片上实现堆叠的场景使用。

本文根据HarmonyOS官方文档整理。
-----------------------------------
©著作权归作者所有:来自51CTO博客作者鸿蒙时代的原创作品,请联系作者获取转载授权,否则将追究法律责任
HarmonyOS/OpenHarmony原生应用-ArkTS万能卡片组件Stack
https://blog.51cto.com/u_14946066/7773837


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

相关文章

Flink---13、容错机制(检查点(保存、恢复、算法、配置)、状态一致性、端到端精确一次)

星光下的赶路人star的个人主页 大鹏一日同风起,扶摇直上九万里 文章目录 1、容错机制1.1 检查点(CheckPoint)1.1.1 检查点的保存1.1.2 从检查点恢复状态1.1.3 检查点算法1.1.3.1 检查点分界线(barrier)1.1.3.2 分布式快…

spark算子基础

创建数组 scala> val a sc.parallelize(Array(("zhangsan", 99, 98, 100),("lisi", 99, 98, 100),("wangwu", 99, 98, 100))) a: org.apache.spark.rdd.RDD[(String, Int, Int, Int)] ParallelCollectionRDD[28] at parallelize at <con…

东土科技与诺贝尔物理学奖2006年度得主斯穆特签约,加快布局工业AI

近日&#xff0c;诺贝尔物理学奖2006年度得主乔治.斯穆特教授与东土科技正式签约&#xff0c;成为东土科技工业人工智能顾问。 乔治斯穆特&#xff08;George Fitzgerald Smoot&#xff09;教授也曾获得爱因斯坦奖&#xff0c;在宇宙学、大数据、生物医学诊断仪器以及人工智能…

Linux:CentOS7 开启路由转发

1、临时开启 &#xff08;写入内存&#xff0c;在内存中开启&#xff09; echo "1" > /proc/sys/net/ipv4/ip_forward 2、永久开启 &#xff08;写入内核&#xff09; 在 vim /etc/sysctl.conf 下 net.ipv4.ip_forward 1 然后&#xff0c;加载一下 sysctl -p …

Opencv中!face_cascade.load( face_cascade_name )报错,xml文件无法加载

face_cascade.load 在opencv中加载xml文件的代码片段如下 // 代码片段cv::String face_cascade_name "D:/opencv2.49/opencv/sources/data/haarcascades/haarcascade_eye_tree_eyeglasses.xml";if (!face_cascade.load(face_cascade_name)){ printf("--(!)Er…

3.2.OpenCV技能树--二值图像处理--图像腐蚀与膨胀

文章目录 1.文章内容来源2.图像膨胀处理2.1.图像膨胀原理简介2.2.图像膨胀核心代码2.3.图像膨胀效果展示 3.图像腐蚀处理3.1.图像腐蚀原理简介3.2.图像腐蚀核心代码3.3.图像腐蚀效果展示 4.易错点总结与反思 1.文章内容来源 1.题目来源:https://edu.csdn.net/skill/practice/o…

Go语言进阶------>init()函数

Init()包初始化 执行优先级 Init()函数的执行优先级比main()函数的执行优先级要高,也就是说程序会优先执行Init()函数之后再执行main()函数. 代码如下 package mainimport "fmt"func init() {fmt.Println("执行了Init()函数") }func main() {fmt.Println…

完成flex布局与float布局

一、flex布局 <style>.nav {display: flex;background-color: #f8f8f8; /* 导航栏背景颜色 */}.nav a {flex: 1;display: flex;align-items: center;justify-content: center;padding: 14px 16px;text-decoration: none;color: #555555; /* 导航栏文字颜色 */}.nav a:ho…