
Jetpack Compose
文章平均质量分 86
Jetpack Compose新的UI设计库
seevc
喜欢运动,热爱编码
展开
-
Jetpack Compose动画
前面讲到布局基础和图像绘制,本篇来讲下Jetpack Compose动画。介绍动画主要从下图中几点进行讲解一、内容动画与布局内容变化相关的几种动画,官方称之为高级别动画API。AnimatedVisibility,实验性功能,可组合项可为内容的出现和消失添加动画效果;AnimatedContent,实验性功能,可组合项在内容根据目标状态发生变化时,添加内容的动画效果;AnimateContentSize,可组合项内容大小发生变化动画;Crossfade,可组合项的淡入淡出;Animat原创 2022-03-10 15:03:25 · 4396 阅读 · 0 评论 -
Jetpack Compose之手势使用
前言在一个应用中用户的交互操作非常多,如:点击、滑动、拖动等,这些操作统统离不开手势。在正式介绍Compose手势前,我们先来了解下Jetpack Compose手势整体框架,做到心中有图。一、点击这个含义都懂就不解释,实现点击采用的修饰符clickable,如下:@Composableprivate fun GestureOfClick(){ var colorState by remember { mutableStateOf(false) } Box(modifier =原创 2022-03-01 15:39:52 · 779 阅读 · 0 评论 -
Jetpack Compose布局(四) - ConstraintLayout
前面几篇中介绍了布局相关的:布局基础知识、Material组件和布局、自定义布局。本篇我们继续来介绍下布局的最后一个知识点:Compose中使用ConstraintLayout。ConstraintLayout 有助于根据可组合项的相对位置将它们放置在屏幕上,在使用多个嵌套 Row、Column、Box 和自定义布局元素时可用该布局替代。在实现对齐要求比较复杂的较大布局时,ConstraintLayout 很有用。类似Android View系统中的ConstrantLayout布局。使用Compo原创 2022-02-08 11:34:41 · 1965 阅读 · 0 评论 -
Jetpack Compose布局(三) - 自定义布局
在上篇《Jetpack Compose技术快速上手》一文中简单介绍了Compose,那么这边我们就来学习下Compose的布局。由于布局这块涉及内容较多,会分开写。布局主要包括:布局基础知识、Material组件和布局、自定义布局、Compose中使用ConstraintLayout。自定义布局涉及的知识点:Compose布局的过程在 Compose 中,界面元素由可组合函数表示,此类函数在被调用后会发出一部分界面,这部分界面随后会被添加并呈现在屏幕上的界面树中。每个界面元素都有一个父元素,还可原创 2022-02-07 14:52:08 · 1211 阅读 · 0 评论 -
Jetpack Compose技术快速上手
一、什么是Compose?Jetpack Compose 是Google新推出的用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发,使用更少的代码、强大的工具和直观的Kotlin API,快速让应用生动而精彩。二、Compose的优势更少的代码在Android View系统,实现一个功能需要有XML和Kotlin/Java两部分,而在Compose中不需要拆分两部分,所有代码都使用同一种语言编写并且位于同一个文件中,往往复杂的功能几行代码就能搞定,因此Com原创 2022-02-07 11:28:09 · 1242 阅读 · 0 评论 -
Jetpack Compose布局(一) - 布局基础知识
在上篇《Jetpack Compose技术快速上手》一文中简单介绍了Compose,那么这边我们就来学习下Compose的布局。由于布局这块涉及内容较多,会分开写。布局主要包括:布局基础知识、Material组件和布局、自定义布局、Compose中使用ConstraintLayout。本文重点讲解布局基础知识。主要涉及:可组合函数、标准布局元素、基本组件、布局模型、修饰符、槽位布局。如下图:可组合函数可组合函数是 Compose 的基本构建块,返回值是 Unit 的函数,用于描述界面中的某一部原创 2022-02-07 11:14:18 · 1801 阅读 · 0 评论 -
Jetpack Compose布局(二) - Material组件和布局
在上篇《Jetpack Compose技术快速上手》一文中简单介绍了Compose,那么这边我们就来学习下Compose的布局。由于布局这块涉及内容较多,会分开写。布局主要包括:布局基础知识、Material组件和布局、自定义布局、Compose中使用ConstraintLayout。本文重点讲解Material组件和布局。主要涉及:Material中常用组件和Material布局。如下图:Material中常用组件常用组件包括:按钮、文字 Text、输入框、图标 Icon、分割线 Divid原创 2022-02-07 11:18:49 · 3554 阅读 · 1 评论