Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias...
Transcript of Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias...
![Page 1: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/1.jpg)
Anahí Salgado@anncode
![Page 2: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/2.jpg)
@anncodeuplabs.com
![Page 3: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/3.jpg)
Interfaces gráficas han crecido [email protected]
![Page 4: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/4.jpg)
Custom UI Componentes
@anncode
![Page 5: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/5.jpg)
@fidoo_92
@anncode
![Page 6: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/6.jpg)
@anncode
@fidoo_92
![Page 7: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/7.jpg)
Android Jetpack Compose
@anncode
@fidoo_92
![Page 8: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/8.jpg)
Android Jetpack Compose
@anncode
![Page 9: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/9.jpg)
Jetpack Compose Toolkit para construir Interfaces móviles nativas
@anncode
![Page 10: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/10.jpg)
Jetpack Compose Toolkit para construir Interfaces móviles nativas
Kotlin
@anncode
![Page 11: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/11.jpg)
Jetpack Compose Composability
@anncode
![Page 12: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/12.jpg)
Jetpack Compose ComposabilityPrincipio de Diseño
@anncode
![Page 13: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/13.jpg)
Jetpack Compose ComposabilityPrincipio de Diseño
Software Composable infrastructure
@anncode
![Page 14: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/14.jpg)
Software Composable infrastructure
@anncode
![Page 15: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/15.jpg)
Software Composable infrastructure
Seleccionarse y ensamblarse en varias combinaciones
✔
@anncode
![Page 16: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/16.jpg)
Software Composable infrastructure
Seleccionarse y ensamblarse en varias combinaciones
Relación de componentes.
✔
@anncode
✔
![Page 17: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/17.jpg)
Android Studio Canary
@anncode
![Page 18: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/18.jpg)
Android Studio Canary
@anncode
![Page 19: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/19.jpg)
Android Studio Canary
@anncode
![Page 20: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/20.jpg)
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState)
}}
@anncode
![Page 21: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/21.jpg)
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ... } }}
@anncode
![Page 22: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/22.jpg)
Android Jetpack Compose
class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { Text(“Hola Mundo”) } }}
@anncode
![Page 23: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/23.jpg)
Android Jetpack Compose@Composablefun Title(text: String) {
@anncode
![Page 24: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/24.jpg)
Android Jetpack Compose@Composablefun Title(text: String) { Text()}
@anncode
![Page 25: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/25.jpg)
Android Jetpack Compose@Composablefun Title(text: String) { Text( text = text, color = deepBlue, fontSize = 24.sp, textAlign = TextAlign.Center, style = TextStyle(fontWeight = FontWeight.Bold) )}
@anncode
![Page 26: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/26.jpg)
Android Jetpack Compose@Composablefun Title(text: String) { Text( text = text, color = deepBlue, fontSize = 24.sp, textAlign = TextAlign.Center, style = TextStyle(fontWeight = FontWeight.Bold) )}
@anncode
![Page 27: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/27.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
![Page 28: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/28.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {
}
![Page 29: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/29.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
}}
![Page 30: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/30.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {
}}
}
![Page 31: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/31.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {Composable {}
}}
}
![Page 32: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/32.jpg)
Jetpack Compose Los elementos de UI se acomodan jerárquicamente
@anncode
Composable {Composable {
Composable {Composable {}
}}
}
![Page 33: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/33.jpg)
Jetpack Compose ModularizarMantener una Arquitectura
@anncode
✔
✔
![Page 34: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/34.jpg)
@anncode
![Page 35: Anahí Salgado · Software Composable infrastructure Seleccionarse y ensamblarse en varias combinaciones Relación de componentes. @anncode](https://reader035.fdocument.pub/reader035/viewer/2022062416/610fa98af909d517522c7e08/html5/thumbnails/35.jpg)
Anahí Salgado@anncode