Jetpack Compose
文章平均质量分 91
Jetpack Compose从入门到入门
唯鹿
Android、Flutter
展开
-
Jetpack Compose 从入门到入门(十)
本篇介绍如何将添加到已有应用中,毕竟大多数情况都是在现有项目中使用。原创 2022-10-06 15:28:23 · 2326 阅读 · 3 评论 -
Jetpack Compose 从入门到入门(一)
Jetpack Compose 是用于构建原生 Android 界面的新工具包。它使用更少的代码、强大的工具和直观的 Kotlin API,可以帮助您简化并加快 Android 界面开发,打造生动而精彩的应用。它可让您更快速、更轻松地构建 Android 界面。Jetpack Compose 1.0发布也有一段时间,虽然了解的比较早,但并没有系统的去学习过。因为写过Flutter,所以我个人是很喜欢这种声明式编程。所以接下来准备好好学一下,同时记录下来。标题叫从入门到入门,可不是你搁这搁这呢。。。主.原创 2021-11-26 08:00:00 · 6199 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(二)
开始布局部分。这部分我个人感觉没有必要每个组件、属性都详细说到,否则篇幅会很长。建立起Compose中的组件与 Android Views的一个对应关系就够了。具体还是需要在实际的使用中去熟悉。1. Column子元素按竖直顺序排列,相当于竖直方向的LinearLayout。@Composableinline fun Column( modifier: Modifier = Modifier, verticalArrangement: Arrangement.Vertical = A原创 2021-12-23 18:10:14 · 4870 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(三)
本篇开始介绍Jetpack Compose 中的修饰符Modifier。修饰符可以用来执行以下操作:更改可组合项的大小、布局、行为和外观。添加信息,如无障碍标签。处理用户输入。添加高级互动,如使元素可点击、可滚动、可拖动或可缩放。1.常用修饰符下面先介绍一些常用的方法:alpha(alpha: Float):设置透明度,范围0到1。background(color: Color, shape: Shape?):设置背景色,shape可以指定形状,例如可以使用RoundedCornerS原创 2022-01-17 10:05:17 · 5125 阅读 · 4 评论 -
Jetpack Compose 从入门到入门(四)
本篇开始介绍Jetpack Compose 中常用的组件。有一部分之前的文章中也出现过,今天详细说明一下。1. Text日常最常用的应该就是显示文字,所以有必要说一下Text控件。首先源码如下:@Composablefun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecifi原创 2022-02-27 20:15:56 · 2462 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(五)
应用中的状态是指可以随时间变化的任何值。这是一个非常宽泛的定义,从 Room 数据库到类的变量,全部涵盖在内。由于Compose是声明式UI,会根据状态变化来更新UI,因此状态的处理至关重要。这里的状态你可以简单理解为页面上展示的数据,那么状态管理就是处理数据的读写。原创 2022-03-27 22:15:37 · 4170 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(六)
本篇说说Compose中的Canvas。1. Canvas@Composablefun Canvas( modifier: Modifier, onDraw: DrawScope.() -> Unit) = Spacer(modifier.drawBehind(onDraw))modifier:这里主要作用是指定画布的大小。onDraw就是执行具体的绘制。可以看到它提供了一个绘图环境的作用域 DrawScope,这里提供有我们经常使用的绘图api和属性,比如drawLine、siz原创 2022-04-30 19:37:27 · 2325 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(七)
本篇进入Compose 动画部分。1.动画预览在本系列第一篇中我们提到过,@Preview可以帮我们实现UI的预览功能,简单的交互和播放动画。在Android Studio Bumblebee(大黄蜂)中你可以开启动画的预览,但是只支持少部分API。前几天Android Studio 稳定版更新到了Chipmunk(花栗鼠),开始支持 animatedVisibility 的动画预览,这里也建议你将 Compose 升至 1.1.0 或更高版本,可以体验更完整的内容。提示:本篇使用Compose原创 2022-05-23 22:15:41 · 1600 阅读 · 0 评论 -
Jetpack Compose 从入门到入门(八)
接着上一篇的动画部分,本篇主要是自定义动画与Animatable。原创 2022-07-29 23:19:48 · 2064 阅读 · 2 评论 -
Jetpack Compose 从入门到入门(九)
本篇是Compose的手势部分。原创 2022-08-28 19:22:21 · 2099 阅读 · 0 评论