Logo

标签:Jetpack Compose

10 篇文章

Jetpack Compose:脚手架简单应用

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

Jetpack Compose:约束布局

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

Jetpack Compose:线性布局与帧布局

一、线性布局1、ColumnColumn 是一个垂直的线性布局组件,它的子项从上到下按照顺序垂直排列。下面代码演示了使用 Column 组件的 verticalArrangement 和 horizontalAlignment 参数来使子项垂直水平居中。Column(modifier = Modif...

Jetpack Compose:对话框组件

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

Jetpack Compose:选择器组件

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

Jetpack Compose:按钮组件

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

Jetpack Compose:图片组件

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

Manjaro上Compose for Desktop打包deb失败 Exit code: 1

记录一下在 Manjaro 上用 IDEA 打包 Compose for Desktop 的 deb 包失败解决方法:...

Jetpack Compose:文本组件

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

Jetpack Compose:Modifier 修饰符

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