Sekme simgeleri, bir sekmedeki ayrı sekmeleri temsil etmek için kullanılan grafik öğeleridir Çok sekmeli arayüz. Her sekme simgesinin iki durumu vardır: seçilmedi ve seçildi.
Daha fazla bilgi için Sağlama Yoğunluğa Özel Simge Grupları'nı seçerseniz düşük veya yüksek çözünürlüklü iletişim için ve yüksek yoğunluklu ekranlar. Böylece, simgelerinizin düzgün şekilde çalışmasını sağlar. Tasarımcılar için ipuçları bölümünü inceleyin. ziyaret edin.
Nihai poster, şeffaf bir PNG dosyası olarak dışa aktarılmalıdır. Dahil etme bir arka plan rengi ekleyin.
Adobe Photoshop'ta simge oluşturmaya ilişkin şablonlar Simge Şablon Paketi'ni tıklayın.
Uyarı:
Sekme simgelerinin stili önemli ölçüde değişti:
Android 2.0'ın önceki sürümler ile karşılaştırması. Alıcı
tüm Android sürümleri için destek sağlıyorsa geliştiriciler:
1. Android 2.0 ve sonraki sürümler için sekme simgelerini
drawable-hdpi-v5, drawable-mdpi-v5 ve drawable-ldpi-v5 dizinleri.
.
2. Önceki sürümler için sekme simgelerini
drawable-hdpi, drawable-mdpi ve drawable-ldpi dizinleri.
.
3. android:targetSdkVersion değerini
<uses-sdk>
uygulama manifestosunda bulabilirsiniz.
Bu işlem, sisteme sekmeleri yeni sekme stilini kullanarak oluşturması gerektiğini bildirir.
İki Sekme Durumu İçin Simge Sağlama
Sekme simgelerinin iki durumu olmalıdır: seçili değil ve seçili. Simge sağlamak için birden çok eyalet varsa, geliştiriciler eyalet listesi çizilebilir. Bu, her bir simge için hangi resmin farklı kullanıcı arayüzü durumları için kullanılır.
Örneğin, "Arkadaşlar" adlı sekmeleri içeren bir sekme widget'ı için ve "İş arkadaşları", aşağıdakine benzer bir dizin yapısı kullanabilirsiniz:
res/...
drawable/...
ic_tab_friends.xml
ic_tab_coworkers.xml
drawable-ldpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-mdpi/...
ic_tab_friends_selected.png
ic_tab_friends_unselected.png
ic_tab_coworkers_selected.png
ic_tab_coworkers_unselected.png
drawable-hdpi/...
...
drawable-ldpi-v5/...
...
drawable-mdpi-v5/...
...
drawable-hdpi-v5/...
...Yukarıda listelenen XML dosyalarının içeriği ilgili
seçili ve seçili olmayan
simge çekmeceleri yer alır. Örneğin, aşağıdaki kod
ic_tab_friends.xml için:
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- selected state --> <item android:drawable="@drawable/ic_tab_friends_selected" android:state_selected="true" android:state_pressed="false" /> <!-- unselected state (default) --> <item android:drawable="@drawable/ic_tab_friends_unselected" /> </selector>
Android 2.0 - Android 2.3
Aşağıdaki yönergelerde, Android için sekme simgelerinin nasıl tasarlanacağı açıklanmaktadır. 2.0 ile Android 2.3 arasındaki sürümleri (5 ile 10 arasındaki API düzeyleri).
Boyut ve konumlandırma
Sekme simgeleri basit şekiller ve formlar kullanmalı, bunlar ölçeklendirilir ve nihai öğenin içine yerleştirilir.
Şekil 1'de, simgeyi reklam kutusunun içine yerleştirmenin öğe. Simgelerin boyutunu reklam öğesinin gerçek sınırlarından öğe.
Simge için önerilen boyutu belirtmek amacıyla Şekil 1'de üç farklı kılavuz dikdörtgen bulunmaktadır:
- Kırmızı kutu, öğenin tamamı için sınırlayıcı kutudur.
- Mavi kutu, gerçek simge için önerilen sınırlayıcı kutudur. Simge kutusunun boyutu, izin verilen tam öğe kutusundan daha küçüktür özel simge işlemleri.
- Turuncu kutu, aşağıdaki durumlarda gerçek simge için önerilen sınırlayıcı kutudur içerik kare şeklinde. Kare simgelerin kutusu, diğer simgelere simgelerini kullanarak iki tür arasında tutarlı bir görsel ağırlık oluşturun.
|
|
|
|
|
|
|
Şekil 1. Sekme simgesi boyutlandırma ve konumlandırmasını simge öğesi. |
Stil, renkler ve efektler
Sekme simgeleri düz, mat ve yüzleri görünecek şekilde gösterilir.
Sekme simgelerinin iki durumu olmalıdır: seçili ve seçili değil.
|
Şekil 2. Seçili olmayan sekme simgeleri için stil ve efektler. Not: Tüm piksel boyutları orta yoğunluk içindir ve diğer yoğunluklar için uygun şekilde ölçeklendirilmelidir.
|
|
Şekil 3. Seçili sekme simgeleri için stil ve efektler. Not: Tüm piksel boyutları orta yoğunluk içindir ve diğer yoğunluklar için uygun şekilde ölçeklendirilmelidir.
|
Yapılması ve yapılmaması gerekenler
Aşağıda bazı "yapılması ve yapılmaması gerekenler" belirtilmiştir için sekme simgeleri oluştururken göz önünde bulundurulması gereken en iyi yoludur.
Örnek simgeler
Aşağıda, Android platformu.
Uyarı: Bu kaynaklar platform sürümleri arasında değişebileceğinden sistemin kaynaklardaki kopyasına referans vermemelidir. Şunu istiyorsanız: simgeleri veya diğer dahili çekilebilir kaynakları kullanırsanız, bunların yerel kopyasını uygulama kaynaklarınızda kullanabilir, uygulama kodunuzdaki yerel kopyaya bakın. Bu şekilde projenin Simgelerinizin görünümü üzerinde kontrol sahibi olsanız bile, sistem tarafından Kopyala'yı tıklayın. Aşağıdaki tablonun eksiksiz bir biçimde tasarlanmadığını lütfen unutmayın.
Android 1.6 ve Önceki Sürümler
Aşağıdaki yönergelerde, Android için sekme simgelerinin nasıl tasarlanacağı açıklanmaktadır. 1.6 (API Düzeyi 4) ve önceki sürümler.
Yapı
- Seçili olmayan sekme simgelerinin dolgu gradyanı ve efektleri menü simgeleri ama dıştan ışıltı yok.
- Seçilen sekme simgeleri, seçilmemiş sekme simgelerine benzer, ancak daha soluk gölgede, ön bölüm gradyanıyla aynı iletişim kutusu simgelerini kullanın.
- Sekme simgelerinin yalnızca kenar için çakışması gereken 1 piksellik bir güvenli çerçeve vardır üçgen biçimli bir çerçevedir.
- Bu sayfada belirtilen tüm boyutlar 32x32 piksellik bir çalışma yüzeyi boyutuna dayanır. Photoshop şablonunun içindeki sınırlayıcı kutunun çevresinde 1 piksellik dolgu tutun.
|
Şekil 3. Seçili olmayan sekme için güvenli çerçeve ve dolgu gradyanı simgelerine dokunun. Simge boyutu 32x32'dir. |
|
Şekil 4. durumu belirtir. Simge boyutu 32x32'dir. |
Seçili olmayan sekme simgesi
Işık, efektler ve gölgeler
Seçilmemiş sekme simgeleri, seçilen sekme simgelerine benzer, ancak daha soluk bir iç gölge ve iletişim kutusu simgeleriyle aynı ön bölüm gradyanı.
|
Şekil 5. Seçili olmayan öğeler için ışık, efektler ve gölgeler sekme simgelerini tıklayın.
|
Adım adım
|
Seçili sekme simgesi
Seçili sekme simgeleri, menüyle aynı dolgu gradyanı ve efektlerine sahip ancak dış parlaklığı yok.
|
Şekil 6. Seçili sekme için ışık, efektler ve gölgeler simgelerine dokunun.
|
Renk paleti
|
Adım adım
|
