Site icon Mobilhanem

Android Custom Button Yapımı ( ImageView + TextView )

Merhaba arkadaşlar,

Android bileşenlerinden Buttonu ( Image + Text ) şeklinde kullanmak istersek ve bunları yan yana olmasını istersek ne yapmamız lazım ona bakalım :

Aynen aşağıdaki gibi bir görselliğe sahip olmak istiyorsak bunu Button kullanarak direkt olarak yapamıyoruz çünkü Button kullandığımızda android in vermiş olduğu fonksiyonlarda ( android:drawableLeft, android:drawableRight , android:drawableBottom vb. ) bunlar olduğu için tam ortalı şekilde image koyamıyoruz butonun içine. Ya tam sağda yada tam solda durmasını sağlayabiliyoruz.

İşte bu yüzden yukarıdaki gibi bir yapı oluşturmak isterseniz gerekli adımlar şu şekilde olacaktır :

giris_layout.xml

 <Button
        android:id="@+id/bttn_login"
        android:alpha="0.5"
        android:background="@drawable/button_selector"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignTop="@+id/foreground"
        android:layout_alignBottom="@id/foreground"
        android:layout_alignRight="@id/foreground"
        android:layout_alignLeft="@id/foreground"
         />
    <RelativeLayout
        android:padding="5dp"
        android:layout_marginBottom="10dp"
        android:id="@id/foreground"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">
        <TextView
            android:textColor="#fff"
            android:id="@+id/button_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="Giriş Yap" />
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:layout_toLeftOf="@id/button_text"
            android:paddingTop="10dp"
            android:paddingBottom="10dp"
            android:src="@drawable/yourImage" />
    </RelativeLayout>

Yukarıda layout kısmında gördüğünüz gibi TextView ile ImageView yan yana kullanabilmek için bir RelativeLayout kullandık ve layout a verdiğimiz id ile de üstte ki yarattığımız Button ile ilişkilendirip konumlandırdık.

 

20
Exit mobile version