Android Programlama - Custom Button Yapımı

12 Nisan 2016, 03:42:13

Bütün programlarda görmeye alıştığımız butonlardan sıkılanlar aramızda oldukça fazladır. Bir programın işlevi kadar tasarımı ve görünüşüde önemlidir. Bu yazıda android in içinde standart olarak gelen buton dizaynı yerine kendi yaptığımız bir dizaynı kullanacağız.

   Öncelikle sayfamıza bir adet button ekliyoruz.

[Seç][/url]<Button
    android:id="@+id/button1"
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@drawable/custom_button"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="93dp"
    android:textColor="#efefef"
    android:textSize="22dp"
    android:text="Yesil Cin" />
   android:background="@drawable/custom_button" satırında yapmış olduğumuz tasarımı buttonumuza gösteriyoruz ve onu kullanmasını söylüyoruz.

   custom_button un içeriğine bakalım şimdi.

   Eclipse içinden projemizin "res" dosyasına sağ tıklıyoruz. Sırası ile New>Other diyoruz. Açılan pencereden Android XML File ı seçip next diyoruz. Açılan pencerede dosyamıza bir isim yazıyoruz ben bu örnek için "custom_button" adını verdim. Bu kısımda büyük harf kullanamazsınız bunuda belirtmek istiyorum. İsim verdikten sonra alttaki "Root Element" bölümünden "shape" seçip finish diyoruz.

   Projemizin içinde res>drawable adında bir klasör, bu klasörün altında da "custom_button" xml file oluşmuş olmalı.

   Şimdi custom_button dosyamızı nasıl düzenleyeceğiz bakalım.

[Seç][/url]<?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="Linklerin Görülmesine İzin Verilmiyor Üye ol Veya Giriş Yap"
    android:shape="rectangle">

    <solid android:color="#51a8ff"/>

    <corners android:bottomLeftRadius="15dip"

    android:topRightRadius="15dip"

    android:topLeftRadius="5dip"

    android:bottomRightRadius="5dip"

    />
   </shape>
   Ben bu örnek için kullandığım yapıyı sizlere veriyorum.

   android:color ile buttonumuzun background rengini belirliyoruz.

   aşağıdaki "corners" kısmında ise buttonumuzun 4 köşesiyle ilgili çeşitli eğimler verebiliyoruz. Ben bu örnekte sol alt köşe ve sağ üst köşeye "15dip" verdim ki o kısımlar daha kıvrımlı gözüksün diye. Sol üst köşe ve sağ alt köşeye ise "5dip" verdim ki biraz daha köşeli bir yapıya sahip olsun.

   Siz kendi isteğinize göre bu değerlerle oynayabilir, tamamen hayal gücünüzden faydalanarak daha yaratıcı tasarımlar ortaya çıkarabilirsiniz. Ekran görüntüsünü koyuyorum daha net inceleyebilirsiniz. Yukarıdaki örnek üzerinde "Yesil Cin" yazan butona aittir. Alttaki button tasarımıda yukarıdaki aynı mantık ile oluşturulmuştur.

   kaynak: Linklerin Görülmesine İzin Verilmiyor Üye ol Veya Giriş Yap

Linkback: Android Programlama - Custom Button Yapımı

Ana Menü Android Telefon Yazılım Rom Destek Teknoloji Sitesi

Android Programlama - Custom Button Yapımı

Konuyu Paylaş

Benzer Konular (5)

UYARI

BİLGİLENDİRME