Redes Sociais
 Telegram  YouTube
Como organizar itens no layout em XML
13 de outubro de 2019
Android / 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.





Autor: Rodrigo Leutz

Desenvolvedor Web e Android ( Kotlin e Java )


Como usar ViewBinding ao invés de Android Extensions em Kotlin

Nesse tutorial vou demonstrar como usar ViewBinding ao invés de Android Extensions em Kotlin e assim deixar seu aplicativo[...]

6 de dezembro de 2020

Começando a programar na linguagem Kotlin – Parte 5

Nesse tutorial Começando a programar na linguagem Kotlin – Parte 5 vamos ver strings e intervalos para que assim seja possível entrar em laços.[...]

7 de fevereiro de 2020

Vídeo 11: Pegar endereço com o CEP Kotlin

Nesse Vídeo 11: Pegar endereço com o CEP Kotlin vou descrever como fazer a parte da programação assim você vai imprimir o endereço na tela.[...]

4 de janeiro de 2020