Anasayfa » Android » Android Relative Layout

Android Relative Layout

RelativeLayout

Relative layout içinde bulundukları layout’a göre yada birbirlerinin konumlarına göre yerleşirler.
relative layoutlar arasında id vermek zorundayız. RelativeLayout tasarımında ilk eklenen nesne ekranın en tepesinde yer alır ondan sonra eklenenler android:layout_above (belirtilen nesnenin üzerinde), android:layout_toLeftOf (belirtilen nesnenin solunda) ve android:layout_toRightOf (belirtilen nesnenin sağında) şeklinde sıralanır.

Relative Layout 1

relative-layout-1 Yukarı Texti için Layout Width değeri atandı android:layout_centerHorizontal=”true” ile bulunduğu layout içerisinde ortalandı1 2 3 adlı textViewler için1 Adlı TextView için android:layout_centerVertical=”true” özelliği kullanıldı buda yataykonumda kendisini ortaladı.2 Adlı TextView için android:layout_centerVertical=”true”
android:layout_centerHorizontal=”true”değerleri kulanıldı yani textimizi yatay ve dikey konumda ortaladık. Aynı zamanda 2 adlı Textview için 8dp lik bir margin atandı (2-3 arasındaki  boşluk ) android:layout_marginRight=”8dp”3 Adlı TextView için android:layout_centerVertical=”true”        android:layout_toRightOf=”@+id/text2″ değerleri kullanıldı yani.3 adlı TextView nesnesine yatay ve dikey olarak ortalanmasını text2 adlı textimizin sağına konumlanmasını istedikAlt Orta TextView nesnemiz için android:layout_centerHorizontal=”true” android:layout_alignParentBottom=”true” özelliği verildi. Bu TextView nesnemizi ise dikey konumda ortaladık ve bulunduğu layout da yani parent’inde en alt konuma hizaladık

 

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TextView
        android:id="@+id/yukari"
        android:text="Yukarı"
        android:layout_centerHorizontal="true"
        android:gravity="center" 
        android:textColor="#FFFFFF"       
        android:layout_width="150dp"
        android:layout_height="45dp"
        android:background="#000000"/>
    
    <TextView
        android:id="@+id/text1"
        android:text="1"
        android:layout_centerVertical="true"
         android:padding="20dp"
        android:gravity="center"
        android:textColor="#FFFFFF"       
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"/>
    
     <TextView
        android:id="@+id/text2"
        android:text="2 "
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:padding="20dp"
        android:gravity="center"
        android:textColor="#FFFFFF"       
        android:layout_marginRight="8dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"/>
     
     <TextView
        android:id="@+id/text3"
        android:text="3"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/text2"
        android:padding="20dp"
        android:gravity="center"
        android:textColor="#FFFFFF"           
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"/>
     
     
     <TextView
        android:id="@+id/text4"
        android:text="Alt Orta"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:padding="20dp"
        android:gravity="center"
        android:textColor="#FFFFFF"
           
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#000000"/>
</RelativeLayout>

Android Relative Layout 2

relative-layout-2 Yukarı Sol Buton android:layout_alignParentTop=”true” android:layout_alignParentLeft=”true”
Yukarı Orta buton android:layout_alignParentTop=”true”
android:layout_centerInParent=”true”
Yukarı Sağ Buton
android:layout_alignParentTop=”true”
android:layout_alignParentRight=”true”
Orta Sol Buton
android:layout_centerInParent=”true”
android:layout_alignParentLeft=”true”
Orta Buton
android:layout_centerInParent=”true”
Orta Sağ Buton
android:layout_centerInParent=”true”        android:layout_alignParentRight=”true”
Alt Sol Buton
android:layout_alignParentBottom=”true”        android:layout_alignParentLeft=”true”
Alt Orta Buton
android:layout_centerInParent=”true”        android:layout_alignParentBottom=”true”
Alt Sağ Buton
android:layout_alignParentRight=”true”        android:layout_alignParentBottom=”true”

 

 <RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="top|left"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="top|cent"
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true"/>
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="top|right"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"/>
    
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Cent|Left"
        android:layout_centerInParent="true"
        android:layout_alignParentLeft="true"/>
    
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="cent"
        android:layout_centerInParent="true"/>
    
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="cent|right"
        android:layout_centerInParent="true"
        android:layout_alignParentRight="true"/>
    
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bot|left"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"/>
    
    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bot|center"
        android:layout_centerInParent="true"
        android:layout_alignParentBottom="true"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="bot|right"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>
Android Relative Layout 3
relative-layout-3
GİRİŞ YAZISI İÇİN
android:layout_centerHorizontal=”true”kullanılarak dikey konumda ortaladık fakat  GİRİŞ TextView nesnemiz ekranın direk ortasına hizalacağı için android:layout_centerInParent=”false” kullanıldı
Kullanıcı Adı EditText için
android:layout_alignParentRight=”true”
android:layout_alignTop=”@+id/textUser”
android:layout_toRightOf=”@+id/textUser”
kullanıldı ve ekranın köşesine Kullanıcı Adı yazısının sağına hizalandı
Şifre EditText için
android:layout_alignTop=”@+id/textPass”
android:layout_toRightOf=”@+id/textPass”
kullanılarak Şifre yazısı ile üst köşeleri hizalandı bu yazının sağına konumlandı
Giriş Butonu
android:layout_alignParentLeft=”false”
android:layout_below=”@+id/editPass”
android:layout_centerInParent=”true”
kullanılarak Şifre EditText’in altına (layout_below), bulunduğu layout’a ortalanacak şekilde (layout_centerInParent) getirildi
KAYDOL BUTONU
android:layout_alignParentBottom=”true”
android:layout_centerHorizontal=”true”
kullanılarak bulunduğu layout da en alta (layout_alignParentBottom)
ekranın ortasına dikey şekilde hizalandı
(layout_centerHorizontal)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
        
    <TextView
        android:id="@+id/textLogin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerInParent="false"
        android:text="GİRİŞ"
        android:layout_marginTop="20dp"
        android:textAppearance="?android:attr/textAppearanceLarge"
        
        
        />
 
     <TextView
         android:id="@+id/textUser"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/textLogin"
         android:layout_marginTop="20dp"
         android:text="Kullanıcı Adı :"
         android:textAppearance="?android:attr/textAppearanceLarge"
          />
 
     <EditText
         android:id="@+id/editText"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentRight="true"
         android:layout_alignTop="@+id/textUser"
         android:layout_toRightOf="@+id/textUser"
         android:background="@android:drawable/edit_text"
         />
     
     <TextView
         android:id="@+id/textPass"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/editText"
         android:layout_marginTop="20dp"         
         android:text="Şifre :"
         android:textAppearance="?android:attr/textAppearanceLarge" />
 
     <EditText
         android:id="@+id/editPass"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentRight="true"
         android:layout_alignTop="@+id/textPass"
         android:layout_toRightOf="@+id/textPass"
         android:inputType="textPassword"
         android:background="@android:drawable/edit_text"
         />
 
     <Button
         android:id="@+id/btnSubmit"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentLeft="false"
         android:layout_below="@+id/editPass"
         android:layout_centerInParent="true"
         android:text="Giriş" />
         
         
       <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:text="KAYDOL"
         android:layout_centerHorizontal="true"/>

        </RelativeLayout>

 


										
					
									

Cevapla

E-posta adresiniz yayınlanmayacak. Required fields are marked *

*


5 × = otuz beş

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>