原文:Jetpack Compose学习(5)--从登录页美化开始学习布局组件使用 | Stars-One的杂货小窝 本篇主要讲解常用的布局,会与原生Android的布局控件进行对比说明,请确保了解Android原生基本布局的知识,否则阅读文章会存在有难度 之前我也是在第一篇中的入门实现了一个简单的登录页面,也是有读者评论说我界面太丑了 当时入门便是想整的简单些,今天我便是实现美化来学习下布局的相关使用,这位同学看好了哦! 本系列以往文章请查看此分类链接Jetpack compose学习 登录页…

原文地址:Jetpack Compose学习(10)--使用Compose物料清单BOM,更好管理依赖版本 - Stars-One的杂货小窝 本期讲解下关于Android推出的BOM来简化我们添加compose依赖过于繁杂的问题 本系列以往文章请查看此分类链接Jetpack compose学习 介绍 BOM为Bill of Material的缩写 原本是制造业中的一个概念,比如组装一个手机,BoM包括屏幕.手机壳.芯片.主板.电池等,按照既定的物料清单采购好配件,工厂进行组装生产 对于我们开发者…

原文地址:Jetpack Compose学习(1)--从登录页开始入门 | Stars-One的杂货小窝 Jetpack Compose UI在前几天出了1.0正式版,之前一直还在观望,终于是出了正式版 趁着无事,来篇入门教程,希望给各位一点参考 注:由于compose UI使用了kotlin的DSL语言特性,所以需要熟悉Kotlin Jetpack Compose介绍 Jetpack Compose 是一个用于构建原生 Android UI 的现代工具包.Jetpack Compose 用更少…

原文地址: Jetpack Compose学习(3)--图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 本篇分别对常用的组件:图标(Icon) 按钮(Button) 输入框(TextField)的使用方法及各参数使用进行讲解,参考了不少文章,且费了不少时间去时间去一一实践,希望对各位带来些帮助 本系列以往文章请查看此分类链接jetpackcompose学习 图标Icon使用 Icon接收三种参数,如下图 //第一种就不多说,就是一个…

Jetpack Compose学习(7)--MD样式架构组件Scaffold及导航底部菜单 | Stars-One的杂货小窝 Compose给我们提供了一个Material Design样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面 本系列以往文章请查看此分类链接Jetpack compose学习 由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件 TopAppBar 首先,便是TopAppBar,其本质就是我们Android…

原文: Jetpack Compose学习(2)--文本(Text)的使用 | Stars-One的杂货小窝 对于开发来说,文字最为基础的组件,我们先从这两个使用开始吧 本篇涉及到Kotlin和DSL特性的使用 若不了解的话可能会造成代码阅读困难,阅读前确保你有上述基础知识!!! 本系列以往文章请查看此分类链接jetpackcompose学习 基础使用 @Preview(showBackground = true) @Composable fun textDemo() { ComposeDemo…

原文地址 Jetpack Compose学习(4)--Image(图片)使用及Coil图片异步加载库使用 | Stars-One的杂货小窝 本篇讲解下关于Image的使用及使用Coil开源库异步加载网络图片显示 本系列以往文章请查看此分类链接Jetpack compose学习 Image使用 首先,先看下参数 fun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, align…

原文: Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝 之前学习记录中也是陆陆续续地将常用的Modifier的方法穿插进去了,本期就来详细的讲解下关于modifier的使用 限于篇幅,我是以常用的属性来讲解,漏讲了一些请见谅,毕竟方法真的太多了,之后可能有用的新的效果,会穿插地讲些 本系列以往文章请查看此分类链接Jetpack compose学习 基本使用 我们直接以个简单的例子讲解下使用,设置Box布局的宽高各100dp,且内边距为16…

原文地址: Jetpack Compose学习(8)--State状态及remeber关键字 - Stars-One的杂货小窝 之前我们使用TextField,使用到了两个关键字remember和mutableStateOf,这两个是做什么用的呢?本篇特来补充说明下 mutableStateOf 之前也说过,compose是MVVM模式的一种实现,UI界面依赖数据,数据改变即改变UI 这里需要去监听数据,当数据发生改变才会触发UI渲染,改变UI Android官方将上面这种情况称之为重组,我个人…

原文:Jetpack Compose学习(9)--Compose中的列表控件(LazyRow和LazyColumn) - Stars-One的杂货小窝 经过前面的学习,大致上已掌握了compose的基本使用了,本篇继续进行扩展,讲解下载Compose中的列表控件LazyRow和LazyColumn 之前也是讲解Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝,可以通过Modifier属性将Row和Column组件改造为可滑动的 但是如果你需…