dj_ibo_g_h

Web Adresi: iPhone Uygulama Geliştirme
Hosting Sağlayan Firma:Kendi sunucumuz





Android ‘de tasarım kasmak gerçekten zor bir süreç, özellikle benim gibi iOS diyarından gelen programcılar için, biz de herşey point ile alakalıydı ve 0.320 – 0.480 arasında uzayımız gidip geliyordu. Layoutların içinde kaybolmamak gerçekten başarı

Şimdi durum şu oluyor, iPhone için bir tasarım geliyor, uygulamaya bir saatte gömüyorsun, müşteri aynı tasarımı Android ‘de görmek istiyor, ama iPhone ‘da hep statik image’lar kullanılmış, hadi diyelim xhdpi,hdpi… şeklinde handle ettin de, adam abuk bir android tablete yükler, allah çarpmışa döner uygulaman.

Android’de tasarım belki Romain Guy‘ın – Google, Android Mühendisi – söylemiyle sanattırda, ben onu bunu bilmem, iOS uygulamaları hep tasarımda 1-0 önde olacaktır.

Projelerde kullanmak üzere gradient bir buton hazırlamak istiyordum, yine her zamaki gibi google yardımıma koştu, birisi benden önce davranmış

Bu resim bir AVM’nin sinema detay sayfasına ait, “Watch Trailer” ve “Buy Ticket” butonlarıda adı üstünde belirtilen işlemleri yapıyor.

“Watch trailer” gibi bir butonu nasıl oluşturduğumuza gelince;

1) Drawable klasörünün içinde button_red.xml dosyamızı oluşturuyoruz. İçine alttaki XML kodunu ekliyoruz.
?


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
<shape>
<solid
android:color="#88ef4444" />
<stroke
android:width="1dp"
android:color="#992f2f" />
<corners
android:radius="1dp" />
<padding
android:left="7dp"
android:right="7dp"
android:top="5dp"
android:bottom="5dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startColor="#ef4444"
android:endColor="#992f2f"
android:angle="270" />
<stroke
android:width="1dp"
android:color="#992f2f" />
<corners
android:radius="1dp" />
<padding
android:left="7dp"
android:right="7dp"
android:top="5dp"
android:bottom="5dp" />
</shape>
</item>
</selector>



2) Daha sonra bu butonu kullanacağımız activity’e ait layout ‘ta çağırımı şu şekilde yapıyoruz.
?


<Button
android:id="@+id/WatchTrailerButton"
android:background="@drawable/detail_page_button_red"
style="@style/ButtonText"
android:text="@string/watch_trailer"
androidnClick="goToTrailerButtonClicked"/>

kısacası buton ‘un background ‘ına drawable bir obje atıyoruz, style ise bildiğiniz gibi buton’un stilini tutuyor. ( Yazı boyutu, rengi, Buton’un boyutları vs. vs. )

Bu yazıda kullanılan tek tip buton yerine kodun orjinali oluşturan ve 100 ‘lerce renkte ve geçişte butonu hazır olarak implement eden bu blogu okumanızda ve incelemenizde yarar var.



Meraklısına :

Yukarda gördüğünüz sinema detay sayfasında ScrollView içerisinde ( Genelde tüm layout’lar da scrollview kullanmaya çalışıyorum ki çözünürlüğü çok düşük olan Android telefonlarda da, çok yüksek olan Android telefonlarda da sorunsuz çalışsın.) RelativeLayout ve LinearLayout kullanıyorum ağaç yapısında göstermek gerekirse:

ScrollView

—-LinearLayout

—-—-Title

—-—-Genre

—-—-RelativeLayout

—-—-—-Image

—-—-—-Director

—-—-—-Cast

—-—-LinearLayout

—-—-—-Buton 1

—-—-—-Buton 2

—-—-Seans

—-—-Explanation