JetPack Compose系列之Modifier

234 阅读1分钟

compose-roadmap.svg

前言

如何快速高效的掌握一门学问,建议先阅读下这篇文章关于学习的一些看法

码字不易,记得关注+点赞+收藏

该系列的其他文章:JetPack Compose系列之总览

概述

Modifier elements 是一个有序的、不可变的修饰符元素集合,用于装饰或添加Compose UI元素的行为。

Modifier主要负责以下4个大类的操作:

  • 更改装饰,如大小布局行为和外观
  • 添加行为,如点击滚动拖动缩放
  • 添加信息,如无障碍标签
  • 处理用户输入

常用属性

1、size (更改组件的大小)

  • fillMaxSize(fraction: Float = 1f):

    宽高填充满父布局 (相当于原生xml中的match_parent),参数fraction:控制比例,默认是1f,表示填充满父布局,例如0.5f表示当前元素占父布局的一半。

  • wrapContentSize(align: Alignment = Alignment.Center,unbounded: Boolean = false):

    根据子级元素的宽高来确定自身的宽高,如果自身设置了最小宽高的话则会被忽略。当unbounded参数为true的时候,自身设置了最大宽高的话也会被忽略。

fillMaxSize
size(size: Dp)//同时设置宽高
size(width: Dp, height: Dp)//设置宽高
size(size: DpSize)//设置宽高属性属性

1、更改大小