指数
定义
它是通过JetPack Compose 的Android设计组件（基于Kotlin的IU开发套件，其主要功能之一是增加开发，使用更少的代码，更简单等））。
该组合的基本用途是使App的视觉元素具有结构是，它不是视觉元素，更多的是一个布局。它可以帮助我们非常 pida a 位置 元素在屏幕中常见的 没有时间表。材料设计赞助人也随之而来。
脚手架元素
可以在脚手架中使用的元素如下：
- 顶级应用程序bar ：es la barra de la parte 上级
- 内容：内容主要应用程序
-
fab
- 底栏：它是 bar 下 part 或导航栏
- 抽屉：ES El 横向延长/合同
所有这些都是可选的且可自定义的，为了使每个元素使用，我们必须为该元素生成一个kude0，正如我们将在基本用途中看到的。
基本用途
脚手架定义的功能
// Función Composable que crea un Scaffold personalizado
@Composable
fun CustomScaffold() {
Scaffold(
// Barra superior
topBar = { CustomTopBar() },
// Barra inferior
bottomBar = { CustomBottomBar() },
// Botón flotante personalizado
floatingActionButton = { CustomFAB() },
// Contenido principal
content = { padding ->
CustomContent(padding)
}
)
}
kude1函数具有足够的参数，在这种情况下，我使用了以下内容：
-
kouude2：指的是上栏，接受koude4型的kude0
-
kouude5：指的是下层栏，通常用于在应用程序中进行导航，接受Abiaoqian Kouude17
-
floatingActionButton：这是浮动瓶，首先是所有演示，它可以与下栏合并，接受koude9 -
content：指应用程序的主要内容，任何kude0都可以放置，但行，列，表面，框，等等。在示例中，我使用了kude112
这四个参数接受类型kude13的功能，我在下面显示的
顶级酒吧
@Composable
fun CustomTopBar() {
TopAppBar(
// Título de la barra superior
title = { Text(text = "Hello World!") },
)
}
下栏
@Composable
fun CustomBottomBar() {
BottomAppBar(content = {
// Contenido de la barra inferior
Text(text = "Item One")
})
}
植物植物
@Composable
fun CustomFAB() {
FloatingActionButton(
// Color de fondo
backgroundColor = MaterialTheme.colors.primary,
// Acción al hacer clic en el botón (sin definir)
onClick = { /*TODO*/ }) {
Text(
fontSize = 24.sp, // Tamaño de fuente del texto del botón
text = "+" // Texto del botón
)
}
}
主要内容
@Composable
fun CustomContent(padding: PaddingValues) {
Column(
// Modificadores de estilo de la columna
modifier = Modifier
// Ocupar todo el espacio disponible
.fillMaxSize()
.padding(padding),
// Contenido de la aplicación
content = {
Text(text = "My app content")
}
)
}
结果
参考
Instructivo de Android Compose | Desarrolladores de Android | Android Developers
developer.android.com
Componentes y diseños de Material | Jetpack Compose | Android Developers
developer.android.com