Jetpack Compose_Alignment对其+Arrangement排列

文章目录

  • 1.Alignment 对齐
    • 1.1Alignment 对齐方式
    • 1.2AbsoluteAlignment 绝对对齐
    • 1.3BiasAlignment 偏差对齐
    • 1.4BiasAbsoluteAlignment偏差绝对对齐
  • 2.Arrangement 排列
    • 2.1Arrangement 排列方式
    • 2.2Arrangement.Horizontal
    • 2.3Arrangement.Vertical

1.Alignment 对齐

1.1Alignment 对齐方式

Alignment

类型对齐方式说明
AlignmentTopStart顶部左对齐
TopCenter顶部居中对齐
TopEnd顶部右对齐
CenterStart居中左对齐
Center居中
CenterEnd居中右对齐
BottomStart底部左对齐
BottomCenter底部居中
BottomEnd底部右对齐
Alignment.VerticalTop竖直的置顶
CenterVertically竖直的居中
Bottom竖直的置底
Alignment.HorizontalStart水平的置左
CenterHorizontally水平的居中
End水平的置右

疑问:为什么有 Alignment 了,还需要有 Alignment.VerticalAlignment.Horizontal 呢?
因为有些控件,如 Row 只能调整竖直方向上的对齐方式,水平方向上调的是 Arrangement 排列,因此对齐枚举需要限制为特定方向上的


1.2AbsoluteAlignment 绝对对齐

AbsoluteAlignment
不知道布局方向的常见对齐方式的集合。

类型对齐方式说明
AlignmentTopLeft左上角
TopRight右上角
CenterLeft居中左侧
CenterRight居中右侧
BottomLeft底部左侧
BottomRight底部右侧
Alignment.HorizontalLeft水平方向左侧
Right水平方向右侧

当不知道是横向还是纵向布局方式时使用,暂时还没想到应用场景。(欢迎评论补充)


1.3BiasAlignment 偏差对齐

BiasAlignment
-1: 表示 start/top
0: 表示 center
1: 表示 end/bottom

data class BiasAlignment(val horizontalBias: Float, // 水平方向对齐方式val verticalBias: Float // 竖直方向对齐方式
)

1.4BiasAbsoluteAlignment偏差绝对对齐

BiasAbsoluteAlignment
-1: 表示对齐到左上角
0: 表示居中
1: 表示右下角
就是在 左上角右下角 这条斜线上对齐

data class BiasAbsoluteAlignment(private val horizontalBias: Float,private val verticalBias: Float
)

2.Arrangement 排列

2.1Arrangement 排列方式

Arrangement

对齐方式说明
Equal Weight等宽/高
Space Between等间距
Space Around每个item等padding
Space Evenly每个item等margin
End尾部对其
Center居中
Start头部对其

2.2Arrangement.Horizontal

如:RowhorizontalArrangement

2.3Arrangement.Vertical

如:ColumnverticalArrangement


参考:
androidx.compose.foundation.layout
Componse教程 | 关于 Alignment与Arrangement

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/29547.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘)

问题描述 使用 view-ui-plus 加 vue3 开发项目,本地启动项目正常,但其他人将代码拉下来,启动项目时报错 Uncaught TypeError: Cannot read properties of null (reading isCE): 原因分析: 尝试将 mode_nodules 文件删…

C# yolov8 OpenVINO 同步、异步接口视频推理

C# yolov8 OpenVINO 同步、异步接口视频推理 目录 效果 项目 代码 下载 效果 同步推理效果 异步推理效果 项目 代码 using OpenCvSharp; using System; using System.Collections.Generic; using System.Diagnostics; using System.Threading; using System.Windows.Form…

智源更新大模型排行榜:豆包大模型“客观评测”排名国产第一

6月中旬,智源研究院旗下的 FlagEval 大模型评测平台发布最新榜单:在有标准答案的“客观评测”中,GPT-4 以76.11分在闭源大模型中排名第一;Doubao-Pro(豆包大模型)以75.96分排名第二,同时也是得分…

隧道代理是什么?怎么运作的?

隧道代理作为网络代理的一种形式,已经在现代互联网世界中扮演着重要的角色。无论是保护隐私、访问受限网站还是实现网络流量的安全传输,隧道代理都发挥着重要作用。在本文中,我们将深入探讨隧道代理的概念、运作方式以及在不同场景中的应用。…

天风宏观:再论经济“去金融化”

天风宏观认为,经济“去地产化”之后也正在“去金融化”,应逐渐淡化金融数据对于经济的指示意义,更关注经济数据本身和进行中的结构转型。 5月金融数据延续了此前逻辑, 受规范手工补息、存款分流等因素影响,M1同比-4.2%…

【多线程】线程状态

🥰🥰🥰来都来了,不妨点个关注叭! 👉博客主页:欢迎各位大佬!👈 文章目录 1. 枚举线程所有状态2. 线程转移2.1 示意图2.2 观察 NEW 、 RUNNABLE 、 TERMINATED 状态的转换2.3 观察 WAI…

【K8S】通过官方 kubeadm 快速搭建 Kubernetes 集群

文章目录 1、环境准备2、搭建流程2.1、初始化配置2.2、安装 Docker2.3、部署 K8S 1、环境准备 针对本次K8S集群搭建环境,可以使用虚拟机,不过这里我直接模拟真实生产线上环境,忍痛购买了3台阿里云ECS服务器,服务器信息如下&#…

决定罗德岛州(Rhode Island)版图的关键历史事件

决定罗德岛州(Rhode Island)版图的关键历史事件: 1. 早期探索与定居:罗德岛州的早期历史与英国*民者有关,特别是宗教难民的定居。1636年,为了逃避马萨诸塞湾*民地的宗教迫害,罗杰威廉姆斯建立了…

可以聊天的ai软件有实用的吗?分享3个智能的软件!

在数字化浪潮席卷而来的今天,人工智能(AI)技术已经深入我们生活的方方面面,其中AI聊天软件以其独特的交互方式和智能化的对话体验,吸引了众多用户的关注。本文将为您盘点当前市场上热门的AI聊天软件,带您领…

MCK主机加固在防漏扫中的关键作用

在当今这个信息化飞速发展的时代,网络安全成为了企业不可忽视的重要议题。漏洞扫描,简称漏扫,是一种旨在发现计算机系统、网络或应用程序中潜在安全漏洞的技术手段。通过自动化工具,漏扫能够识别出系统中存在的已知漏洞&#xff0…

PyCharm QThread 设置断点不起作用

背景: 端午节回来上班第一天,不想干活,领导又再后面看着,突然想起一个有意思的问题,为啥我的程序在子进程QThread的子类里打的断点不好用呢?那就解决一下这个问题吧。 原因: 如果您的解释器上…

GitHub加载慢怎么解决

选了一个最简单的方法记录一下 一、GitHub为什么加载这么慢 简而言之就是,国内DNS默认解析到美国服务器(慢),我们只要绕过DNS解析,直接访问韩国日本服务器(快)就可以解决访问缓慢的问题。 二、…

一个按钮更改Notes字体大小

大家好,才是真的好。 在说到正文以前,我们还是提两句,上周HCL发布了Notes/Domino 12.0.2FP4补丁,以及在亚马逊云应用市场上架了HCL Domino 14.0。 现在谈谈正文部分。 随着岁月飞逝,使用Notes的人也开始日渐眼花&a…

Mac M3 Pro 安装 Zookeeper-3.4.6

1、下载安装包 官方下载地址:https://archive.apache.org/dist/zookeeper/ 网盘下载地址:https://pan.baidu.com/s/1j6iy5bZkrY-GKGItenRB2w?pwdirrx 提取码: irrx 2、解压并添加环境变量 # 将安装包移动到目标目录 mv ~/Download/zookeeper-3.4.6.…

vue3根据按钮切换更新echarts对应的数据

效果图 初始化注意 setOption的函数定义,option是指图表的配置项和数据,notMerge是指是否不跟之前设置的 option 进行合并。默认为 false。即表示合并。如果为 true,表示所有组件都会被删除,然后根据新option 创建所有新组件 //…

vue引入aos.js实现滚动动画

aos.js官方网站:http://michalsnik.github.io/aos/ aos.js介绍 AOS (Animate on Scroll) 是一个轻量级的JavaScript库,用于实现当页面元素随着用户滚动进入可视区域时触发动画效果。它不需要依赖 jQuery,可以很容易地与各种Web开发框架&#…

MikroTik RouterOS 授权签名验证分析

MikroTik 软路由 百科https://baike.baidu.com/item/mikrotik/9776775官网https://mikrotik.com/ 授权文件分析 -----BEGIN MIKROTIK SOFTWARE KEY------------ mr3jH5qhn9irtF53ZICFTN7Tk7wIx7ZkxdAxJ19ydASY ShhFteHMntBTyaS8wuNdIJJPidJxbuNPLTvCsv7zLA …

STM32学习笔记(八)--DMA直接存储器存取详解

(1)配置步骤1.配置RCC外设时钟 开启DMA外设2.初始化DMA外设 调用DMA_Init 外设存储器站点的起始地址 数据宽度 地址是否自增 方向 传输计数器 是否需要自动重装 选择触发源 通道优先级3.开启DMA控制 4.开启触发信号输出(如果需要硬件触发&…

在线报表设计器 ,FastReport Online Designer 2024.2新版本(下)

在上篇文章《在线报表设计器 ,FastReport Online Designer 2024.2新版本(上) 》中,我们已经介绍了部分在线设计器的新功能,这部分将继续为大家介绍其他新功能,欢迎查阅~ 报告设计器中的功能进行了大规模更…

对input输入框的正则限制

一、0-100的整数 正则&#xff1a; const inputRules ref([{required: false,trigger: "blur",validator: (rule, value, callback) > {const reg /^[0-9]$/; // 只允许整数if ((0 < value && value < 100 && reg.test(value)) ||valu…