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.
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.
Tags:
Android Studio ConstraintLayout Layout Layout Responsivo LinearLayout XML
Posts relacionados:
