Embed Size (px)
Citation preview
Anahí Salgado@anncode
@anncodeuplabs.com
Interfaces gráficas han crecido [email protected]
Custom UI Componentes
@anncode
@fidoo_92
@anncode
@anncode
@fidoo_92
Android Jetpack Compose
@anncode
@fidoo_92
Android Jetpack Compose
@anncode
Jetpack Compose Toolkit para construir Interfaces móviles nativas
@anncode
Jetpack Compose Toolkit para construir Interfaces móviles nativas
Kotlin
@anncode
Jetpack Compose Composability
@anncode
Jetpack Compose ComposabilityPrincipio de Diseño
@anncode
Jetpack Compose ComposabilityPrincipio de Diseño
Software Composable infrastructure
@anncode
Software Composable infrastructure
@anncode
Software Composable infrastructure
Seleccionarse y ensamblarse en varias combinaciones
✔
@anncode
Software Composable infrastructure
Seleccionarse y ensamblarse en varias combinaciones
Relación de componentes.
✔
@anncode
✔
Android Studio Canary
@anncode
Android Studio Canary
@anncode
Android Studio Canary
@anncode
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState)
}}
@anncode
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ... } }}
@anncode
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Text(“Hola Mundo”) } }}
@anncode
Android Jetpack Compose@Composablefun Title(text: String) {
@anncode
Android Jetpack Compose@Composablefun Title(text: String) { Text()}
@anncode
Android Jetpack Compose@Composablefun Title(text: String) { Text( text = text, color = deepBlue, fontSize = 24.sp, textAlign = TextAlign.Center, style = TextStyle(fontWeight = FontWeight.Bold) )}
@anncode
Android Jetpack Compose@Composablefun Title(text: String) { Text( text = text, color = deepBlue, fontSize = 24.sp, textAlign = TextAlign.Center, style = TextStyle(fontWeight = FontWeight.Bold) )}
@anncode
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {
}
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
}}
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {
}}
}
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {Composable {}
}}
}
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {Composable {}
}}
}
Jetpack Compose ModularizarMantener una Arquitectura
@anncode
✔
✔
@anncode
Anahí Salgado@anncode
