android Compose Modifier介绍

常用修饰符

1.Modifier.size

 Image(painter = painterResource(id = R.mipmap.head),contentDescription = null,modifier = Modifier.size(60.dp).clip(CircleShape).background(color = Color.Gray))

2.Modifier.background

（1）.纯色背景

Box(modifier = Modifier.size(100.dp).background(color = Color.Red)) {Text(text = "纯色", Modifier.align(Alignment.Center))}

（2）.渐变色背景

Box(modifier = Modifier.size(200.dp).background(brush = customBrush)) {Text(text = "渐变色", Modifier.align(Alignment.Center))}//Brush.verticalGradient 垂直方向渐变
//Brush.linearGradient  左上角到右下角方向渐变
//Brush.horizontalGradient 水平方向渐变
//Brush.radialGradient     环形圆圈形状从里到外渐变
//Brush.sweepGradient      环形渐变val customBrush = Brush.radialGradient(colors = listOf(Color.Red, Color.Yellow, Color.Green, Color.Blue)
)

3.Modifier.fillMaxSize

   Box(modifier = Modifier.fillMaxWidth().background(Color.Yellow))Box(modifier = Modifier.fillMaxHeight().background(Color.Yellow))Box(modifier = Modifier.fillMaxSize().background(Color.Yellow))

4.Modifier.border() ,Modifier.padding

边框和边距

  //Border,paddingBox(modifier = Modifier.padding(8.dp)//外间隙.border(width = 2.dp, Color.Red, RoundedCornerShape(2.dp))//边框.padding(8.dp)//内间隙) {Spacer(modifier = Modifier.size(width = 100.dp, height = 10.dp).background(Color.Red))}

5.Modifier.offset 移动组件，根据偏移量x，y移动

    //offset//只显示移动后位置boxBox(modifier = Modifier.size(100.dp).offset(x = 200.dp,y = 150.dp).background(Color.Red))//移动offset前设置了背景色和移动后设置了背景色，将显示两个不同颜色和不同位置boxBox(modifier = Modifier.size(100.dp).background(Color.Red).offset{IntOffset(200.dp.roundToPx(),150.dp.roundToPx())}.background(Color.Blue))//只显示一个移动后boxBox(modifier = Modifier.size(100.dp).offset { IntOffset(200.dp.roundToPx(), 150.dp.roundToPx()) }.background(Color.Blue))

6.Modifier.matchParentSize()

只能在Box中使用的作用域限定修饰符，可以保证跟父组件尺寸相同，父组件是warpContent，效果是warpContent。

如果使用fillMaxSize设置，组件将被设置为父组件所允许的最大尺寸，会导致背景铺满整个屏幕。

7.Modifier.weight(1f)

设置权重，只能作用于Row和Column中效果于xml设置相同。

android Compose Modifier介绍相关推荐

Android Compose——一个简单的Bilibili APP
Bilibili移动端APP 简介依赖效果登录效果 WebView 自定义TobRow的Indicator大小首页推荐 LazyGridView使用Paging3 热门排行榜搜索模糊 ...
Android Compose 权限请求
Android Compose 权限请求在Compose中以往的权限请求方式就不再适用了.因此我在使用过程中发现了一种非常简单优雅的权限申请方法. 全部代码见Github Shanyaliux/Co ...
Android Compose Bloom 项目实战 (一) : 项目说明与配置
1. 项目介绍 Bloom是谷歌 AndroidDevChallenge (Android 开发挑战赛) 中的一期活动,目的是为了推广Compose,非常适合用来练手,通过这个项目,我们可以很好的入门 ...
Android~Compose脚手架和Toast
系列文章目录 Android~Compose初探 Android~Compose之自定义View Android~Compose相关概念总结 Android~Compose脚手架和Toast Andr ...
Android Fragment 基本介绍
Android Fragment 基本介绍 Android Fragment 基本介绍 Fragment Android是在Android 3.0 (API level 11)开始引入Fragment ...
Android Pmem相关介绍
http://fangjian0518.blog.163.com/blog/#m=0 Android Pmem相关介绍 2011-10-18 09:40:26| 分类: Android PMEM | ...
Kotlin on Android 开发环境介绍
Kotlin 被 Google 采纳为 Android 开发一级编程语言,到现在也一年多了,我们团队从去年 10 月份开始部分项目尝试用 Kotlin 开发,到现在决定推广到全部项目,因为一旦用上 K ...
Android AIDL使用介绍(3) 浅说AIDL背后的Binder
1.背景在前面的博客中,我们已经学会了使用AIDL进行跨进程通信,AIDL的使用比较简单,可实际上跨进程通信是一个相当复杂的过程,例如进程A是怎么找到进程B的,如果有一个进程C冒充进程A,进程B又该 ...
Android AIDL使用介绍（2）自定义数据类型的传递
1.背景默认情况下,AIDL只支持下列数据类型: Java八种基础数据类型(如 int.long.char.boolean 等); String字符串: CharSequence字符序列: List ...

android Compose Modifier介绍

常用修饰符

1.Modifier.size

2.Modifier.background

3.Modifier.fillMaxSize

4.Modifier.border() ,Modifier.padding

5.Modifier.offset 移动组件，根据偏移量x，y移动

6.Modifier.matchParentSize()

7.Modifier.weight(1f)

android Compose Modifier介绍相关推荐

最新文章

热门文章