Android - Şekilli Layout Tasarımı (Kenarları Kıvrılmış ve Kenarlık Eklenmiş Layout Örneği)

Android uygulamanızda tasarım yaparken eklediğiniz layout tasarımlarına şekil vermek isteyebilirsiniz. Kenarlık eklemek veya kenarları biraz oval yapmak isteyebilirsiniz. Bu yazımda bu işlemlerin nasıl yapılacağını anlatacağım. Örnek olarak bir kenarları kıvrılmış ve kenarlık eklenmiş bir layout tasarımı yapacağım ve örnek üzerinden diğer tasarımlarında nasıl yapılabileceğini anlatacağım. Öncelikle layout tasarımı için drawable klasörü içerisine istediğiniz isimde (Ben bu örnekte layout_tasarimi ismini kullandım) bir resource dosyası oluşturuyorsunuz. Daha sonra layout tasarımını ekleyeceğimiz (Bu örnekte ben activity_main dosyasına ekledim) activity veya fragment tanımının içerisine bu tasarımı dahil ediyoruz.

layout_tasarimi

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"    
    android:shape="rectangle">
    <solid android:color="#0099FF" />
    <stroke android:width="2dp" android:color="#000000"/>
    <corners android:radius="10dp"/>
</shape>

Burada shape ile layout'un şeklini belirtiyoruz.

Oval = Yuvarlak
Line = Çizgi
Rectangle = Dikdörtgen

Solid ile renk tanımı yapıyoruz.

Stroke ile kenarlık kalınlığını ve rengini belirliyoruz.

Corners ile köşelerin alacağı şekli belirliyoruz.

activity_main

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"    
    android:layout_height="match_parent"    
    android:layout_width="match_parent">
    <RelativeLayout 
       xmlns:android="http://schemas.android.com/apk/res/android"        
       android:orientation="vertical"        
       android:layout_width="250dp"        
       android:layout_height="250dp"        
       android:background="@drawable/kivrimli_kenarlik"        
       android:layout_centerInParent="true">
        <TextView android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="Berkay22Demirel.blogspot.com.tr"            
          android:textSize="15dp"            
          android:textColor="#FFFFFF"            
          android:layout_centerHorizontal="true"            
          android:layout_centerVertical="true"/>
    </RelativeLayout>
</RelativeLayout>

Çıktı:

Welcome to My Blog 👋

Follow Me