密码则是有个显示和隐藏密码的开关,具体解释可以看之前文章Jetpack Compose学习(3)——图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 效果如下图所示 快捷登录与忘记密码 Row(horizontalArrangement = Arrangement.SpaceBetween,modifier = Modifier.fillMaxWidth()) { Text(text ="快捷...
onCheckedChange={pwdOff.value=it},){Icon(imageVector=if(pwdOff.value){ImageVector.vectorResource(id=R.drawable.ic_eye_n)}else{ImageVector.vectorResource(id=R.drawable.ic_eye_p)},contentDescription="")}},visualTransformation=(if(pwdOff.value)...
和以往我们使用的按钮不一样,这里的按钮可以看做是一个布局控件,我们需要设置文字也就是往里面添加一个Text组件,这就是compose和传统Android的xml的不同之处由上面这点,所以我们在代码层面就十分灵活,可以实现各种效果(如带有图标的按钮),下面来个例子Button(onClick = { println("点击了按钮")}){ Icon(Icons....
contentColor = MaterialTheme.colorScheme.primary, modifier = modifier.aspectRatio(1f) ) { if(inSelectionMode) { if(selected) { Icon(Icons.Default.CheckCircle,null) }else{ Icon(Icons.Default.RadioButtonUnchecked,null) } } } } 这...
布局主要包括:布局基础知识、Material组件和布局、自定义布局、Compose中使用ConstraintLayout。 image.png 本文重点讲解Material组件和布局。 主要涉及:Material中常用组件和Material布局。如下图: 本文涉及主要知识点 Material中常用组件 常用组件包括:按钮、文字 Text、输入框、图标 Icon、分割线 Divider、复选框 CheckBox、...
* border 边框,BorderStroke(width,color)可以设置边框的颜色跟线的宽度。第一个参数width是边框线的宽度,color是边框线的颜色 @Preview() @Composable fun buttonTest(){ val context = LocalContext.current Column(modifier = Modifier.padding(10.dp,10.dp)) { ...
类似地,您可以为按钮添加一些图标、为按钮应用颜色、禁用按钮、制作轮廓按钮、制作 IconButton、制作 FAB 等。您可以查看我们的开源项目以获取更多示例。 Card Card 是一种可组合的布局,用于制作 CardView。 以下是相同的示例: @Composablefun SimpleCardComponent() {Card(backgroundColor = Color(0xFFFFA867.toInt...
Kotlin Jetpack Compose remember 给Icon添加透明度 remember 添加参数来记录其位置,接着上面的项目这里如果是直接使用randomTint()那么每次操作数据你会发现都会刷新alpha数据这并不是我们想要的正确做法是加上remember{}@ComposablefunTodoRow(todo:TodoItem,modifier:Mo
import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.res.stringResource import androidx.compose.ui.unit.dp import com.anguomob.jecpack.activity.compose.todo.bean.ToDoIcon ...
首先创建一个新的Compose项目,如果还不知道如何创建Compose项目的话,仍然请先参考上一篇文章。 在新的Compose项目中,我们对MainActivity的代码进行如下修改: classMainActivity:ComponentActivity() { overridefunonCreate(savedInstanceState:Bundle?){ super.onCr...