Jetpack Compose：脚手架简单应用

本文展示了 Scaffold 的一个简单的基本用法，更多用法请看官方文档一、Scaffold 脚手架@OptIn(ExperimentalMaterialApi::class)@Composablefun Scaffold() { // BottomBar 当前选择项 var selec

发布于 2023-01-27

Jetpack Compose：约束布局

一、ConstraintLayout约束布局，使用前需要导入相应的依赖：implementation "androidx.constraintlayout:constraintlayout-compose:1.0.1"ConstraintLayou 最新版查询：https://d

发布于 2022-10-08

Jetpack Compose：线性布局与帧布局

发布于 2022-10-08

Jetpack Compose：对话框组件

一、Dialog对话框，content 参数允许我们传入自定义的 Composable 组件。它和普通的 Composable 组件不同在于其需要依赖独立的 Window 来进行显示。下面代码演示了点击按钮后显示对话框：var openDialog by remember { mutableStat

发布于 2022-10-08

Jetpack Compose：选择器组件

一、Checkbox复选框，代码如下所示：val checkState = remember { mutableStateOf(false) }Checkbox( checked = checkState.value, onCheckedChange = { checkState.val

发布于 2022-10-08

Jetpack Compose：按钮组件

一、Button1.基本按钮Button 默认没有任何样式，仅仅是一个点击事件响应组件，需要在 content 参数中使用其他组件来实现 Button。Button( onClick = {}) { Text(text = "Hello")}2.按钮添加图标在 Tex

发布于 2022-10-07

Jetpack Compose：图片组件

一、IconIcon 组件支持三种类型的图片设置，如下所示Column {Icon(imageVector = ImageVector.vectorResource(id = R.drawable.set_svg), contentDescription = "矢量图&quo

发布于 2022-10-07

Jetpack Compose：文本组件

一、TextText 遵循 Material Design 设计规范，如无需使用 Material Design 可以使用更底层的 BasicText 组件。Text 函数如下所示：@Composablefun Text(text: String,// 显示的文本 modifier: Modi

发布于 2022-09-17

Jetpack Compose：Modifier 修饰符

Modifier 可以通过链式调用的写法来为组件应用一系列的样式，每个基础的 Composable 组件都有一个 modifier 属性。Ⅰ.常用修饰符本章节记录一些常用的预置 Modifier 修饰符，对所有 Composable 组件通用。1.Modifier.sizesize 修饰符用来设置组

发布于 2022-08-31