【JetPack Compose】JetPack Compose简单介绍

2024-05-20 09:20:47

JetPack Compose学习笔记

B站视频地址：

一次搞定 Jetpack Compose，优先获得择偶权，更新中_哔哩哔哩_bilibili

对应视频选集 P1-P5

02-Jecpack Compose是什么与优势

它是2019 年 I/O 大会上公布的新的 UI 库，在21年年7月29发布它的正式版。

既然它是一个UI库，那就要和我们传统写UI的方式作对比了。

①传统写UI的方式：就是先在建立一个xml文件，在里面写好布局好，再回到Java文件（或者是Kotlin文件）里去把控件实例化出来后，再去调用。

②Compose这个库：或者说它是一个框架，它重新定义了Android UI的写法，不再使用xml文件了，而是直接在Kotlin文件（只支持Kotlin）里，写布局的代码。官方对Compose的评价是“让困难的事情变简单，让不可能的事情变得有可能”。

05-配置布局

弹幕：文字和图片再空一点点能好看点

所以代码如下：

    @Composablefun MessageCard(msg:Message){Row(modifier = Modifier.padding(all = 8.dp)) {Image(painter = painterResource(id = R.drawable.jetpack_compose),contentDescription = null,modifier = Modifier.size(40.dp).clip(CircleShape))Column (modifier = Modifier.padding(start = 8.dp)){Text(text = msg.author)Spacer(modifier = Modifier.height(4.dp))Text(text = msg.body)}}}

setContent里面调用，我们传入参数：

setContent {MessageCard(Message("Android","JetPack Compose"))}

最终效果：

一些解释：

使用 Column

Column 函数可让您垂直排列元素。向 MessageCard 函数中添加一个 Column。
您可以使用 Row 水平排列各项，并使用 Box 堆叠元素。

添加图片元素

下面我们来添加消息发送者的个人资料照片，以丰富消息卡片。使用 Resource Manager 从照片库中导入图片，或使用这张图片。添加一个 Row 可组合项，以实现良好的设计结构，并向该可组合项中添加一个 Image 可组合项。

配置布局

您的消息布局拥有良好的结构，但其元素的间距不合理，并且图片过大！为了装饰或配置可组合项，Compose 使用了修饰符。通过修饰符，您可以更改可组合项的大小、布局、外观，还可以添加高级互动，例如使元素可点击。您可以将这些修饰符链接起来，以创建更丰富的可组合项。您将使用其中一些修饰符来改进布局

【JetPack Compose】JetPack Compose简单介绍相关推荐

JetPack Compose简单介绍
它是2019 年 I/O 大会上公布的新的 UI 库,在今年下半年会发布它的正式版. 既然它是一个UI库,那就要和我们传统写UI的方式作对比了. ①传统写UI的方式:就是先在建立一个xml文件,在里面 ...
Jetpack All In Compose ？看各种Jetpack库在Compose中的使用
Jeptack Compose 主要目的是提高 UI 层的开发效率,但一个完整项目还少不了逻辑层.数据层的配合.幸好 Jetpack 中不少组件库已经与 Compose 进行了适配,开发者可以使用这些 ...
Android Jetpack组件之WorkManger使用介绍
1.前言最近简单看了下google推出的框架Jetpack,感觉此框架的内容可以对平时的开发有很大的帮助,也可以解决很多开发中的问题,对代码的逻辑和UI界面实现深层解耦,打造数据驱动型UI界面. A ...
Kaldi的简单介绍和基本使用说明
Kaldi的简单介绍和基本使用说明前言一.ASR简介 1.语音识别系统特征提取: 声学模型发音词典语言模型语音解码 2. ASR项目二.Kaldi简介三.Kaldi项目的结构四.Ka ...
遗传算法的简单介绍以及模式定理的简单证明
遗传算法遗传算法(Genetic Algorithm,GA),最早是由美国的John holland在20世纪70年代提出.算法通过模拟达尔文生物进化论的自然选择以及遗传学机理的生物进化过程来搜 ...
2021年大数据ELK（十八）：Beats 简单介绍和FileBeat工作原理
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 Beats 简单介绍和FileBeat工作原理一.Beats 二.FileB ...
2021年大数据ELK（十五）：Elasticsearch SQL简单介绍
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 Elasticsearch SQL简单介绍一.SQL与Elasticsear ...
2021年大数据ELK（二）：Elasticsearch简单介绍
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录系列历史文章一.Elasticsearch简介 1.介绍 2.创始人二.E ...
iOS开发UI篇—多控制器和导航控制器简单介绍
iOS开发UI篇-多控制器和导航控制器简单介绍一.多控制器一个iOS的app很少只由一个控制器组成,除非这个app极其简单.当app中有多个控制器的时候,我们就需要对这些控制器进行管理有多个vi ...
简单介绍一下R中的几种统计分布及常用模型
统计学上分布有很多,在R中基本都有描述.因能力有限,我们就挑选几个常用的.比较重要的简单介绍一下每种分布的定义,公式,以及在R中的展示. 统计分布每一种分布有四个函数:d――density(密度函数) ...

最新文章

热门文章