Uygulama simgeleri oluşturma

Simgeler, kullanıcılarınızın uygulamanızı ve içindeki işlemleri tanımlamasına yardımcı olur. Material simgeleri paketine erişebilir ve bunları doğrudan Compose ile uygulamanıza ekleyebilirsiniz. Android Studio, Görünümler aracılığıyla uygulamanız için özel simgeler veya simgeler oluşturmak amacıyla Image Asset Studio'yu sunar.

Oluştur ile uygulamanızın içine simge ekleme

Compose'u kullanarak tüm Materyal simgelerine erişmek için Compose Material kitaplığını veya Compose Material 3 kitaplığını içe aktarabilirsiniz. Ardından, uygulamanıza simge eklemek için Icon composable'ı kullanın. Material simgeleri, en çok işlem çubuğu simgeleri, sekme simgeleri veya bildirim simgeleri için yararlıdır. Daha fazla bilgi için Malzeme simgeleri bölümüne bakın.

Örneğin, uygulama başlatıcı simgeniz gibi özel simgeler oluşturmanız gerekiyorsa Image Asset Studio'yu kullanın. Başlatıcı simgeleri için AndroidManifest.xml dosyası, mipmap/ konumuna referans vermelidir. Resim Asset Studio bu kodu otomatik olarak ekler. Aşağıdaki manifest dosyası kodu, mipmap/ dizinindeki ic_launcher simgesini referans alır:

  <application android:name="ApplicationTitle"
            android:label="@string/app_label"
            android:icon="@mipmap/ic_launcher" >
  

Image Asset Studio hakkında

Android Studio'da, malzeme simgelerinden, özel resimlerden ve metin dizelerinden kendi uygulama simgelerinizi oluşturmanıza yardımcı olan Image Asset Studio adlı bir araç bulunur. Uygulamanızın desteklediği her piksel yoğunluğu için uygun çözünürlükte bir simge grubu oluşturur. Image Asset Studio, yeni oluşturulan simgeleri projenizin res/ dizini altındaki yoğunluğa özel klasörlere yerleştirir. Android, çalışma zamanında uygulamanızın üzerinde çalıştığı cihazın ekran yoğunluğuna göre uygun kaynağı kullanır.

Image Asset Studio, aşağıdaki simge türlerini oluşturmanıza yardımcı olur:

• Başlatıcı simgeleri
• İşlem çubuğu ve sekme simgeleri
• Bildirim simgeleri

Aşağıdaki bölümlerde, oluşturabileceğiniz simge türleri ile kullanabileceğiniz resim ve metin girişleri açıklanmaktadır.

Uyarlanabilir ve eski başlatıcı simgeleri

Başlatıcı simgesi, uygulamanızı kullanıcılara temsil eden bir grafiktir. Şunları yapabilir:

• Cihazda yüklü uygulamalar listesinde ve Ana ekranda görünür.
• Uygulamanızın kısayollarını temsil eder (örneğin, bir kişiyle ilgili ayrıntılı bilgileri açan bir kişi kısayol simgesi).
• Başlatıcı uygulamaları tarafından kullanılmalıdır.
• Kullanıcıların uygulamanızı Google Play'de bulmalarına yardımcı olun.

Uyarlanabilir başlatıcı simgeleri, farklı cihaz modellerinde çeşitli şekiller olarak görüntülenebilir. Bu simgeler Android 8.0 (API düzeyi 26) ve sonraki sürümlerde kullanılabilir. Android Studio 3.0, Image Asset Studio'yu kullanarak uyarlanabilir simge oluşturma desteğini kullanıma sunuyor. Image Asset Studio, uyarlanabilir simgenin daire, kısa ve yuvarlak ve kare şeklindeki önizlemelerini ve simgenin tam çerçeve önizlemesini oluşturur. Image Asset Studio, simgenin eski, yuvarlak ve Google Play Store önizlemelerini de oluşturur. Eski başlatıcı simgesi, uygulamanızı cihazın ana ekranında ve başlatıcı penceresinde temsil eden bir grafiktir. Eski başlatıcı simgeleri Android 7.1 (API düzeyi 25) veya önceki sürümleri çalıştıran, uyarlanabilir simgeleri desteklemeyen ve farklı cihaz modellerinde çeşitli şekiller olarak görüntülenmeyen cihazlarda kullanılmak üzere tasarlanmıştır.

Image Asset Studio, simgeleri res/mipmap-density/ dizinlerinde uygun konumlara yerleştirir. Ayrıca, Google Play Store için uygun olan 512 x 512 piksel boyutunda bir resim oluşturur.

Eski Android sürümlerini destekleseniz bile, başlatıcı simgeleri için malzeme tasarım stilini kullanmanızı öneririz.

Daha fazla bilgi için Uyarlanabilir Başlatıcı Simgeleri ve Ürün Simgeleri - Materyal Tasarım bölümlerine bakın.

İşlem çubuğu ve sekme simgeleri

İşlem çubuğu simgeleri, işlem çubuğuna yerleştirilen ve bağımsız işlem öğelerini temsil eden grafik öğelerdir. Daha fazla bilgi için İşlem Ekleme ve İşleme, Uygulama Çubuğu - Materyal Tasarım ve İşlem Çubuğu Tasarımı konularına bakın.

Sekme simgeleri, çok sekmeli bir arayüzde ayrı sekmeleri temsil etmek için kullanılan grafik öğeleridir. Her sekme simgesinin iki durumu vardır: seçili değil ve seçili. Daha fazla bilgi için Sekmelerle Kaydırma Görünümleri Oluşturma ve Sekmeler - Materyal Tasarım bölümlerine bakın.

Image Asset Studio, simgeleri res/drawable-density/ dizinlerinde uygun konumlara yerleştirir.

Eski Android sürümlerini destekliyor olsanız bile, işlem çubuğu ve sekme simgeleri için malzeme tasarım stilini kullanmanızı öneririz. Materyal tasarım kullanıcı arayüzünüzü eski platform sürümlerine sunmak için appcompat ve diğer destek kitaplıklarını kullanın.

Image Asset Studio'ya alternatif olarak, işlem çubuğu ve sekme simgeleri oluşturmak için Vector Asset Studio'yu kullanabilirsiniz. Vektör çekilebilir öğeleri basit simgeler için uygundur ve uygulamanızın boyutunu küçültebilir.

Bildirim simgeleri

Bildirim, kullanıcıya uygulamanızın normal kullanıcı arayüzünün dışında gösterebileceğiniz bir mesajdır. Image Asset Studio, bildirim simgelerini res/drawable-density/ dizinlerinde doğru konumlara yerleştirir:

• Android 2.2 (API düzeyi 8) ve önceki sürümler için simgeler res/drawable-density/ dizinlerine yerleştirilmiştir.
• Android 2.3 ile 2.3.7 arasındaki (API düzeyi 9-10) arasındaki simgeler res/drawable-density-v9/ dizinlerine yerleştirilir.
• Android 3 (API düzeyi 11) ve sonraki sürümler için simgeler res/drawable-density-v11/ dizinlerine yerleştirilir.

Uygulamanız Android 2.3 ile 2.3.7 arasındaki sürümleri (API düzeyi 9 ile 10 arası) destekliyorsa Image Asset Studio, simgenizin gri bir sürümünü oluşturur. Daha sonraki Android sürümleri, Image Asset Studio'nun oluşturduğu beyaz simgeyi kullanır.

Daha fazla bilgi için Bildirimler; Bildirimler Materyal Tasarım; Bildirimler, Android 5.0 Değişiklikleri; Bildirimler, Android 4.4 ve Alt Sürüm ve Durum Çubuğu Simgeleri, Android 3.0 ve Alt Sürüm bölümlerine bakın.

Küçük resim

Image Asset Studio, Google materyal simgelerini VectorDrawable ve PNG biçimlerinde içe aktarmanızı kolaylaştırır. Bunun için iletişim kutusundan bir simge seçmeniz yeterlidir. Daha fazla bilgi için Materyal Simgeleri bölümüne bakın.

Resimler

Kendi resimlerinizi içe aktarabilir ve simge türüne göre ayarlayabilirsiniz. Resim Asset Studio şu dosya türlerini destekler: PNG (tercih edilen), JPG (kabul edilebilir) ve GIF (önerilmez).

Metin dizeleri

Image Asset Studio, çeşitli yazı tiplerinde metin dizesi yazıp bir simgenin üzerine yerleştirmenize olanak tanır. Metin tabanlı simgeyi farklı yoğunluklar için PNG dosyalarına dönüştürür. Bilgisayarınızda yüklü olan yazı tiplerini kullanabilirsiniz.

Image Asset Studio'yu Çalıştır

Image Asset Studio'yu başlatmak için şu adımları uygulayın:

1. Proje penceresinde, Android görünümünü seçin.
2. res klasörünü sağ tıklayın ve Yeni > Resim Öğesi'ni seçin.

   

3. Aşağıdaki adımları uygulayarak devam edin:
   • Uyarlanabilir ve eski başlatıcı simgeleri oluşturun.
   • İşlem çubuğu veya sekme simgesi oluşturun.
   • Bildirim simgesi oluşturabilirsiniz.

Uyarlanabilir ve eski başlatıcı simgeleri oluşturma

Image Asset Studio'yu açtıktan sonra aşağıdaki adımları uygulayarak uyarlanabilir veya eski simgeler ekleyebilirsiniz:

1. Simge Türü alanında Başlatıcı Simgeleri (Uyarlanabilir ve Eski) seçeneğini belirleyin.
2. Ön Plan Katmanı sekmesinde Öğe Türü seçin ve ardından altındaki alanda öğeyi belirtin:
   • Bir resim dosyasının yolunu belirtmek için Resim'i seçin.
   • Materyal tasarım simge grubundan bir resim belirtmek için Küçük Resim'i seçin.
   • Bir metin dizesi belirtmek ve bir yazı tipi belirlemek için Metin'i seçin.
3. Arka Plan Katmanı sekmesinde, Öğe Türü seçin ve ardından altındaki alanda öğeyi belirtin. Bir renk seçebilir veya arka plan katmanı olarak kullanılacak bir resim belirtebilirsiniz.
4. Eski sekmesinde varsayılan ayarları inceleyip eski, yuvarlak ve Google Play Store simgeleri oluşturmak istediğinizi onaylayın.
5. İsteğe bağlı olarak Ön Plan Katmanı ve Arka Plan Katmanı sekmelerinin her birinin adını ve görüntü ayarlarını değiştirin:
   • Ad - Varsayılan adı kullanmak istemiyorsanız yeni bir ad yazın. Sihirbazın alt kısmındaki bir hatada gösterildiği gibi projede söz konusu kaynak adı zaten mevcutsa bu adın üzerine yazılır. Ad yalnızca küçük harf, alt çizgi ve rakam içerebilir.
   • Kırp: Kaynak öğede simge grafiği ile kenarlık arasındaki kenar boşluğunu ayarlamak için Evet'i seçin. Bu işlem, en boy oranını korurken şeffaf alanı kaldırır. Kaynak öğeyi değiştirmeden bırakmak için Hayır'ı seçin.
   • Renk - Küçük Resim veya Metin simgesinin rengini değiştirmek için alanı tıklayın. Renk Seçin iletişim kutusunda bir renk belirtin ve ardından Seç'i tıklayın. Yeni değer alanda görünür.
   • Yeniden boyutlandır - Resim, Küçük Resim veya Metin simgesini yeniden boyutlandırmak için kaydırma çubuğunu yüzde cinsinden bir ölçeklendirme faktörü belirtmek üzere kullanın. Bir Renk öğe türü belirttiğinizde, arka plan katmanı için bu denetim devre dışı bırakılır.
6. İleri'yi tıklayın.
7. İsteğe bağlı olarak kaynak dizinini değiştirin: Resim öğesini eklemek istediğiniz kaynak kaynak kümesini seçin: src/main/res, src/debug/res, src/release/res veya özel bir kaynak kümesi. Ana kaynak grubu, hata ayıklama ve sürüm sürümü dahil olmak üzere tüm derleme varyantları için geçerlidir. Hata ayıklama ve sürüm kaynağı grupları, ana kaynak grubunu geçersiz kılar ve derlemenin tek bir sürümüne uygulanır. Hata ayıklama kaynağı grubu yalnızca hata ayıklamaya yöneliktir. Yeni bir kaynak kümesi tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, bir beta kaynak kümesi tanımlayabilir ve bir simgenin sağ alt köşesinde "BETA" metnini içeren bir sürümünü oluşturabilirsiniz. Daha fazla bilgi için Derleme Varyantlarını Yapılandırma bölümüne bakın.
8. Son'u tıklayın. Image Asset Studio, farklı yoğunluklar için resimleri mipmap klasörlerine ekler.

Temalı uygulama simgelerini önizle

Android Studio, temalı uygulama simgenizi önizlemenize ve kullanıcının duvar kağıdının rengine nasıl uyum sağladığını test etmenize olanak tanır. Temalı uygulama simgenizi önizlemek için simgenizi tanımlayan launcher.xml dosyasını açın ve ardından duvar kağıtlarını değiştirip simgenin nasıl tepki verdiğini görmek için araç çubuğundaki Sistem Kullanıcı Arayüzü Modu seçiciyi kullanın.

Temalı uygulama simgeleri oluşturma hakkında daha fazla bilgi edinmek için Uyarlanabilir simgeler bölümüne bakın.

İşlem çubuğu veya sekme simgesi oluşturma

Image Asset Studio'yu açtıktan sonra aşağıdaki adımları uygulayarak bir işlem çubuğu veya sekme simgesi ekleyebilirsiniz:

1. Simge Türü alanında İşlem Çubuğu ve Sekme Simgeleri'ni seçin.
2. Öğe Türü seçin ve ardından altındaki alanda öğeyi belirtin:
• Clip Art alanındaki düğmeyi tıklayın.

Simge Seçin iletişim kutusunda bir malzeme simgesi seçin ve ardından, Tamam'ı tıklayın.

• Yol alanında, resmin yolunu ve dosya adını belirtin. İletişim kutusu kullanmak için ... simgesini tıklayın.
• Metin alanına bir metin dizesi yazın ve bir yazı tipi seçin.

Simge, sağ taraftaki Kaynak Öğe alanında ve sihirbazın alt kısmındaki önizleme alanında görünür.

3. İsteğe bağlı olarak adı ve görüntüleme seçeneklerini değiştirin:
   • Ad - Varsayılan adı kullanmak istemiyorsanız yeni bir ad yazın. Sihirbazın alt kısmındaki bir hatada gösterildiği gibi projede kaynak adı zaten mevcutsa bu adın üzerine yazılır. Ad yalnızca küçük harf, alt çizgi ve rakam içerebilir.
   • Kırp: Kaynak öğede simge grafiği ile kenarlık arasındaki kenar boşluğunu ayarlamak için Evet'i seçin. Bu işlem, en boy oranını korurken şeffaf alanı kaldırır. Kaynak öğeyi değiştirmeden bırakmak için Hayır'ı seçin.
   • Dolgu: Dört kenarın tümünde kaynak öğe dolgusunu ayarlamak istiyorsanız kaydırma çubuğunu hareket ettirin. -%10 ile %50 arasında bir değer seçin. Kırp'ı da seçerseniz önce kırpma işlemi gerçekleşir.
   • Tema - HOLO_LIGHT veya HOLO_DARK'ı seçin. Renk Seçin iletişim kutusunda bir renk belirtmek için ÖZEL'i seçip Özel renk alanını tıklayın.

   Image Asset Studio, kenarlarda dolgu olması için simgeyi şeffaf bir kare içinde oluşturur. Dolgu, standart gölge simgesi efekti için yeterli alan sağlar.

4. İleri'yi tıklayın.
5. Kaynak dizinini isteğe bağlı olarak değiştirin:
• Res Directory - Resim öğesini eklemek istediğiniz kaynak kaynağı kümesini seçin: src/main/res, src/debug/res, src/release/res veya kullanıcı tanımlı bir kaynak kümesi. Ana kaynak grubu, hata ayıklama ve sürüm yayınlama dahil olmak üzere tüm derleme varyantları için geçerlidir. Hata ayıklama ve sürüm kaynağı grupları, ana kaynak grubunu geçersiz kılar ve derlemenin tek bir sürümüne uygulanır. Hata ayıklama kaynağı grubu yalnızca hata ayıklamaya yöneliktir. Yeni bir kaynak grubu tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, bir beta kaynak kümesi tanımlayabilir ve bir simgenin sağ alt köşesinde "BETA" metnini içeren bir sürümünü oluşturabilirsiniz. Daha fazla bilgi için Derleme Varyantlarını Yapılandırma bölümüne bakın.

Çıkış Dizinleri alanında, Proje penceresinin Proje Dosyaları görünümünde görünecekleri resimler ve klasörler görüntülenir.

6. Son'u tıklayın.

Image Asset Studio, farklı yoğunluklar için resimleri drawable klasörlerine ekler.

Bildirim simgesi oluştur

Image Asset Studio'yu açtıktan sonra aşağıdaki adımları uygulayarak bir bildirim simgesi ekleyebilirsiniz:

1. Simge Türü alanında Bildirim Simgeleri'ni seçin.
2. Öğe Türü seçin ve ardından altındaki alanda öğeyi belirtin:
• Clip Art alanındaki düğmeyi tıklayın.

Simge Seçin iletişim kutusunda bir malzeme simgesi seçin ve ardından, Tamam'ı tıklayın.

• Yol alanında, resmin yolunu ve dosya adını belirtin. İletişim kutusu kullanmak için ... simgesini tıklayın.
• Metin alanına bir metin dizesi yazın ve bir yazı tipi seçin.

Simge, sağ taraftaki Kaynak Öğe alanında ve sihirbazın alt kısmındaki önizleme alanında görünür.

3. İsteğe bağlı olarak adı ve görüntüleme seçeneklerini değiştirin:
   • Ad - Varsayılan adı kullanmak istemiyorsanız yeni bir ad yazın. Sihirbazın alt kısmındaki bir hatada gösterildiği gibi projede kaynak adı zaten mevcutsa bu adın üzerine yazılır. Ad yalnızca küçük harf, alt çizgi ve rakam içerebilir.
   • Kırp: Kaynak öğede simge grafiği ile kenarlık arasındaki kenar boşluğunu ayarlamak için Evet'i seçin. Bu işlem, en boy oranını korurken şeffaf alanı kaldırır. Kaynak öğeyi değiştirmeden bırakmak için Hayır'ı seçin.
   • Dolgu: Dört kenarın tümünde kaynak öğe dolgusunu ayarlamak istiyorsanız kaydırma çubuğunu hareket ettirin. -%10 ile %50 arasında bir değer seçin. Kırp'ı da seçerseniz önce kırpma işlemi gerçekleşir.

   Image Asset Studio, kenarlarda dolgu olması için simgeyi şeffaf bir kare içinde oluşturur. Dolgu, standart gölge simgesi efekti için yeterli alan sağlar.

4. İleri'yi tıklayın.
5. Kaynak dizinini isteğe bağlı olarak değiştirin:
• Res Directory - Resim öğesini eklemek istediğiniz kaynak kaynağı kümesini seçin: src/main/res, src/debug/res, src/release/res veya kullanıcı tanımlı bir kaynak kümesi. Ana kaynak grubu, hata ayıklama ve sürüm yayınlama dahil olmak üzere tüm derleme varyantları için geçerlidir. Hata ayıklama ve sürüm kaynağı grupları, ana kaynak grubunu geçersiz kılar ve derlemenin tek bir sürümüne uygulanır. Hata ayıklama kaynağı grubu yalnızca hata ayıklamaya yöneliktir. Yeni bir kaynak grubu tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, bir beta kaynak kümesi tanımlayabilir ve bir simgenin sağ alt köşesinde "BETA" metnini içeren bir sürümünü oluşturabilirsiniz. Daha fazla bilgi için Derleme Varyantlarını Yapılandırma bölümüne bakın.

Çıkış Dizinleri alanında, Proje penceresinin Proje Dosyaları görünümünde görünecekleri resimler ve klasörler görüntülenir.

6. Son'u tıklayın.

Resim Asset Studio, farklı yoğunluklar ve sürümler için resimleri drawable klasörlerine ekler.

Görünümler ile koddaki bir resim kaynağına başvurun

Normalde kodunuzda bir resim kaynağına genel bir şekilde başvurabilirsiniz ve uygulamanız çalıştığında, cihaza bağlı olarak ilgili resim otomatik olarak görüntülenir:

• Çoğu durumda resim kaynaklarına XML kodunda @drawable veya Java kodunda Drawable olarak başvurabilirsiniz.

Örneğin, aşağıdaki düzen XML kodu, çekilebilir öğeyi bir ImageView içinde gösterir:

<ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:src="@drawable/myimage" />

Aşağıdaki Java kodu görüntüyü Drawable olarak alır:

Kotlin

val drawable = resources.getDrawable(R.drawable.myimage, theme)

Java

Resources res = getResources();
Drawable drawable = res.getDrawable(R.drawable.myimage, getTheme());

getResources() yöntemi, etkinlikler, parçalar, düzenler, görünümler gibi kullanıcı arayüzü nesneleri için geçerli olan Context sınıfında yer alır.

• Uygulamanız Destek Kitaplığı'nı kullanıyorsa XML kodundaki bir resim kaynağına app:srcCompat ifadesiyle başvurabilirsiniz. Örnek:

<ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:srcCompat="@drawable/myimage" />

Resim kaynaklarına yalnızca ana iş parçacığından erişebilirsiniz.

Projenizin res/ dizininde bir görüntü kaynağınız olduğunda, kaynak kimliğini kullanarak Java kodunuzdan veya XML düzeninizden bu görüntü kaynağına referans verebilirsiniz. Aşağıdaki Java kodu, ImageView öğesini drawable/myimage.png kaynağını kullanacak şekilde ayarlar:

findViewById<ImageView>(R.id.myimageview).apply {
    setImageResource(R.drawable.myimage)
}

ImageView imageView = (ImageView) findViewById(R.id.myimageview);
imageView.setImageResource(R.drawable.myimage);

Daha fazla bilgi için Kaynaklara Erişim bölümüne bakın.

Projeden simge silme

Bir projeden simge kaldırmak için:

1. Proje penceresinde, Android görünümünü seçin.
2. Başlatıcı simgesi için res/mipmap klasörünü veya diğer simge türleri için res/drawable klasörünü genişletin.
3. Silmek istediğiniz simgenin adını içeren bir alt klasör bulun.

Bu klasör, simgeyi farklı yoğunluklarda içeriyor.

4. Klasörü seçin ve Delete tuşuna basın.

Alternatif olarak, Düzenle > Sil'i de seçebilirsiniz. Dosyayı sağ tıklayıp Sil'i de seçebilirsiniz.

Güvenli Silme iletişim kutusu görünür.

5. İsteğe bağlı olarak simgenin projede nerede kullanıldığını bulmak için seçenekleri belirleyin ve Tamam'ı tıklayın.

Android Studio, dosyaları projeden ve sürücüden siler. Ancak, projede dosyaların kullanıldığı yerleri aramayı seçtiyseniz ve bazı kullanımlar bulunursa bunları görüntüleyebilir ve silip silmeyeceğinize karar verebilirsiniz. Projenizi başarılı bir şekilde derleyebilmek için bu referansları silmeniz veya değiştirmeniz gerekir.

6. Build (Derle) > Clean Project'i (Projeyi Temizle) seçin.

Android Studio, silinen resim kaynağına karşılık gelen oluşturulmuş resim dosyalarını kaldırır. Bunları projeden ve sürücüden kaldırır.

7. Gerekirse kodun kaynağa başvuran kısımlarından kaynaklanan kalan hataları düzeltin.

Android Studio, kodunuzda bu hataları vurgular. Kodunuzdaki tüm referansları kaldırdıktan sonra projenizi başarıyla tekrar derleyebilirsiniz.