"Enter"a basıp içeriğe geçin

İki Layout Ekrana Nasıl Sığar?

Bu senaryoda iki tane LinearLayout olsun. Birisi yatay diğeri ise dikey. Dikey olana kullanıcının adını ve soyadını almak için EditText eklendiğini varsayalım. Ekranın en altında yatay LinearLayout’ta iki tane buton yan yana duruyor. Birisi Kaydet diğeri Vazgeç görevini yerine getiriyor. Bu durumda ekrana iki Layout sığmayı başarıyor. Dikey olanı doldurmaya başlayınca alttakinin daha da aşağılara ekrandan çıktığını gözlemleyebilirsiniz.

Bunu çözmek için weight özelliğinden yararlanıyoruz. Dikey olan LinearLayout’un weight değeri 9 verildiğinde ekranın %90 oranını kaplayacaktır. Yatay olana 1 vererek tüm Layout’ların ekrana sığmasını sağlayabilirsiniz.

Resimdeki düzen:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="9"
        android:orientation="vertical">

        <EditText
            android:id="@+id/editText4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:hint="Ad" />

        <EditText
            android:id="@+id/editText3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:hint="Soyad" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button" />
    </LinearLayout>
</LinearLayout>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.