Uygulamanız yalnızca metin ve renk içerebilecek olsa da logo veya resim gibi daha fazla görsel öğe eklemek isteyebilirsiniz. Android'in, grafik efektleri oluşturmak veya hareket katmak için çeşitli kitaplıkların yanı sıra uygulamanıza grafik eklemeyle ilgili özel en iyi uygulamaları vardır.
Android varlığına, ekranda çizilen bir kaynak türü olan çekilebilir denir. Bu, bit eşlemleri, şekilleri ve vektörleri içerir, ancak bunlarla sınırlı değildir.
Görsel ve grafik oluştururken aşağıdakileri göz önünde bulundurun:
- Öğelere sabit metinler eklemekten kaçının.
- Mümkün olduğunda önce vektör biçimlerini kullanın.
- Çözüm paketleri için öğeler sağlayın.
- Arka plan resimleri ile metin arasında yeterli çerçeve olmasını sağlayın.
- Android'in gradyan, renklendirme ve bulanıklık gibi farklı resim efektlerini kullanabilmesine rağmen bunlardan bazılarının performansı daha pahalıdır.
- Animasyonlu Vektör Çekilebilir Öğeleri, küçük kullanıcı arayüzü animasyonları için ölçeklenebilir bir biçim sağlar.
Android için öğeleri dışa aktarma
- Öğe adlarını küçük harfle biçimlendirin.
- Basit öğeleri SVG olarak dışa aktarılacak şekilde ayarlayın.
- Fotoğraflar gibi karmaşık resimleri WebP, PNG, JPG olarak dışa aktarılacak şekilde ayarlayın.
- Aşağıdaki tabloda gösterildiği gibi doğru çözünürlük ölçeklendirmesini ayarlayın.
| Ekran boyutu | Ölçek |
|---|---|
mdpi |
1 kat |
hdpi |
1,5 |
xhdpi |
2 kat |
xxhdpi |
3 kat |
xxxhdpi |
4 kat |
İsteğe bağlı olarak, Android Studio'yu kullanarak SVG'leri Vector Drawables'a (VD) dönüştürebilirsiniz. Öğeleri aşağıdaki resimde gösterildiği gibi aktarım çözünürlüğüne karşılık gelen dizinler halinde düzenleyin. Örneğin, klasör adlarına ekran boyutunu ekleyin.
Öğe türleri
Android aşağıdaki öğe türlerini destekler.
Vektör
Vektör grafikler, kayıpsız bir biçimdir. Diğer bir deyişle, ölçeklendirildiğinde görsel bilgileri kaybetmez. Vektörler, bir resim oluşturmak için doldurulan matematik noktalarından oluşur.
Vektör biçimleri
Android şu vektör resim biçimlerini destekler: SVG ve Vektör Çekilebilir.
Vektör Çekilebilir e-postaları, SVG'lere benzer ancak XML tabanlıdır. Ayrıca, renk geçişleri gibi
çeşitli özellikleri de desteklerler. Desteklenen özellikler hakkında daha fazla bilgi için VectorDrawable bölümüne bakın. SVG'leri Vector Asset Studio aracılığıyla Vector Drawable'lara dönüştürebilirsiniz.
Kullanım örnekleri
Boyutları küçük olduğu için simgeleri vektör biçimi kullanarak oluşturmak en iyi seçenektir. Animasyonlu Vektör Çekicisi, simgeye hareket eklemek için kullanılabilir.
- Çizimler; kullanıcıları yönlendirmeye, kavramları açıklamaya veya fikirleri ifade etmeye yardımcı olan grafiklerdir. Genellikle markanın tarzını ifade ederler.
- Kahraman çizimler, içeriğin geri kalanında büyük önem taşır. Bu çizimler, genel görünümü ve tarzı belirlemek ve temel bilgileri açıklamak için kullanılır.
- Spot çizimleri daha küçüktür, genellikle satır içidir ve etrafındaki içeriği destekler.
Kafes
Kayıplı veya ölçeklendirme ya da ölçeklendirme yoluyla değiştirildiğinde ayrıntıları kaybeden grafik, resmi oluşturan piksellerden oluşur. Kafes grafikler genellikle fotoğraflar veya karmaşık gradyanlar gibi ayrıntılı görüntüler için kullanılır. Ölçeklendirildiğinde ayrıntıları kaybettiklerinden, bu görüntülerin birden fazla çözünürlüğünü dışa aktarın.
Kafes biçimleri
Android şu kafes resim biçimlerini destekler: PNG, GIF, JPG, WebP.
Kullanım örnekleri
Kullanım örnekleri arasında, geniş bir renk paleti ve derecelendirmesi ile sonuçlanan bir dizi dokuya sahip veya aşırı karmaşık bezier noktalarından oluşan resimler bulunmaktadır. Kullanım alanları; ürün fotoğrafları ve konum ayrıntıları gibi son derece ayrıntılı fotoğraf öğelerini de kapsayabilir.
Boyutlandırma
Öğe oluştururken aşağıdaki noktaları göz önünde bulundurun.
Çözüm paketleri
Uygulamanız, ekran yoğunluğu aralıklarına veya paketlere dayalı bit eşlem grafikleri sağlamalıdır. İşletim sistemi bu paketleri kullanarak söz konusu cihazda doğru grafiği otomatik olarak görüntüler. Her bir paket için öğeler sağlayarak her cihazda yüksek kaliteli grafikler gösterildiğinden emin olun.
Dolgu
Simgeler ve benzer küçük öğeler, öğeye yeterli dokunma hedefi alanı vermek ve tutarlı boyutlandırma sağlamak için içsel (yerleşik) dolgu içermelidir.
Dosya adları
Android öğeleri küçük harfle yazılır ve çözünürlük son eki içermez.
Dosya ve projelerinizi düzenli tutmak için tutarlı bir adlandırma kuralı ve yapısı kullanın. Örneğin, simgeleri "ic_..." önekiyle adlandırmak, projenizdeki tüm simgeleri düzenlemenize ve geliştirme sırasında simgeleri hızlı bir şekilde tanımlamanıza yardımcı olabilir.
Diğer uygulama öğeleri
Uygulama simgeleri
Başlatıcı simgeleri ana ekranda bulunur. Sistem kullanıcı arayüzünde tek renkli bildirimler, durum çubuğu ve widget'lar da dahil tek renkli simgeler bulun.
Uygulama simgelerini, uyarlanabilir simgeler için vektör çekilebilir kaynakları, eski simgeler için de PNG olarak biçimlendirin. Uygulama simgenizi oluşturma ve önizleme hakkında daha fazla bilgi edinmek için Uygulama Simgelerinizi Tasarlama ve Önizleme başlıklı makaleye göz atın.
Başlangıç ekranları
Android 12 sürümünden itibaren uygulamanız, açıldığında uygulama simgesinin bulunduğu animasyonlu bir başlangıç ekranı gösterebilir.
Yerleşim
Resimlerin ekrandaki ölçeklendirme ve konumlandırılmasına dikkat edin. Resimlerdeki ölçeklendirmeyi ayarlamak için Fit, Kırp, FillHeight, FillWidth, FillBounds, Inside ve None seçenekleri kullanılabilir.
Ayrıca, ek efektler oluşturmak için resimleri kırparak şekiller oluşturabilirsiniz.
Duyarlı kırpma
Resimleri duyarlı bir şekilde görüntülemek için resmin farklı ayrılma noktası aralıklarında nasıl kırpılacağını tanımlayın. Farklı ayrılma noktası aralıklarında kırpma işlemi şunlara neden olabilir:
- Sabit bir oranı korumak
- Farklı oranlara uyum sağlayın.
- Resim yüksekliklerini sabit tutun.
Tek oranı koruyun
Resim boyutlandırma, ayrılma noktası aralıklarında tek bir sabit oran içerebilir.
Farklı oranlara uyum sağlayın
Resim oranları, farklı ayrılma noktası aralıklarına uyum sağlayarak değişebilir. Örneğin, Şekil 9'da, ayrılma noktaları arasında 1:1'den 16:9'a kadar olan resim oranı değişir.
Resim yükseklikleri düzeltildi
Resim boyutlandırma, ayrılma noktası aralıklarında ve bu aralıklar içinde sabit bir yükseklik ve değişken genişliği koruyabilir. Görüntünün yüksekliği sabitken ayrılma noktaları arasındaki genişlik değişkendir.
Efektler
Android'de çeşitli yerleşik görüntü efektleri bulunur. Sık karşılaşılan etkilerden bazıları şunlardır:
Renk geçişleri
Oluştur'da, ekranda bir şey çizmek için Fırça kullanın. Farklı renklerde veya gradyanlardan şekiller çizmek için farklı fırçalar kullanılabilir. Farklı renk geçiş efektleri elde etmek için yerleşik gradyan fırçalarını kullanın. Bu fırçalar, renk geçişi oluşturmak istediğiniz renklerin listesini belirtmenize olanak tanır.
Gradyan fırçaları, durmanın gerçekleştiği renklerin ve yüzdelerin listesini sağladığınız sürece renk duraklamaları ve karolar ekleyerek daha gelişmiş renk geçişleri yapabilir. Gradyanları, düz renk dolgularını veya resimleri kırpmak için kapsayıcılar veya şekiller kullanın.
Bulanıklaştırma
Modifier.blur() yöntemini kullanarak ve bulanıklaştırma oranlarını sağlayarak resimlere bulanıklaştırma efektleri uygulayın. Performansı etkileyebileceği ve yalnızca Android 12 ve sonraki sürümleri çalıştıran cihazlarda kullanılabildiği için bulanıklaştırma yaparken dikkatli olun. Daha fazla bilgi için Oluşturulabilir resimleri bulanıklaştırma bölümüne bakın.
Karışık modlar
Android, tasarım yazılımlarında bulabileceğiniz benzer boole işlemleri ve birleştirme modları (ör. birleştirme veya çarpma) aracılığıyla görüntüleri değiştirebilir. Daha fazla bilgi için BlendMode bölümüne bakın.
Tonlama
Öğeleri tonlamak için karıştırma modlarını ve dolguları kullanın. Bu, tek bir öğeye sahip olmanızı ve ona farklı renkler uygulayabilmenizi sağlar. Bu da üretilen öğe miktarını azaltabilir.
Hareket
Grafikler, hareketli dosyaları yüklemek yerine hareketli grafikler oluşturmak için programatik olarak canlandırılabilir. Bu durum, daha fazla esneklik ve öğe kaynaklarının daha küçük olmasını sağlayabilir.
Animasyonlu Vektör Çekilebilir Reklamlar, küçük kullanıcı arayüzü animasyonları oluşturmanıza olanak tanır. Aksi takdirde, Oluştur'da animasyon kareleriyle animasyon uygulama hakkında daha fazla bilgi edinin. Resim efektleri hakkında daha fazla bilgi için Resmi özelleştirme bölümünü okuyun.