anahí salgado · software composable infrastructure seleccionarse y ensamblarse en varias...

Anahí Salgado@anncode

@anncodeuplabs.com

Interfaces gráficas han crecido mucho@anncodeuplabs.com

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