"Artists","Playlists")Scaffold(topBar={// topBar 属性用于设置 AppBarTopAppBar(title={// 可设置标题Text(text="LayoutInCompose")},actions={// 设置 AppBar 上的按钮 ButtonIconButton(onClick={/*TODO*/}){// Icon 系统为我们提供了许多常见的 IconIcon(Icons.Filled.Favorite,contentDescription...
在笔记一中,我们见识到了 Compose 使用 LazyColumn 来实现一个可滑动的 List,其实实现一个可滑动的 List 并不需要用到 LazyColumn,只需要用 Column 中的 Modifier.verticalScroll 属性就可以了。看代码: // code 7 @Composable fun SimpleList() { // 使用 rememberScrollState 保存滚动的位置信息 val scrollState...
1. Compose 布局方式 Android 目前的布局 Layout 有许多:LinearLayout 线性布局、RelativeLayout 相对布局、ConstraintLayout 约束布局、FrameLayout 帧布局、TableLayout 表格布局、AbsoluteLayout 绝对布局、GridLayout 网格布局 7 种。后面的几种基本上用的很少了,而 Compose 的布局方式总共有三种:Column 纵向排列布局、Row ...
如果我们想要实现可触发重组的数据列表,可以使用Compose中提供的mutableStateListOf()方法来创建数据列表 如下面例子: @SuppressLint("UnrememberedMutableState")@Preview(showBackground = true)@ComposablefunListPageDemo(){//可触发重组的Listvallist = mutableStateListOf<String>() repeat(30) { list.add("卡片$i...
1. Compose 布局方式 Android 目前的布局 Layout 有许多:LinearLayout 线性布局、RelativeLayout 相对布局、ConstraintLayout 约束布局、FrameLayout 帧布局、TableLayout 表格布局、AbsoluteLayout 绝对布局、GridLayout 网格布局 7 种。后面的几种基本上用的很少了,而 Compose 的布局方式总共有三种:Column 纵向排列布局、Row ...
1. Compose 布局方式 Android 目前的布局 Layout 有许多:LinearLayout线性布局、RelativeLayout相对布局、ConstraintLayout 约束布局、FrameLayout 帧布局、TableLayout 表格布局、AbsoluteLayout绝对布局、GridLayout 网格布局 7 种。后面的几种基本上用的很少了,而 Compose 的布局方式总共有三种:Column 纵向排列布局、Row 横向...
我们也可以在 Compose 中使用动画。例如,我们可以通过使用 Crossfade Composable 来使用 Crossfade 动画。 @Composablefun CrossFadeAnimation() {val colors = listOf(Color.Red, Color.Green, Color.Blue, Color.Gray)var current by remember { mutableStateOf(colors[0]) }Column(modifier = Modifier.fillMaxSize...
LazyColumn:LazyColumn是 Compose 中用于创建滚动列表的主要组件。通过LazyColumn,开发者可以轻松地创建高性能的滚动列表,即使列表项数量庞大,也能保持良好的性能表现。例如,创建一个简单的滚动列表可以这样编写: LazyColumn { items(items = listOf("Item 1", "Item 2", "Item 3")) { item -> Text(text = ite...
在笔记一中,我们见识到了 Compose 使用 LazyColumn 来实现一个可滑动的 List,其实实现一个可滑动的 List 并不需要用到 LazyColumn,只需要用 Column 中的 Modifier.verticalScroll 属性就可以了。看代码: // code 7@ComposablefunSimpleList(){// 使用 rememberScrollState 保存滚动的位置信息valscrollState=rememberSc...
Icon(Icons.Filled.Settings,null) } } ) 效果图如下 FloatingActionButton 比较常见的悬浮按钮,一般里面是个简单的按钮,参数与之前的Button一样,详情请参考Jetpack Compose学习(3)——图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 ...