Uso de Box con Modifier.offset en Jetpack Compose para Android (simular AbsoluteLayout) | Operating systems, scripting, PowerShell and security

Android, Kotlin

package com.example.myapplication

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.IntOffset
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.layout.layout
import com.example.myapplication.ui.theme.MyApplicationTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApplicationTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    MainContent()
                }
            }
        }
    }
}

@Composable
fun MainContent() {
    // Usar Box con Modifier.offset para simular AbsoluteLayout
    Box(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {
        // Usar Modifier.offset para posicionar elementos en posiciones absolutas
        Greeting("Android", Modifier
            .offset(x = 16.dp, y = 16.dp)
        )
        Greeting("Compose", Modifier
            .offset(x = 100.dp, y = 200.dp)
        )
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!",
        modifier = modifier
    )
}

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    MyApplicationTheme {
        MainContent()
    }
}

package com.example.myapplication

import android.os.Bundle

import androidx.activity.ComponentActivity

import androidx.activity.compose.setContent

import androidx.compose.foundation.layout.*

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.Surface

import androidx.compose.material3.Text

import androidx.compose.runtime.Composable

import androidx.compose.ui.Modifier

import androidx.compose.ui.unit.dp

import androidx.compose.ui.unit.IntOffset

import androidx.compose.ui.geometry.Offset

import androidx.compose.ui.tooling.preview.Preview

import androidx.compose.ui.layout.layout

import com.example.myapplication.ui.theme.MyApplicationTheme

class MainActivity : ComponentActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContent {

MyApplicationTheme {

// A surface container using the 'background' color from the theme

Surface(

modifier = Modifier.fillMaxSize(),

color = MaterialTheme.colorScheme.background

) {

MainContent()

}

@Composable

fun MainContent() {

// Usar Box con Modifier.offset para simular AbsoluteLayout

Box(

modifier = Modifier

.fillMaxSize()

.padding(16.dp)

) {

// Usar Modifier.offset para posicionar elementos en posiciones absolutas

Greeting("Android", Modifier

.offset(x = 16.dp, y = 16.dp)

)

Greeting("Compose", Modifier

.offset(x = 100.dp, y = 200.dp)

)

}

@Composable

fun Greeting(name: String, modifier: Modifier = Modifier) {

Text(

text = "Hello $name!",

modifier = modifier

)

}

@Preview(showBackground = true)

@Composable

fun GreetingPreview() {

MyApplicationTheme {

MainContent()

}

Explicación del código:

MainContent:
- Se utiliza un Box para contener los elementos.
- Se emplea Modifier.offset para posicionar los elementos de manera absoluta dentro del Box.
  - El primer Greeting se coloca con un desplazamiento de 16dp desde el borde superior izquierdo.
  - El segundo Greeting se coloca con un desplazamiento de 100dp desde el borde izquierdo y 200dp desde el borde superior.
- Modifier.offset permite especificar desplazamientos en los ejes X e Y, similar a cómo AbsoluteLayout funcionaría en una vista tradicional de Android.
Greeting:
- La función Greeting se mantiene igual, pero recibe un modificador para ajustar su posición en el Box.
GreetingPreview:
- El preview muestra cómo se verá la interfaz completa con MainContent.
onCreate:
- En el método onCreate, el contenido de la actividad se establece llamando a MainContent dentro de Surface.

Uso de Box con Modifier.offset en Jetpack Compose para Android (simular AbsoluteLayout) (Kotlin, Android)

Explicación del código:

LIBRO DE POWERSHELL

LO ÚLTIMO

VÍDEOS