Uygulama simgeleri oluşturma

Simgeler, kullanıcılarınızın uygulamanızı ve içindeki işlemleri tanımlamasına yardımcı olur. Materyal simgelerine erişebilir ve bunları doğrudan Oluştur ile uygulamanıza ekleyebilirsiniz. Android Studio, görünümler içeren özel simgeler veya uygulamanız için simgeler oluşturmak amacıyla Image Asset Studio'yu sunar.

Oluşturma ile uygulamanıza simge ekleme

Oluştur ile Oluştur Materyal kitaplığını veya Oluştur Materyal 3 kitaplığını içe aktararak tüm Materyal simgelerine erişebilirsiniz. Sonra uygulamanıza simge eklemek için Icon composable'ı kullanın. İlgili içeriği oluşturmak için kullanılan Materyal simgeleri, en çok işlem çubuğu simgeleri, sekme simgeleri veya bildirim simgeleri için kullanışlıdır. Daha fazla bilgi için Materyal simgeleri bölümüne bakın.

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 başvurmalıdır. Image Asset Studio bu kodu ekler. otomatik olarak oluşturur. Aşağıdaki manifest dosyası kodu, mipmap/ dizinindeki ic_launcher simgesine referans verir:

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

Image Asset Studio hakkında

Android Studio, kendi uygulamanızı oluşturmanıza yardımcı olan Image Asset Studio adlı bir araç içerir. şunun simgeleri: malzeme simgeleri ve özel görseller ve metin dizeleri içerir. Uygun çözünürlükte bir simge grubu oluşturur her piksel için yoğunluk ayarını seçin. Image Asset Studio, yeni oluşturulan simgeleri projenizdeki res/ dizininin altındaki yoğunluğa özel klasörlere yerleştirir. Android, çalışma zamanında uygulamanızın ç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 resim ve metin girişleri açıklanmaktadır. kullanabilirsiniz.

Uyarlanabilir ve eski başlatıcı simgeleri

Başlatıcı simgesi, uygulamanızı kullanıcılara gösteren bir grafiktir. Şunları yapabilir:

  • Cihazda yüklü uygulamaların listesinde ve ana ekranda görünür.
  • Uygulamanızda kısayollar gösterilir (örneğin, bir kişinin ayrıntılı bilgilerini açar).
  • Başlatıcı uygulamaları tarafından kullanılabilir.
  • Kullanıcıların uygulamanızı Google Play'de bulmalarına yardımcı olun.

Uyarlanabilir başlatıcı simgeleri, farklı cihaz modellerinde çeşitli şekillerde görüntülenebilir ve Android 8.0 (API seviyesi 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 sunar. Image Asset Studio, bir daire, daire, yuvarlak, yuvarlak kare ve kare şekillerde ve tam çerçeve içinde uyarlanabilir simge simgenin önizlemesi. 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 cihaz modelleri arasında farklı şekillerde görüntülenmeyen cihazlarda kullanılmak üzere tasarlanmıştır.

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

Başlatıcı simgeleri için materyal tasarım stilini kullanmanızı öneririz. eski Android sürümlerini destekliyor olsanız bile.

Bkz. Uyarlanabilir Başlatıcı Simgeleri ve Ürün Simgeleri - Materyal Tasarım hakkında daha fazla bilgi edinin.

İşlem çubuğu ve sekme simgeleri

İşlem çubuğu simgeleri, işlem çubuğuna yerleştirilen ve ayrı işlem öğelerini temsil eden grafik öğelerdir. Bkz. İşlem Ekleme ve İşleme, Uygulama Çubuğu - Materyal Tasarım ve İşlem Çubuğu Tasarımı konulu videomuzu izleyin.

Sekme simgeleri, çok sekmeli bir arayüzde tek sekmeleri temsil etmek için kullanılan grafik öğeleridir. Her sekme simgesinin iki durumu vardır: seçilmedi ve seçildi. Daha fazla bilgi için Sekmelerle Kaydırma Görünümleri Oluşturma ve Sekmeler - Materyal Tasarım başlıklı makaleleri inceleyin.

Image Asset Studio, simgeleri res/drawable-density/. dizin oluşturabilirsiniz.

İşlem çubuğu için materyal tasarım stilini kullanmanızı öneririz ve sekme simgelerini kullanabilirsiniz. appcompat ve diğer uygulamaları kullan destek kitaplıkları malzeme tasarımı kullanıcı arayüzünüzü eski platform sürümlerine sunun.

Image Asset Studio'ya alternatif olarak şunları kullanabilirsiniz: Vector Asset Studio, eylem çubuğu oluşturmak ve sekme simgelerini tıklayın. Vektör drawable'lar 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/ dizinlerindeki uygun konumlara yerleştirir:

  • Android 2.2 simgeleri (API düzeyi 8) ve altı, res/drawable-density/ dizinlerine yerleştirilir.
  • Android 2.3 ile 2.3.7 (API düzeyi 9 ile 10) arasındaki sürümlerin simgeleri res/drawable-density-v9/ dizinlerine yerleştirilir.
  • Android 3 (API düzeyi 11) ve daha yüksekleri res/drawable-density-v11/ dizine yerleştirilir.

Uygulamanız Android 2.3 ile 2.3.7'yi (API düzeyi 9 ile 10) destekliyorsa Image Asset Studio, simgenizin gri bir sürümünü oluşturur. Sonraki Android sürümlerinde, Image Asset Studio simgesi olan beyaz bir simge kullanılır. üretir.

Bildirimler başlıklı makaleye göz atın; Bildirimler Materyal Tasarımı; Bildirimler, Android 5.0 Değişiklikleri; Bildirimler, Android 4.4 ve önceki sürümler; ve Durum Çubuğu Simgeleri, Android 3.0 ve Altı konulu videomuzu izleyin.

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 kutusunda bir simge seçmeniz yeterlidir. Daha fazla bilgi için bkz. Malzeme Simgeleri.

Resimler

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

Metin dizeleri

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

Image Asset Studio'yu çalıştırma

Resim Öğesi Stüdyosu'nu başlatmak için aşağıdaki 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 seçin Yeni > Resim Öğesi.

    Image Asset Studio&#39;daki uyarlanabilir ve eski simge sihirbazı.

  3. Aşağıdaki adımları uygulayarak devam edin:

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

Resim Öğesi Stüdyosu'nu açtıktan sonra aşağıdaki adımları uygulayarak uyarlanabilir ve eski simgeler ekleyebilirsiniz:

  1. Simge Türü alanında Başlatıcı Simgelerini (Uyarlanabilir ve Eski) seçin.
  2. Ön Plan Katmanı sekmesinde bir Öğe Türü seçin ve ardından aşağıdaki alanda öğeyi belirtin:
    • Resim dosyasının yolunu belirtmek için Resim'i seçin.
    • Materyal tasarım simge setinden bir resim belirtmek için Klip Art'ı seçin.
    • Metin dizesi belirtmek ve yazı tipi seçmek için Metin'i seçin.
  3. Arka Plan Katmanı sekmesinde bir Öğe Türü seçin ve ardından altındaki alanda öğeyi belirtin. Bir renk seçebilir ya da arka plan katmanı olarak kullanılacak bir resim belirtin.
  4. Seçenekler sekmesinde varsayılan ayarları inceleyin ve eski, yuvarlak ve Google Play Store simgeleri oluşturmak istediğinizi onaylayın.
  5. İsterseniz Ön Plan Katmanı ve Arka Plan Katmanı sekmeleri:
    • Ad: Varsayılan adı kullanmak istemiyorsanız yeni bir ad yazın dokunun. Belirtilen kaynak adı projede zaten mevcutsa bir hata oluşursa, üzerine yazılır. Ad yalnızca küçük harf, alt çizgi ve rakam içerebilir.
    • Kırp: Simge grafiği ile kenarlık arasındaki kenar boşluğunu ayarlayın kaynak öğede Evet'i seçin. Bu işlem, en boy oranını koruyarak şeffaf alanı kaldırır. Ayrılmak için kaynak öğede değişiklik yapılmadıysa Hayır'ı seçin.
    • Renk: Klip sanatı 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, Klip Art veya Metin simgesini yeniden boyutlandırmak için kaydırma çubuğunu kullanarak yüzde cinsinden bir ölçekleme faktörü belirtin. Bu arka plan katmanı için denetimi devre dışı bırakılır Renk öğe türü.
  6. İleri'yi tıklayın.
  7. İsteğe bağlı olarak kaynak dizini değiştirin: Resim öğesini eklemek istediğiniz kaynak kaynağı grubunu seçin: src/main/res, src/debug/res, src/release/res veya özel bir kaynak grubu. Ana kaynak grubu, hata ayıklama ve sürüm dahil 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 bir sürümüne uygulanır. Hata ayıklama kaynak grubu yalnızca hata ayıklama içindir. Yeni bir kaynak grubu tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, beta kaynak grubu tanımlayabilir ve bir simgenin sağ alt köşesinde "BETA" metnini içeren bir sürümü oluşturabilirsiniz. Daha fazla bilgi için Derleme varyantlarını yapılandırma başlıklı makaleyi inceleyin.
  8. Son'u tıklayın. Image Asset Studio, resimleri mipmap klasörlerini kullanın.

Temalı uygulama simgelerini önizleme

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

Temalı uygulama simgeleri oluşturma hakkında daha fazla bilgi edinmek için Uyarlanabilir simgeler başlıklı makaleyi inceleyin.

Sistem Kullanıcı Arayüzü Modu seçici.

Farklı duvar kağıtlarında temalı uygulama simgelerini önizleyin.

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

Resim Öğesi Stüdyosu'nu açtıktan sonra aşağıdaki adımları uygulayarak işlem çubuğu veya sekme simgesi ekleyebilirsiniz:

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

      • Simge Seç iletişim kutusunda bir malzeme simgesi seçin ve 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 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. Bu kaynak adı projede zaten mevcutsa (sihirbazın alt kısmındaki hatayla belirtilir) üzerine yazılır. Ad, küçük harf içerebilir Yalnızca karakterler, alt çizgi ve rakamlar kullanılmalıdır.
    • Kırp: kaynak öğede simge grafiğini ve kenarlıkları görüyorsanız Evet'i seçin. Bu işlem saydam alanı kaldırır, en boy oranını korumak. Kaynak öğeyi değiştirmeden bırakmak için Hayır'ı seçin.
    • Dolgu: Dört tarafın da 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 kırpma işlemi önce gerçekleşir.
    • Tema: HOLO_LIGHT veya HOLO_DARK'ı seçin. Renk Seçin iletişim kutusunda bir renk belirtmek için ÖZEL seçeneğini ve ardından Özel renk alanını tıklayın.

    Image Asset Studio, simgeyi şeffaf bir kare içinde oluşturur. Bu nedenle, kenarlarda biraz boşluk olur. Dolgu, standart gölge simgesi efekti için yeterli alan sağlar.

  4. İleri'yi tıklayın.
  5. İsteğe bağlı olarak kaynak dizinini değiştirin:
    • Res Dizini: Resim öğesini eklemek istediğiniz kaynak Ana kaynak grubu, şunlar dahil tüm derleme varyantları için geçerlidir: hata ayıklamak ve yayınlamaktır. Hata ayıklama ve sürüm kaynağı grupları, ana kaynak grubunu geçersiz kılar ve bir derleme sürümü olarak yükleyebilirsiniz. Hata ayıklama kaynak grubu yalnızca hata ayıklama içindir. Yeni bir kaynak kümesi tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, beta kaynak grubu tanımlayabilir ve bir simgesinin sağ alt köşesinde "BETA" metnini içeren bir sürümü oluşturabilirsiniz. Daha fazla bilgi için bkz. Derleme Varyantlarını Yapılandırma

    Çıkış Dizinleri alanında, resimler ve bu resimlerin Proje penceresinin Proje Dosyaları görünümünde görüneceği klasörler gösterilir.

  6. Son'u tıklayın.

    7. Image Asset Studio, resimlerin drawable (Çekilebilir) klasörlerine farklı yoğunluklara sahip olabilir.

Bildirim oluşturma simgesi

Resim Öğesi Stüdyosu'nu açtıktan sonra aşağıdaki adımları uygulayarak bildirim simgesi ekleyebilirsiniz:

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

      • Simge Seç iletişim kutusunda bir malzeme simgesi seçip Tamam'ı tıklayın.

    • Yol alanına 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 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. Bu kaynak adı projede zaten mevcutsa (sihirbazın alt kısmındaki hatayla belirtilir) üzerine yazılır. Ad, küçük harf içerebilir Yalnızca karakterler, alt çizgi ve rakamlar kullanılmalıdır.
    • Kırp: kaynak öğede simge grafiğini ve kenarlıkları görüyorsanız Evet'i seçin. Bu işlem şeffaf alanı kaldırırken en boy oranını korur. Kaynak öğeyi değiştirmemek için Hayır'ı seçin.
    • Dolgu: Dört tarafın da kaynak öğe dolgusunu ayarlamak istiyorsanız kaydırma çubuğunu hareket ettirin. Şu değerler arasında bir değer seçin: -%10 ve %50. Kırp'ı da seçerseniz kırpma işlemi önce yapılır.

    Image Asset Studio, simgeyi şeffaf bir kare içinde oluşturur. Böylece bazı dolgular olur. yardımcı olabilir. Dolgular, standart gölge simgesi efekti için yeterli alan sağlar.

  4. İleri'yi tıklayın.
  5. İsteğe bağlı olarak kaynak dizinini değiştirin:
    • Res Dizini: Resim öğesini eklemek istediğiniz kaynak Ana kaynak grubu, şunlar dahil tüm derleme varyantları için geçerlidir: hata ayıklamak ve yayınlamaktır. Hata ayıklama ve sürüm kaynağı grupları, ana kaynak grubunu geçersiz kılar ve bir derleme sürümü olarak yükleyebilirsiniz. Hata ayıklama kaynağı grubu yalnızca hata ayıklama amaçlıdır. Yeni bir kaynak kümesi tanımlamak için Dosya > Proje Yapısı > uygulama > Derleme Türleri'ni seçin. Örneğin, beta kaynak grubu tanımlayabilir ve bir simgesinin sağ alt köşesinde "BETA" metnini içeren bir sürümü oluşturabilirsiniz. Daha fazla bilgi için bkz. Derleme Varyantlarını Yapılandırma

    Çıkış Dizinleri alanında, resimler ve bu resimlerin Proje penceresinin Proje Dosyaları görünümünde görüneceği klasörler gösterilir.

  6. Son'u tıklayın.

    7. Image Asset Studio, resimlerin drawable (çekilebilir) klasörlerine farklı yoğunluklara ve versiyonlara sahiptir.

Görünümler ile kodda bir resim kaynağına başvurma

Normalde, kodunuzda bir resim kaynağına genel bir şekilde referans verebilirsiniz. Uygulamanız çalıştırıldığında, cihaza bağlı olarak ilgili resim otomatik olarak görüntülenir:

  • Çoğu durumda, görüntü kaynaklarına XML kodunda @drawable veya Drawable kullanır.

    • Örneğin, aşağıdaki düzen XML kodunda çekilebilir öğe bir ImageView:

    <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:

    Kotlin

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

    Java

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

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

  • Uygulamanız Destek Kitaplığı'nı kullanıyorsa XML kodundaki bir resim kaynağına referans için app:srcCompat ifadesi. Örnek:
    • <ImageView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:srcCompat="@drawable/myimage" />

Resim kaynaklarına yalnızca ana ileti dizisinden erişebilirsiniz.

Projenizin res/ dizininde bir resim kaynağı oluşturduktan sonra, kaynak kimliğini kullanarak Java kodunuzdan veya XML düzeninizden bu kaynağa referans verebilirsiniz. Aşağıdaki Java kodu, drawable/myimage.png kaynağını kullanacak bir ImageView ayarlar:

Kotlin

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

Java

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

Görüntüleyin Daha fazla bilgi için Kaynaklara Erişme başlıklı makaleye göz atın.

Projedeki bir simgeyi silme

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ü genişletin veya res/drawable klasöründe görüntülenebilir.
  3. Silmek istediğiniz simgenin adını içeren bir alt klasör bulun.

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

  4. Klasörü seçip Sil tuşuna basın.

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

    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.

    6. Android Studio, dosyaları projeden ve Drive'dan siler. Ancak, projede dosyaların kullanıldığı yerleri aramayı seçtiyseniz ve bazı kullanımlar bulunursa bunları görüntüleyebilir ve silmek isteyip istemediğinize karar verebilirsiniz. Projenizi başarıyla derleyebilmek için bu referansları silmeniz veya değiştirmeniz gerekir.

  6. Derle'yi seçin > Temiz Proje.

    7. Android Studio, silinen resim kaynağına karşılık gelen oluşturulan resim dosyalarını kaldırır. Bu işlem, dosyaları projeden ve sürücüden kaldırır.

  7. Gerekirse, gösterir.

    8. Android Studio, kodunuzda bu hataları vurgular. Tüm referansları kaldırdığınızda sonra projenizi başarıyla yeniden derleyebilirsiniz.