开发原生安卓对padding的理解相信对一个成熟的android开发者是非常熟悉的,但是在申明式UI的大背景下,padding却没有了原有的意思,取而代之的只留白的思想,所以本文对Modifier下的padding进行一下分析理解
首先看下面两段代码:
代码一:
Text(
text = "这是一个textView",
textAlign = TextAlign.Center,
fontFamily = FontFamily.Cursive,
modifier = Modifier
.wrapContentWidth()
.wrapContentHeight()
.clip(RoundedCornerShape(20))
.background(Color.Red)
.padding(20.dp),
color = Color.White,
fontSize = 14.sp,
)
代码二:
Text(
text = "这是一个textView",
textAlign = TextAlign.Center,
fontFamily = FontFamily.Cursive,
modifier = Modifier
.wrapContentWidth()
.wrapContentHeight()
.clip(RoundedCornerShape(20))
.padding(20.dp)
.background(Color.Red),
color = Color.White,
fontSize = 14.sp,
)
会出现两个不同的结果:
效果一:

效果二:

难道bg与padding的顺序不一样,呈现的效果不一样?
答案确实是这样的:bg的顺序与padding的顺序不一样,呈现的效果确实不一样,这需要明白链式调用渲染的道理
首先我们来看官方对padding的定义是什么?

大致看了一下与android中padding似乎都是同一个意思,就是留出空白,但是这里基准是元素本身(废话)
链式调用渲染的逻辑就是一层层的进行分割渲染,在compose中没有了margin的概念,也没有了android xml中padding内边距的概念,所以这里的padding只有一个概念就是留白,这里的白并不是指的白色,而是原来是什么颜色就是留这个颜色。
要理解这个概念可以先来看下面这段代码:
Text(
text = "这是一个textView",
textAlign = TextAlign.Center,
fontFamily = FontFamily.Cursive,
modifier = Modifier
.padding(20.dp)
.wrapContentWidth()
.wrapContentHeight()
.background(Color.Red)
.clip(RoundedCornerShape(20)),
color = Color.White,
fontSize = 14.sp,
)

将padding放在了设置宽高之前,所以呈现出来的就有了上面的类似于android xml中的margin效果,这里可以这样来理解:
基于元素本身是置顶的,这个时候先进行了padding,所以在元素周围都留出了20dp的空间,由于物理屏幕是不可变的,怎样来展现这20dp的空间呢?那就直接把组件向下移动20dp,左右也拓展20dp,这样就形成了原生android中的margin现象
进行下面的代码验证:
Text(
text = "这是一个textView",
textAlign = TextAlign.Center,
fontFamily = FontFamily.Cursive,
modifier = Modifier
.padding(20.dp)
.wrapContentWidth()
.wrapContentHeight()
.background(Color.Red)
.padding(20.dp)
.clip(RoundedCornerShape(20)),
color = Color.White,
fontSize = 14.sp,
)
呈现出来的效果如下:

继续来分析理解,可以这样来看待这个结果:
首先进行了padding,所以出现了上一次的情况,整个组件向下移动了20dp,这个时候再进行background,是基于元素的background,所以元素空间变成了红色,然后再进行了padding,因为上一次元素空间已经变成了红色,所以再进行padding的时候继续向四周拓展20dp,所以出现了红色块左右上下都拓宽了20dp,这个时候加上原来的20dp总共就是40dp,所以元素看着向下移动了40dp,左右两边其实都预留了40dp出来,只是物理屏幕看不出来而已
虽然没有margin的概念,在讲解中也只是用到了padding的all属性,但是并不是没有设置左右上下的具体属性,可以通过以上的概念方式加上自定义的属性使用进行业务的扩展,例如源码中的PaddingValues进行具体的设定。

进过上面的讲解,应该对compose中的padding有来一个全新的认识,并不是android原生中的padding内边距的概念,也没有了margin的概念,但是这样的设计既解决了内边距也解决了margin的功能,一举两得,所以在使用padding的时候一定要根据业务的需求进行顺序的链式调用才能真正的做到padding灵活运用
最近在学习CAN,记录一下,也供大家参考交流。推荐几个我觉得很好的CAN学习,本文也是在看了他们的好文之后做的笔记首先是瑞萨的CAN入门,真的通透;秀!靠这篇我竟然2天理解了CAN协议!实战STM32F4CAN!原文链接:https://blog.csdn.net/XiaoXiaoPengBo/article/details/116206252CAN详解(小白教程)原文链接:https://blog.csdn.net/xwwwj/article/details/105372234一篇易懂的CAN通讯协议指南1一篇易懂的CAN通讯协议指南1-知乎(zhihu.com)视频推荐CAN总线个人知识总
Transformers开始在视频识别领域的“猪突猛进”,各种改进和魔改层出不穷。由此作者将开启VideoTransformer系列的讲解,本篇主要介绍了FBAI团队的TimeSformer,这也是第一篇使用纯Transformer结构在视频识别上的文章。如果觉得有用,就请点赞、收藏、关注!paper:https://arxiv.org/abs/2102.05095code(offical):https://github.com/facebookresearch/TimeSformeraccept:ICML2021author:FacebookAI一、前言Transformers(VIT)在图
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭3年前。Improvethisquestion我正处于学习Ruby的阶段,我想查看一些小型库的源代码以了解它们是如何构建的。我不知道什么是小型图书馆,但希望SO能推荐一些易于理解的图书馆来学习。因此,如果有人知道一两个非常小的库,这是新手Rubyists学习的好例子,请推荐!我想使用Manveru'sInnatelib,因为它试图保持在2000LOC以下,但我还不熟悉其中经常使用的Ruby速记。也许大约100-5
由于匿名block和散列block看起来大致相同。我正在玩它。我做了一些严肃的观察,如下所示:{}.class#=>Hash好的,这很酷。空block被视为Hash。print{}.class#=>NilClassputs{}.class#=>NilClass为什么上面的代码和NilClass一样,下面的代码又显示了Hash?puts({}.class)#Hash#=>nilprint({}.class)#Hash=>nil谁能帮我理解上面发生了什么?我完全不同意@Lindydancer的观点你如何解释下面几行:print{}.class#NilClassprint[].class#A
我很难理解Ruby中sender和receiver的实际含义。它们一般是什么意思?到目前为止,我只是将它们理解为方法调用和获取其返回值的调用。但是,我知道我的理解还远远不够。谁能给我一个Ruby中发送者和接收者的具体解释? 最佳答案 面向对象中的一个核心概念是消息传递和早期概念化,这在很大程度上借鉴了计算的Actor模型。艾伦·凯(AlanKay)创造了面向对象一词并发明了最早的OO语言之一SmallTalk,他拥有voicedregretatusingatermwhichputthefocusonobjectsinsteadofo
rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:
我在某些代码中遇到了三元组,但我无法理解条件:str.split(/',\s*'/).mapdo|match|match[0]==?,?match:"somestring"end.join我确实理解我是在某些点上拆分字符串并将总结果转换为数组,然后依次处理数组的每个元素。除此之外,我不知道发生了什么。 最佳答案 一种(稍微)不那么令人困惑的写法是:str.split(/',\s*'/).mapdo|match|ifmatch[0]==?,matchelse"somestring"endend.join我认为多行三元语句很糟糕,尤其是
有没有人成功地将S3存储桶读取为子文件夹?文件夹1--子文件夹2----文件3----文件4--文件1--文件2文件夹2--子文件夹3--文件5--文件6我的任务是读取文件夹1。我希望看到子文件夹2、文件1和文件2,但看不到文件3或文件4。现在,因为我将存储桶键限制为prefix=>'folder1/',你仍然会得到file3和4,因为它们在技术上具有folder1前缀。似乎真正做到这一点的唯一方法是吸收folder1下的所有键,然后使用字符串搜索从结果数组中实际排除file3和file4。有没有人有过这方面的经验?我知道像Transmit和Cyberduck这样的FTP风格的S3
关于yolov5训练时参数workers和batch-size的理解yolov5训练命令workers和batch-size参数的理解两个参数的调优总结yolov5训练命令python.\train.py--datamy.yaml--workers8--batch-size32--epochs100yolov5的训练很简单,下载好仓库,装好依赖后,只需自定义一下data目录中的yaml文件就可以了。这里我使用自定义的my.yaml文件,里面就是定义数据集位置和训练种类数和名字。workers和batch-size参数的理解一般训练主要需要调整的参数是这两个:workers指数据装载时cpu所使
我在理解GrapeAPI时遇到很多困难,特别是route_param以及它如何仅使用params。考虑这段代码:desc"Returnastatus."paramsdorequires:id,type:Integer,desc:"Statusid."endroute_param:iddogetdoStatus.find(param[:id])endend这个街区产生什么路线?我知道这是一个get请求,但为什么它被包裹在route_paramblock中?为什么它不能在paramsblock中? 最佳答案 你的block产生这条路线: