JetPack Compose系列教程
文章平均质量分 85
JetPack Compose系列教程
软件定制开发工作室
联系方式在每篇文章的最后名片
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Jetpack Compose系列教程之(18)——Pager组件的使用
从名字可以看出,Pager这个就是ViewPager的替代产物在Jetpack Compose里的,Pager根据方向,主要分为2个组件:这2个,一个是默认占满高度,一个是默认占满宽度,可以自行通过Modifier来修改尺寸。原创 2025-02-19 11:29:42 · 1460 阅读 · 0 评论 -
Jetpack Compose系列教程之(17)——ConstraintLayout约束布局使用
ConstraintSet对象就表明了当前的布局里的各组件的对齐关系,我们只需要构造ConstraintLayout的时候,传递此对象即可达到动态更新约束条件的效果!如果剩余空间大于根据内容自适应的尺寸时,实际尺寸为自适应的尺寸。如果剩余空间小于内容自适应的尺寸时,实际尺寸则为剩余空间的尺寸。下面的其他的方法也是如此,之后不再赘述。如果剩余空间小于固定值时,实际尺寸则为剩余空间的尺寸。2个组件,图片和文本,文本与图片的top和bottom对齐,位于图片的右侧,间距16dp。实际尺寸为根据内容自适应的尺寸。原创 2025-02-18 13:54:21 · 1463 阅读 · 0 评论 -
Jetpack Compose系列教程之(16)——Compose生命周期及副作用函数
此文建议需要了解kotlin的lambda表达式使用和协程基础使用,不然可能会有些阅读困难。Composable 组件都是函数,Composable 函数执行会得到一棵视图树,每一个 Composable 组件对应视图树上的一个节点。原创 2025-02-18 13:41:54 · 1720 阅读 · 0 评论 -
Jetpack Compose系列教程之(15)——实现父组件宽度和子组件一致
有个Column,我需要此Column的宽度与其里面的第一个子组件相同,而后面其他子组件宽度则是直接占满父组件宽度。利用Modifier.width(IntrinsicSize.Min)来实现。注: 下面演示的代码只是演示了背景(和上面给出的效果图不是一致的)原创 2025-02-17 14:08:58 · 520 阅读 · 0 评论 -
Jetpack Compose系列教程之(14)——Material Theme主题切换
需要注意的是,我们在MaterialTheme的组件里的其他Composable,布局得使用Surface,即可触发对应的字体颜色设置,图标颜色设置(更换主题的时候也会自动更换主题),用其他布局的@Composable,则无此自动更改颜色的效果。primary和onPrimary 意思是底部背景色为primary,而onPrimary对应的是背景上的文字或图标icon的颜色,其他几个主题色也是类似原理,不再赘述。而右上角,则可以快速导出主题文件(由于我们是Compose,所以选择导出compose即可)原创 2025-02-17 14:04:09 · 753 阅读 · 0 评论 -
Jetpack Compose系列教程之(13)——Navigation页面导航的使用
/这里获取传参过来数据//可以传入SettingPage中,然后在页面中使用数据,这里我就没写了这里上面,可以看到加了个{id}(有点类似Spring Boot里的接口写法),就是标明需要传参的意思这里实际上还可以声明类型,默认不写的话,就是说**id是String类型的**arguments这个变量实际上就是我们Intent中常用的Bundle,所以获取数值的是调用了getString()方法。原创 2025-02-16 13:14:30 · 2511 阅读 · 0 评论 -
Jetpack Compose系列教程之(12)——使用BOM管理依赖版本
BOM为Bill of Material的缩写原本是制造业中的一个概念,比如组装一个手机,BoM包括屏幕、手机壳、芯片、主板、电池等,按照既定的物料清单采购好配件,工厂进行组装生产对于我们开发者来说, 有什么作用的?举个例子,像compose的一系列依赖,版本众多,更新且又频繁,且又相互有所依赖,对于我们开发来说,理清这些层层次次关系足以头大,然后还有个致命问题,我们几个库使用不同版本,可能还会导致编译直接报错,出现依赖版本等冲突问题。原创 2025-02-15 15:31:25 · 502 阅读 · 0 评论 -
Jetpack Compose系列教程之(11)——列表控件(LazyRow和LazyColumn)
经过前面的学习,大致上已掌握了compose的基本使用了,本篇继续进行扩展,讲解下载Compose中的列表控件LazyRow和LazyColumn之前已经讲过可以通过Modifier属性将Row和Column组件改造为可滑动的但是如果你需要显示大量的项目(或一个未知长度的列表),使用像 Column 这样的布局会导致性能问题,因为所有的项目都会被组合和布局,无论它们是否可见。原创 2025-02-15 15:24:12 · 1679 阅读 · 0 评论 -
Jetpack Compose系列教程之(10)——State及remeber
之前我们使用TextField,使用到了两个关键字remember和,这两个是做什么用的呢?本篇特来补充说明下。原创 2025-02-14 09:10:31 · 1173 阅读 · 0 评论 -
Jetpack Compose系列教程之(9)——Material Design组件Scaffold及底部导航菜单
Compose给我们提供了一个样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件。原创 2025-02-14 08:27:35 · 1332 阅读 · 0 评论 -
Jetpack Compose系列教程之(8)——关于Modifier的妙用
之前学习记录中也是陆陆续续地将常用的Modifier的方法穿插进去了,本期就来详细的讲解下关于modifier的使用限于篇幅,我是以常用的属性来讲解,漏讲了一些请见谅,毕竟方法真的太多了,之后可能有用的新的效果,会穿插地讲些。原创 2025-02-13 22:23:12 · 1383 阅读 · 0 评论 -
Jetpack Compose系列教程之(7)——常用的布局和容器
此外,提及下,如果想使用像ListView或RecyclerView那样的列表组件,在Compose中可以使用LazyRow或LazyColumn,这部分内容之后会讲解到,敬请期待。补充下,Row本身是不支持滚动的(Column同理),但是想要滚动的话,可以使用Modifier.horizontalScroll()来实现,代码如下。Spacer,直接翻译的话,应该是空格,其主要就是充当margin的作用,一般使用modifier修饰符来设置宽高占位来达到margin效果。的特性一样,是按顺序排的。原创 2025-02-13 17:10:28 · 987 阅读 · 0 评论 -
Jetpack Compose系列教程之(6)——登录页的美化
本篇主要讲解常用的布局,会与原生Android的布局控件进行对比说明,请确保了解Android原生基本布局的知识,否则阅读文章会存在有难度之前我也是在第一篇()中的入门实现了一个简单的登录页面,也是有读者评论说我界面太丑了💢,当时入门便是想整的简单些,今天我便是实现美化来学习下布局的相关使用,这位同学看好了哦!😏。原创 2025-02-12 12:00:49 · 1548 阅读 · 0 评论 -
Jetpack Compose系列教程之(5)——Image(图片)使用及Coil图片异步加载库使用
本篇讲解下关于Image的使用及使用Coil开源库异步加载网络图片显示。原创 2025-02-12 11:35:35 · 1551 阅读 · 0 评论 -
Jetpack Compose系列教程之(4)——输入框(TextField)
这个有点类似之前原生的inputType,可以改变输入的字符串(如密码或者是输入手机号时候多个-),不过官方目前只实现了。获得输入焦点,顶头的文字提示,接收一个组件的lambda表达式,一般传Text,示例代码如下。其实也很简单,设置个可观察的boolean值,点击图标改变数值即可,具体可参考下面代码。我们如果想实现Android那种带有个图标,点击可以显示密码的输入框,该怎么实现呢?是超级原生的输入框,其什么样式都没有,可以让我们进行高度的自定义**,而。> - 默认样式为填充。,其他的需要我们自定义。原创 2025-02-11 17:19:11 · 1589 阅读 · 0 评论 -
Jetpack Compose系列教程之(3)——图标(Icon) 按钮(Button)
本篇分别对常用的组件:图标(Icon) 按钮(Button) 输入框(TextField)的使用方法及各参数使用进行讲解,参考了不少文章,且费了不少时间去时间去一一实践,希望对各位带来些帮助 😊。原创 2025-02-11 09:55:19 · 1847 阅读 · 0 评论 -
Jetpack Compose系列教程之(2)——文本(Text)的使用
本篇涉及到Kotlin和DSL特性的使用 若不了解的话可能会造成代码阅读困难,阅读前确保你有上述基础知识!!!原创 2025-02-10 16:16:54 · 1467 阅读 · 0 评论 -
Jetpack Compose系列教程之(1)——从登录页开始入门
Jetpack Compose 是一个用于构建原生 Android UI 的现代工具包。Jetpack Compose 用更少的代码、强大的工具和直观的 Kotlin API 简化并加速了 Android 上的 UI 开发。使用了声明式来编写UI,本质上就是用代码写布局,这里说的代码不是特指,主要是与html、xml等标识语言进行区别,在xml等语言中,我们无法使用if或循环等结构体来构造UI,而JetCompose Compose 而可以实现这点,这样会让我们布局更加灵活。原创 2025-02-10 15:09:29 · 1314 阅读 · 0 评论 -
Jetpack Compose系列教程之(0)——相关资源网站收集
PS:上面链接可能不能显示,这都要“归功于CSND”,据说前段时间很多同学发表了带链接的博文之后,整个账号都被永久封号了 ==||compose博物馆。compose博物馆。compose博物馆。原创 2025-02-09 23:36:13 · 306 阅读 · 0 评论 -
2025年最新Android安卓学习路线(建议收藏[特殊字符])
许多人提倡 App 使用 单 Activity + 多个 Fragment 的组合,可见 Fragment 在开发中的重要性,但是 Fragment 的管理又是一门技术,Fragment 的坑,只能在实际开发中慢慢填平了,不过下面的 Fragment 基础还是要牢固。Android Studio 作为 Android 默认的开发者工具,目前的版本更新已经解决了诸多之前的性能问题,虽然目前对硬件资源的要求仍然比较高,但是一旦你接受了这个设定,真香预警!技术规划则可以给你一个明确的学习目标,做好一年的规划,原创 2025-02-09 23:15:32 · 2163 阅读 · 0 评论
分享