Como organizar itens no layout em XML
Android XML

Como organizar itens no layout em XML





Nesse tutorial vou descrever Como organizar itens no layout em XML para que assim fique com uma melhor responsividade os seus aplicativos.

Então para começar vou dizer que é possivel você utilizar um tipo de layout dentro do outro, dessa maneira é possivel organizar melhor os itens na tela.

Vamos fazer com que o layout do aplicativo fique como na imagem a seguir.

Como organizar itens no layout em XML
Layout do aplicativo

Primeiramnte vamos criar um projeto vazio(Empty), mas nesse projeto apenas vamos utilizar o layout para vermos como funciona.

Então vamos começar a editar o arquivo activity_main.

Portanto o código do seu layout deve estar como o seguinte para que fique do mesmo modo como na imagem.





<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp"
    tools:context=".AppActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Combustível"
        android:textSize="28sp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
    <LinearLayout
        android:id="@+id/layInfo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintTop_toBottomOf="@+id/textView">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:gravity="center"
            android:text="Tipo de Combustível"/>
        <RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center">
            <RadioButton
                android:id="@+id/radioGas"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Gasolina" />
            <RadioButton
                android:id="@+id/radioAlc"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Álcool" />
        </RadioGroup>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="KM de veículo"
            android:gravity="center"
            android:layout_marginTop="20dp"/>
        <EditText
            android:id="@+id/etKmVeic"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:inputType="numberDecimal"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Valor por Litro(R$)"
                android:gravity="center"
                android:layout_weight="1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Valor do Abastecimento"
                android:gravity="center"
                android:layout_weight="1"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <EditText
                android:id="@+id/etValLit"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="numberDecimal"
                android:gravity="center"
                android:layout_weight="1"/>
            <EditText
                android:id="@+id/etValAbst"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="numberDecimal"
                android:gravity="center"
                android:layout_weight="1"/>
        </LinearLayout>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Quantidade do Abastecimento (Litros)"
            android:gravity="center"/>
        <EditText
            android:id="@+id/etQntAbst"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:inputType="numberDecimal"/>
    </LinearLayout>
    <Button
        android:id="@+id/btnSave"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Salvar Abastecimento"
        app:layout_constraintTop_toBottomOf="@+id/layInfo"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Podem ver que foi utilizado um Constraint Layout e dentro dele colocado um Linear Layout vertical e para ajustar itens dentro dele foi utilizado mais um Linear Layout só que com orientação horizontal.

Espero poder ter ajudado com este tutorial sobre Como organizar itens no layout em XML para que seu aplicativo fique mais responsivo, assim sendo visto em uma maior quantidade de dispositivos da mesma maneira.

Veja também Como fazer uma splash screen em Kotlin.

Visite e siga nosso canal no YouTube para que o site possa ter um maior crescimento.





Rodrigo Leutz
Desenvolvedor Web e Android ( Kotlin e Java )
https://uware.com.br