Oyunum için resimdeki gibi bir ekran tasarımı yapmam gerekiyor. Bunu nasıl yapabilirim? Sorunun geldiği ve şıkların olduğu kısmı tasarlasam yeterli. Resim mi kullancam yoksa hangi kontrolü kullancam bilemedim. alt text

soruldu: 16 Nis '13, 04:54

emax_64's gravatar image

emax_64
64590102101
cevap kabul oranı: 20%

değiştirildi: 16 Nis '13, 04:56


Linearlayout ile düzeni ayarlayıp xml ile de tasarımı yapabilirsiniz

xml ile derken hani köşeler falan yuvarlak yapılıyor ya ? yani resourceslar. Tıklanabilirlik için de selector yapacaksınız. Arka planları gradient ile ayarladıktan sonra 2. bi gradient daha yapacaksınız. Selector oluşturup tıklandığında 2. gradiente geç diceksiniz. Yani mesela:

btnstil.xml diye bir xml oluşturduk diyelim drawable kısmına.Sonra şunları yaz.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <gradient android:startColor="#f8b3b2"
      android:centerColor="#e70f11"
    android:endColor="#c50103"
    android:angle="270" />
  <corners android:radius="10px" />
  <stroke android:width="2px" android:color="#ee5860" />
</shape>

bir stil oluşmuş olucak zaten.

sonra btnstil2.xml diye bir dosya oluştur mesela yine aynı yere ona da şunları yaz.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <gradient android:startColor="#d2b3b2"
      android:centerColor="#c22f11"
    android:endColor="#d20203"
    android:angle="270" />
  <corners android:radius="10px" />
  <stroke android:width="2px" android:color="#ee5860" />
</shape>

son olarak da btnstil_selector.xml diye bir dosya oluştur.Ona da:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/btnstil" />
    <item android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/btnstil" />
    <item android:state_pressed="true" 
        android:drawable="@drawable/btnstil2" />
    <item android:state_focused="true" android:state_enabled="true"
        android:drawable="@drawable/btnstil2" />
    <item android:state_enabled="true"
        android:drawable="@drawable/btnstil" />
    <item android:state_focused="true"
        android:drawable="@drawable/btnstil" />
    <item
         android:drawable="@drawable/btnstil" />
</selector>

son olarak butonun propertiesinden(özelliklerinden) backgrounduna @drawable/btnstil_selector vericeksiniz bu kadar. 2 tane tasarım oluşturduk selector ile de tıklandıgında 1. den 2. ye geçiş yapmaısnı sağlamış olduk

permanent link

cevaplandı: 16 Nis '13, 05:14

creseos's gravatar image

creseos
2.0k468187
cevap kabul oranı: 37%

değiştirildi: 16 Nis '13, 05:55

:) orasını biliyorum ancak buradaki tasarımı nasıl gerçekleştireceğimi bilmiyorum. Sıklar tıklanabilir olacak sonra o resmi arka plan olarak mı vericem. Bunlardan bahsedebilir misiniz?

(16 Nis '13, 05:17) emax_64 emax_64's gravatar image

cevabı güncelledim

(16 Nis '13, 05:53) creseos creseos's gravatar image

Verdiğiniz yanıt için tşkler. Peki bu gibi şekilleri çizdirebilmek için nereye bakmam gerekiyor. Benim daha farklı şekiller çizmem gerekiyor. Mesela resimdeki gibi.

(16 Nis '13, 07:06) emax_64 emax_64's gravatar image

Zaten verdiğim xml kodlarını incelerseniz belli sayılar var. Mesela yuvarlama radius : 10px bunu 20 yaparsanız daha çok yuvarlar. Onun dışında örneğin yuvarlak buton yapcaksınız googlea android ring button diye aratırsanız çıkar. Mesela böyle yazınca ilk başta burası çıktı. Ayrıca android:shape="rectangle" kısmında rectangleden başka 4 tane daha şekil var. Deneyebilirsiniz mesela..

(16 Nis '13, 07:58) creseos creseos's gravatar image

yardımlarınız için tşkler.

(16 Nis '13, 09:34) emax_64 emax_64's gravatar image

rica ederim iyi çalışmalar

(16 Nis '13, 10:02) creseos creseos's gravatar image
6 yorumdan 5 tanesi gösteriliyor hepsini göster
Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×818

Soruldu: 16 Nis '13, 04:54

Görüntüleme: 615 kez

Son güncelleme: 16 Nis '13, 10:02

powered by BitNami OSQA