Diseño lineal de Android en Kotlin

Android LinearLayout es una subclase de ViewGroup, que se usa para proporcionar elementos de vista secundarios uno por uno, ya sea en una dirección particular, ya sea horizontal o verticalmente según la propiedad de orientación. Podemos especificar la orientación del diseño lineal usando el atributo android:orientation .

Todos los elementos secundarios dispuestos uno por uno en múltiples filas y múltiples columnas.

  1. Lista horizontal: una fila, varias columnas.
  2. Lista vertical: una columna, varias filas.

En este artículo, vamos a discutir la declaración e implementación de LinearLayout.

¿Cómo declarar LinearLayout en un archivo XML?

En primer lugar, debemos declarar LinearLayout en el archivo de diseño usando el siguiente código.

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http:// schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
     
    // Add another child elements here like
    // EditText, button etc
  
</LinearLayout>

LinearLayout en el archivo activity_main.xml

El siguiente es el código para LinearLayout en el archivo xml.

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http:// schemas.android.com/apk/res/android"
    xmlns:tools="http:// schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:text="Enter your name here:"
        android:textSize="24dp"
        android:id="@+id/txtVw"/>
  
    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:hint="Name"
        android:inputType="text"/>
  
    <Button
        android:id="@+id/showInput"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="show"
        android:backgroundTint="@color/colorPrimary"
        android:textColor="@android:color/white"/>
  
</LinearLayout>

Archivo MainActivity.kt

Cuando hayamos creado el diseño, debemos cargar el recurso de diseño XML desde nuestro método de devolución de llamada onCreate() de actividad y acceder al elemento de la interfaz de usuario desde el XML usando findViewById .

Kotlin

package com.geeksforgeeks.myfirstkotlinapp
  
    import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.EditText import android.widget.TextView
  
    class MainActivity : AppCompatActivity() {
  
    override fun onCreate(savedInstanceState: Bundle?)
    {
        super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
            // finding the UI elements
            val showButton
            = findViewById<Button>(R.id.showInput)
                val editText
            = findViewById<EditText>(R.id.editText)
                val textView
            = findViewById<TextView>(R.id.txtVw)
    }
}

Salida de diseño lineal:

Podemos ejecutar la aplicación utilizando el dispositivo virtual de Android (AVD) para obtener el resultado del código anterior.

Publicación traducida automáticamente

Artículo escrito por Praveenruhil y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *