Day 5 Compose UI Row Layout + Position

今年的疫情蛮严重的，希望大家都过得安好，希望疫情快点过去，能回到一些线下技术聚会的时光～

今天目标：了解 Row 的应用、如何设定UI元件位置

Row 是 Compose UI 上用来显示每一列的 UI 元件，跟昨天的 Column 刚好是个互相匹配的存在，如下图。

今天的部分就这样，讲完收工。

没有啦！开玩笑的。
那如果我今天想要把 Column 跟 Row 交叉使用後，会有哪些结果呢？
先 Column 後 Row

先 Row 後 Column

可以看到 Compose UI 是可以帮你把显示的位置按照网格(Grid)的方式排列显示好的。

接着今天，我想把显示的从左上角搬到画面中间，该怎麽办呢？

原来是要在 Column 的引数上加上
modifier, verticalArrangement, horizontalAlignment 的设定值即可，
相当於之前Android 的 xml里面的 layout_width, layout_weight, layout_gravy 等等的设定值。

这些设定值的内容非常的多，我就不在此一一阐述，有参考文件在最後。
我觉得这部分也是不论新人，或是原本已有开发经验的人转过来所必须经过的槛。
大家也可试试
modifier = Modifier.fillMaxHeight(), modifier = Modifier.fillMaxWidth()
或是 verticalArrangement = Arrangement.Top , Arrangement.Bottom, Arrangement.Top
以及 horizontalAlignment = Alignment.Start, horizontalAlignment = Alignment.End

有什麽差异，这边我就卖个关子，哈哈！

因为自己实作才会记得比较快～
今天就到这边罗～明天见！

参考文件：https://cdmana.com/2021/08/20210816135841992c.html

本文同步发表在 medium 上 文章连结