Kotlin Android Fundamentals 10.1: Stiller ve temalar

Bu codelab, Android Kotlin Hakkında Temel Bilgiler kursunun bir parçasıdır. Bu kurstan en iyi şekilde yararlanmak için codelab'leri sırayla tamamlamanızı öneririz. Kursla ilgili tüm codelab'ler Android Kotlin Hakkında Temel Bilgiler codelab'leri açılış sayfasında listelenir.

Tasarıma giriş

Bu kod laboratuvarı serisinde Android geliştirmenin en önemli yönlerinden biri olan uygulama tasarımına odaklanılmaktadır. Uygulama tasarımının belirgin yönleri arasında görünümler, metinler ve düğmelerin yanı sıra bunların ekrandaki yerleri, kullandıkları renkler ve yazı tipleri yer alır. Kullanıcıya bir sonraki adımda ne yapması gerektiğiyle ilgili ipuçları vermek de tasarımın önemli bir parçasıdır. Kullanıcılar, neye baktıklarını, neyin önemli olduğunu ve ne yapabileceklerini bir bakışta anlayabilmelidir.

Aşağıdaki iki ekranı karşılaştırın. Öğeleri hareket ettirerek ve önemli olan noktalara odaklanarak kullanıcının neler olduğunu anlamasına yardımcı olabileceğinizi unutmayın. Basit ekranlarda iyi tasarım genellikle daha az şey göstermek anlamına gelir. Çok sayıda önemli bilgi içeren ekranlarda iyi bir tasarım, yoğun bilgilerin bir bakışta anlaşılmasını sağlar. Android uygulamaları üzerinde çalışırken bu kavramın bilgi mimarisi (IA) olarak adlandırıldığını duyabilirsiniz.

Bir diğer tasarım düzeyi, kullanıcıların görevleri tamamlamasına olanak tanıyan tutarlı kullanıcı işlemleri akışları veya kullanım alanları oluşturmaktır. Bu tasarım biçimine kullanıcı deneyimi tasarımı (UXD) denir ve bazı tasarımcılar bu alanda uzmanlaşır.

Bir tasarımcıya erişiminiz yoksa başlamanıza yardımcı olacak birkaç ipucunu aşağıda bulabilirsiniz:

  • Kullanım alanlarını tanımlayın. Kullanıcıların uygulamanızla neyi nasıl yapması gerektiğini yazın.
  • Tasarım uygulama İlk taslağınıza bağlı kalmayın ve yalnızca "yeterince iyi" hale getirin. Çünkü gerçek kullanıcıların taslağınızla nasıl etkileşime geçtiğini gördükten sonra taslağı değiştireceksiniz.
  • Geri bildirim alma Aileniz, arkadaşlarınız ve hatta Google Developer Group'ta yeni tanıştığınız kişiler gibi uygulamanızı test etmeye ikna edebileceğiniz herkesi bulun. Onlardan, siz izlerken ve ayrıntılı notlar alırken bir kullanım alanını gerçekleştirmek için uygulamanızı kullanmalarını isteyin.
  • Ayrıntılandır! Bu bilgileri kullanarak uygulamayı daha iyi hale getirin ve tekrar test edin.

Harika bir uygulama deneyimi tasarlarken kendinize sorabileceğiniz diğer bazı soruları aşağıda bulabilirsiniz. Önceki codelab'lerde bu sorunlarla başa çıkma tekniklerini öğrendiniz:

  • Kullanıcı cihazını döndürdüğünde uygulama durumunu kaybediyor mu?
  • Kullanıcı uygulamayı açtığında ne olur? Kullanıcı, yükleme animasyonu mu görüyor yoksa veriler çevrimdışı önbellekte hazır mı?
  • Uygulama, verimli olacak ve kullanıcının dokunuşlarına her zaman yanıt verecek şekilde mi kodlanmış?
  • Uygulama, arka uç sistemleriyle etkileşime girerken kullanıcıya hiçbir zaman tuhaf, yanlış veya eski veriler sunulmasına yol açmıyor mu?

Daha geniş kitlelere yönelik uygulamalar geliştirirken uygulamalarınızı mümkün olduğunca çok sayıda kullanıcıya erişilebilir hale getirmeniz önemlidir. Örneğin:

  • Birçok kullanıcı, bilgisayar sistemleriyle farklı şekillerde etkileşim kurar. Birçok kullanıcı renk körüdür ve bir kullanıcı için kontrast oluşturan renkler başka bir kullanıcı için uygun olmayabilir. Birçok kullanıcının görme bozukluğu vardır. Bu bozukluklar, okuma gözlüğü kullanmaktan tamamen kör olmaya kadar değişebilir.
  • Bazı kullanıcılar dokunmatik ekranları kullanamaz ve düğmeler gibi diğer giriş cihazları aracılığıyla etkileşim kurar.

Kullanıcıların uygulamanızı kullanmasını sağlamanın en önemli yolu iyi bir tasarımdır.

Bu codelab'ler, Android için tasarım hakkında her şeyi öğretmek için çok kısa olsa da sizi iyi bir başlangıç yapmaya yönlendirecek. Ardından, kendi başınıza öğrenmeye ve gelişmeye devam edebilirsiniz.

Bilmeniz gerekenler

Aşağıdaki konular hakkında bilgi sahibi olmanız gerekir:

  • Etkinlikler ve parçalar içeren uygulamalar oluşturma ve veri aktararak parçalar arasında gezinme
  • Aşağıdakiler dahil olmak üzere kullanıcı arayüzü (UI) oluşturmak için görünümleri ve görünüm gruplarını kullanma RecyclerView
  • İyi yapılandırılmış ve verimli bir uygulama oluşturmak için önerilen mimariyle birlikte ViewModel dahil olmak üzere Architecture Components'ı kullanma
  • Veri bağlama, eşzamanlı rutinler ve tıklamaları işleme
  • Room veritabanı kullanarak internete bağlanma ve verileri yerel olarak önbelleğe alma
  • Görünüm özelliklerini ayarlama
  • Kaynakları XML kaynak dosyalarına çıkarma ve bu dosyalardaki kaynakları kullanma

Neler öğreneceksiniz?

  • Android'in stil sisteminin temelleri
  • Uygulamanızı özelleştirmek için özellikleri, stilleri ve temaları kullanma

Yapacaklarınız

  • Görünüm özellikleri, stiller ve temalarla başlangıç uygulamasının tasarımını iyileştirme

GDG-finder başlangıç uygulaması, bu kursta şimdiye kadar öğrendiğiniz her şeyi temel alır.

Uygulama, üç ekranı düzenlemek için ConstraintLayout kullanıyor. Ekranlardan ikisi, Android'de renkleri ve metni keşfetmek için kullanacağınız düzen dosyalarıdır.

Üçüncü ekran, GDG bulma aracıdır. GDG'ler (Google Geliştirici Grupları), Android de dahil olmak üzere Google teknolojilerine odaklanan geliştirici topluluklarıdır. Dünyanın dört bir yanındaki GDG'ler buluşmalar, konferanslar, çalışma grupları ve diğer etkinlikleri düzenler.

Bu uygulamayı geliştirirken gerçek GDG listesi üzerinde çalışırsınız. Bulucu ekranı, GDG'leri mesafeye göre sıralamak için cihazın konumunu kullanır.

Şanslıysanız ve bölgenizde bir GDG varsa web sitesini ziyaret edip etkinliklerine kaydolabilirsiniz. GDG etkinlikleri, diğer Android geliştiricilerle tanışmak ve bu kursa sığmayan sektördeki en iyi uygulamaları öğrenmek için harika bir fırsattır.

Aşağıdaki ekran görüntüleri, bu codelab'in başından sonuna kadar uygulamanızda yapılacak değişiklikleri göstermektedir.

Android, uygulamanızdaki tüm görünümlerin görünümünü kontrol etmenize olanak tanıyan zengin bir stil sistemi sunar. Stili etkilemek için temaları, stilleri ve görünüm özelliklerini kullanabilirsiniz. Aşağıdaki şemada, her stil oluşturma yönteminin önceliği özetlenmektedir. Piramit diyagramı, stil yöntemlerinin sistem tarafından uygulanma sırasını alttan üste doğru gösterir. Örneğin, temada metin boyutunu ayarladıktan sonra görünüm özelliklerinde metin boyutunu farklı şekilde ayarlarsanız görünüm özellikleri, tema stilini geçersiz kılar.

Özellikleri görüntüleme

  • Her görünüm için özellikleri açıkça ayarlamak üzere görünüm özelliklerini kullanın. (Görünüm özellikleri, stiller gibi yeniden kullanılamaz.)
  • Stiller veya temalar aracılığıyla ayarlanabilen her özelliği kullanabilirsiniz.

Kenar boşlukları, dolgular veya kısıtlamalar gibi özel ya da tek seferlik tasarımlar için kullanılır.

Stiller

  • Yeniden kullanılabilir stil bilgileri (ör. yazı tipi boyutu veya renkler) koleksiyonu oluşturmak için stil kullanın.
  • Uygulamanızda kullanılan küçük ve ortak tasarımları bildirmek için uygundur.

Varsayılan stili geçersiz kılarak birden fazla görünüme stil uygulama Örneğin, tutarlı şekilde stillendirilmiş başlıklar veya bir dizi düğme oluşturmak için stil kullanın.

Varsayılan stil

  • Bu, Android sistemi tarafından sağlanan varsayılan stildir.

Temalar

  • Tüm uygulamanızın renklerini tanımlamak için bir tema kullanın.
  • Uygulamanın tamamında varsayılan yazı tipini ayarlamak için tema kullanın.
  • Metin görünümleri veya radyo düğmeleri gibi tüm görünümler için geçerlidir.
  • Uygulamanın tamamında tutarlı bir şekilde uygulayabileceğiniz özellikleri yapılandırmak için kullanılır.

TextAppearance

  • Yalnızca metin özellikleriyle stil oluşturmak için (ör. fontFamily).

Android bir görünümü stillendirirken temaların, stillerin ve özelliklerin bir kombinasyonunu uygular. Bu kombinasyonu özelleştirebilirsiniz. Öznitelikler, bir stilde veya temada belirtilen her şeyi her zaman geçersiz kılar. Stiller, temada belirtilen her şeyin üzerine yazılır.

Aşağıdaki ekran görüntülerinde, GDG-finder uygulamasının açık tema (sol) ve koyu tema (sağ) ile özel yazı tipi ve başlık boyutlarıyla görünümü gösterilmektedir. Bu özellik çeşitli şekillerde uygulanabilir. Bu codelab'de bunlardan bazılarını öğreneceksiniz.

Bu görevde, uygulama düzenindeki metinlerin başlıklarını stilize etmek için özellikleri kullanırsınız.

  1. GDG-finder başlangıç uygulamasını indirip çalıştırın.
  2. Ana ekranda çok sayıda tek tip biçimlendirilmiş metin olduğunu fark edebilirsiniz. Bu durum, sayfanın ne hakkında olduğunu ve neyin önemli olduğunu anlamayı zorlaştırır.
  3. home_fragment.xml düzen dosyasını açın.
  4. Düzenin, öğeleri ScrollView içinde konumlandırmak için ConstraintLayout kullandığını unutmayın.
  5. Her görünüm için kısıtlama ve kenar boşluğu düzeni özelliklerinin görünümde ayarlandığını unutmayın. Bunun nedeni, bu özelliklerin her görünüm ve ekran için özelleştirilme eğiliminde olmasıdır.
  6. title metin görünümünde, metin boyutunu 24sp olarak değiştirmek için textSize özelliğini ekleyin.

    sp, kullanıcının cihaz ayarlarında belirlediği piksel yoğunluğu ve yazı tipi boyutu tercihiyle ölçeklendirilen ölçekten bağımsız pikselleri ifade eder. Android, metni çizerken ekrandaki metnin ne kadar büyük olması gerektiğini belirler. Metin boyutları için her zaman sp kullanın.
<TextView
       android:id="@+id/title"
...

android:textSize="24sp"
  1. title metin görünümünün textColor özelliğini #FF555555 aRGB değerine ayarlayarak opak gri olarak ayarlayın.
<TextView
       android:id="@+id/title"
...

android:textColor="#FF555555"
  1. Android Studio'da Önizleme sekmesini açmak için Görünüm > Araç Pencereleri > Önizleme'yi seçin veya Düzen Düzenleyici'nin sağ kenarındaki dikey Önizleme düğmesini tıklayın. Önizlemede, başlığın aşağıda gösterildiği gibi gri ve eskisinden daha büyük olduğunu doğrulayın.

  1. Altyazıyı, başlıkla aynı renkte ve daha küçük bir yazı tipiyle 18sp olacak şekilde biçimlendirin. (Varsayılan alfa değeri FF, opak'tır. Değiştirmiyorsanız alfa değerini atlayabilirsiniz.)
<TextView
       android:id="@+id/subtitle"
...
android:textSize="18sp"
android:textColor="#555555"

  1. Bu codelab'de amaç, uygulamayı profesyonel görünecek şekilde biraz eğlenceli hale getirmektir ancak uygulamayı istediğiniz gibi şekillendirebilirsiniz. subtitle metin görünümü için aşağıdaki özellikleri deneyin. Uygulamanızın görünümünün nasıl değiştiğini görmek için Önizleme sekmesini kullanın. Ardından bu özellikleri kaldırın.
<TextView
       android:id="@+id/subtitle"
       ...
       android:textAllCaps="true"
       android:textStyle="bold"
       android:background="#ff9999"
  1. Devam etmeden önce textAllCaps, textStyle ve background özelliklerini subtitle görünümünden geri almayı unutmayın.
  2. Uygulamanızı çalıştırın. Uygulamanızın görünümü iyileşmiş olmalıdır.

Uygulamanızda yazı tiplerini kullanırken gerekli yazı tipi dosyalarını APK'nızın bir parçası olarak gönderebilirsiniz. Bu çözüm basit olsa da uygulamanızın indirilmesi ve yüklenmesi daha uzun sürdüğünden genellikle önerilmez.

Android, uygulamaların Downloadable Fonts API'yi kullanarak çalışma zamanında yazı tiplerini indirmesine olanak tanır. Uygulamanız cihazdaki başka bir uygulamayla aynı yazı tipini kullanıyorsa Android, yazı tipini yalnızca bir kez indirerek cihazın depolama alanından tasarruf sağlar.

Bu görevde, temayı kullanan uygulamanızdaki her görünümün yazı tipini ayarlamak için indirilebilir yazı tiplerini kullanacaksınız.

1. adım: İndirilebilir bir yazı tipi uygulayın

  1. Tasarım sekmesinde home_fragment.xml simgesini açın.
  2. Bileşen Ağacı bölmesinde title metin görünümünü seçin.
  3. Özellikler bölmesinde fontFamily özelliğini bulun. Bu özelliği Tüm Özellikler bölümünde bulabilir veya arayabilirsiniz.
  4. Açılır ok simgesini tıklayın.
  5. Diğer Yazı Tipleri 'ne gidin ve bu seçeneği belirleyin. Kaynaklar penceresi açılır.

  1. Kaynaklar penceresinde lobster veya yalnızca lo ifadesini arayın.
  2. Sonuçlarda Lobster Two'yu seçin.
  3. Sağ tarafta, yazı tipi adının altında İndirilebilir yazı tipi oluştur radyo düğmesini seçin. Tamam'ı tıklayın.
  4. Android Manifest dosyasını açın.
  5. Manifestin alt kısmına yakın bir yerde, <meta-data> etiketini bulun. Bu etikette name ve resource özellikleri "preloaded_fonts" olarak ayarlanmıştır. Bu etiket, Google Play Hizmetleri'ne bu uygulamanın indirilen yazı tiplerini kullanmak istediğini bildirir. Uygulamanız çalışıp Lobster Two yazı tipini istediğinde, yazı tipi sağlayıcı, yazı tipi cihazda mevcut değilse internetten indirir.
<meta-data android:name="preloaded_fonts" android:resource="@array/preloaded_fonts"/>
  1. res/values klasöründe, bu uygulama için indirilebilir tüm yazı tiplerini listeleyen diziyi tanımlayan preloaded_fonts.xml dosyasını bulun.
  2. Benzer şekilde, res/fonts/lobster_two.xml dosyasında yazı tipiyle ilgili bilgiler bulunur.
  3. home_fragment.xml dosyasını açın ve kod ile önizlemede Lobster Two yazı tipinin title TextView öğesine, dolayısıyla başlığa uygulandığını görün.

  1. res/values/styles.xml'ı açın ve proje için oluşturulan varsayılan AppTheme temasını inceleyin. Şu anda aşağıdaki gibi görünüyor. Yeni Lobster Two yazı tipini tüm metne uygulamak için bu temayı güncellemeniz gerekir.
  2. <style> etiketinde parent özelliğine dikkat edin. Her stil etiketi bir üst öğe belirtebilir ve üst öğenin tüm özelliklerini devralabilir. Kod, Android kitaplıkları tarafından tanımlanan Theme belirtir. Düğmelerin işleyişinden araç çubuklarının nasıl çizileceğine kadar her şeyi belirleyen MaterialComponents teması. Temada mantıklı varsayılan değerler bulunur. Bu nedenle, yalnızca istediğiniz bölümleri özelleştirebilirsiniz. Uygulama, yukarıdaki ekran görüntüsünde görebileceğiniz gibi, bu temanın işlem çubuğu (NoActionBar) olmayan Light sürümünü kullanıyor.
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
   <!-- Customize your theme here. -->
   <item name="colorPrimary">@color/colorPrimary</item>
   <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
   <item name="colorAccent">@color/colorAccent</item>
</style>
  1. AppTheme stilinin içinde yazı tipi ailesini lobster_two olarak ayarlayın. Üst tema her ikisini de kullandığı için hem android:fontFamily hem de fontFamily değerini ayarlamanız gerekir. Değişikliklerinizi önizlemek için Tasarım sekmesinde home_fragment.xml işaretini görebilirsiniz.
<style name="AppTheme"  
...    
        <item name="android:fontFamily">@font/lobster_two</item>
        <item name="fontFamily">@font/lobster_two</item>
  1. Uygulamayı tekrar çalıştırın. Yeni yazı tipi tüm metne uygulanır. Gezinme çekmecesini açıp diğer ekranlara gidin. Yazı tipinin bu ekranlarda da uygulandığını görürsünüz.

2. adım: Temayı başlığa uygulayın

  1. home_fragment.xml içinde lobster_two yazı tipi özelliğini içeren title metin görünümünü bulun. fontFamily özelliğini silin ve uygulamayı çalıştırın. Tema aynı yazı tipi ailesini ayarladığından herhangi bir değişiklik olmaz.
  2. fontFamily özelliğini tekrar title metin görünümüne yerleştirin:
    app:fontFamily="serif-monospace"
    Özelliğin app alanında olduğundan emin olun.
<TextView
       android:id="@+id/title"
       ...
       app:fontFamily="serif-monospace"
  1. Uygulamayı çalıştırdığınızda, görünüme özgü özelliğin temayı geçersiz kıldığını görürsünüz.
  1. fontFamily özelliğini title metin görünümünden kaldırın.

Temalar, uygulamanıza genel temalar (ör. varsayılan yazı tipi ve birincil renkler) uygulamak için idealdir. Özellikler, belirli bir görünümü stilize etmek ve her ekrana özel olabilen kenar boşlukları, dolgu ve kısıtlamalar gibi düzen bilgileri eklemek için idealdir.

Stil hiyerarşisi piramidinin ortasında stiller yer alır. Stiller, istediğiniz görünümlere uygulayabileceğiniz, yeniden kullanılabilir özellik "gruplarıdır". Bu görevde, başlık ve alt başlık için bir stil kullanıyorsunuz.

1. adım: Stil oluşturun

  1. res/values/styles.xml adlı kişiyi aç.
  2. <resources> etiketi içinde, aşağıdaki örnekte gösterildiği gibi <style> etiketini kullanarak yeni bir stil tanımlayın.
<style name="TextAppearance.Title" parent="TextAppearance.MaterialComponents.Headline6">
</style>

Stil adlarını adlandırırken anlamsal olarak düşünmeniz önemlidir. Stilin etkilediği özelliklere göre değil, stilin ne için kullanılacağına göre bir stil adı seçin. Örneğin, bu stile Title gibi bir ad verin, LargeFontInGrey gibi bir ad vermeyin. Bu stil, uygulamanızdaki tüm başlıklarda kullanılır. Kural olarak, TextAppearance stillerine TextAppearance.Name adı verilir. Bu durumda, stilin adı TextAppearance.Title olur.

Stillerin üst öğesi olabilir. Tıpkı temaların üst öğesi olabileceği gibi. Ancak bu kez, temayı genişletmek yerine stil, stili genişletir TextAppearance.MaterialComponents.Headline6. Bu stil, MaterialComponents temasının varsayılan metin stilidir. Bu nedenle, stili genişleterek sıfırdan başlamak yerine varsayılan stili değiştirirsiniz.

  1. Yeni stilin içinde iki öğe tanımlayın. Bir öğede textSize özelliğini 24sp olarak ayarlayın. Diğer öğede textColor özelliğini daha önce kullanılan koyu gri renge ayarlayın.
 <item name="android:textSize">24sp</item>
 <item name="android:textColor">#555555</item>
  1. Altyazılar için başka bir stil tanımlayın. TextAppearance.Subtitle olarak adlandırın.
  2. TextAppearance.Title stilinden tek farkı metin boyutu olacağından bu stili TextAppearance.Title stilinin alt stili yapın.
  3. Subtitle stilinde metin boyutunu 18sp olarak ayarlayın. Tamamlanmış stil:
<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>

2. adım: Oluşturduğunuz stili uygulayın

  1. home_fragment.xml bölümünde TextAppearance öğesini ekleyin.Title stilini title metin görünümüne uygulayın. textSize ve textColor özelliklerini silin.

    Temalar, belirlediğiniz tüm TextAppearance stilini geçersiz kılar. (Codelab'in başındaki piramit şeması, stilin uygulanma sırasını gösterir.) Stili TextAppearance olarak uygulamak için textAppearance özelliğini kullanın. Böylece Theme içinde ayarlanan yazı tipi, burada ayarladığınız yazı tipini geçersiz kılar.
<TextView
       android:id="@+id/title"
       android:textAppearance="@style/TextAppearance.Title"
  1. Ayrıca TextAppearance.Subtitle stilini subtitle metin görünümüne ekleyin ve textSize ile textColor özelliklerini silin. Bu stili textAppearance olarak da uygulamanız gerekir. Böylece temada ayarlanan yazı tipi, burada ayarladığınız yazı tipini geçersiz kılar.
<TextView
       android:id="@+id/subtitle"
       android:textAppearance="@style/TextAppearance.Subtitle"
  1. Uygulamayı çalıştırın. Metniniz artık tutarlı bir şekilde biçimlendirilir.

Android Studio projesi: GDGFinderStyles.

  • Görünümlerin görünümünü değiştirmek için görünümlerde temaları, stilleri ve özellikleri kullanın.
  • Temalar, uygulamanızın tamamının stilini etkiler ve renkler, yazı tipleri ve yazı tipi boyutları için birçok hazır ayar değeriyle birlikte gelir.
  • Bir özellik, ayarlandığı görünüm için geçerlidir. Yalnızca bir görünüm için geçerli olan stiliniz varsa (ör. dolgu, kenar boşlukları ve kısıtlamalar) özellikleri kullanın.
  • Stiller, birden fazla görünüm tarafından kullanılabilen özellik gruplarıdır. Örneğin, tüm içerik başlıklarınız, düğmeleriniz veya metin görünümleriniz için bir stil oluşturabilirsiniz.
  • Temalar ve stiller, üst temalarından veya stillerinden devralınır. Stil hiyerarşisi oluşturabilirsiniz.
  • Özellik değerleri (görünümlerde ayarlanır) stilleri geçersiz kılar. Stiller, varsayılan stili geçersiz kılar. Stiller, temaları geçersiz kılar. Temalar, textAppearance özelliği tarafından ayarlanan tüm stil oluşturma işlemlerini geçersiz kılar.

  • styles.xml kaynak dosyasında <style> ve <item> etiketlerini kullanarak stilleri tanımlayın.
<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>

İndirilebilir yazı tipleri kullanmak, APK'nızın boyutunu artırmadan yazı tiplerini kullanıcıların kullanımına sunar. Bir görünüm için indirilebilir yazı tipi eklemek üzere:

  1. Tasarım sekmesinde görünümü seçin ve fontFamily özelliğinin açılır menüsünden Diğer yazı tipleri'ni seçin.
  2. Kaynaklar iletişim kutusunda bir yazı tipi bulun ve İndirilebilir yazı tipi oluştur radyo düğmesini seçin.
  3. Android manifest dosyasında önceden yüklenmiş yazı tipleri için bir meta veri etiketi bulunduğunu doğrulayın.

Uygulama ilk kez bir yazı tipi istediğinde ve yazı tipi henüz mevcut değilse yazı tipi sağlayıcı, yazı tipini internetten indirir.

Android geliştirici belgeleri:

Diğer kaynaklar:

Bu bölümde, bir eğitmenin yönettiği kurs kapsamında bu codelab'i tamamlayan öğrenciler için olası ödevler listelenmektedir. Eğitmen, aşağıdakileri yapmalıdır:

  • Gerekirse ödev atayın.
  • Öğrencilere ev ödevi ödevlerini nasıl göndereceklerini bildirin.
  • Ödevlere not verin.

Eğitmenler bu önerileri istedikleri kadar kullanabilir ve uygun olduğunu düşündükleri diğer ödevleri verebilirler.

Bu codelab'i kendi başınıza tamamlıyorsanız bilginizi test etmek için bu ödevleri kullanabilirsiniz.

Bu soruları yanıtlayın

1. Soru

Temaları tanımlamak için hangi etiket kullanılır?

<style>

<theme>

<meta-tag>

<styling>

2. Soru

Aşağıdakilerden hangisi stillerin iyi bir kullanımı DEĞİLDİR?

▢ Bir görünümün kısıtlamalarını belirtin.

▢ Başlıkların arka plan rengini belirtin.

▢ Görünümlerde yazı tipi boyutunu birleştirin.

▢ Bir görünüm grubu için metin rengini belirtin.

3. Soru

Temalar ile stiller arasındaki fark nedir?

▢ Temalar uygulamanın tamamına uygulanırken stilleri belirli görünümlere uygulayabilirsiniz.

▢ Temalar diğer temalardan devralınamaz ancak stiller diğer stillerden devralınabilir.

▢ Stiller diğer stillerden devralınamaz ancak temalar diğer temalardan devralınabilir.

▢ Temalar Android sistemi tarafından sağlanırken stiller geliştirici tarafından tanımlanır.

4. Soru

Uygulamanızdaki bir TextView, yazı tipi boyutunu 12sp olarak ayarlayan bir Theme, yazı tipi boyutunu 14sp olarak ayarlayan tanımlanmış bir stil ve 16sp değerine sahip bir fontSize özelliğine sahipse ekranda gösterilen yazı tipinin boyutu nedir?

12sp

14sp

16sp

18sp

Sonraki derse başlayın: 10.2: Materyal Tasarım, boyutlar ve renkler

Bu kurstaki diğer codelab'lerin bağlantılarını Android Kotlin Hakkında Temel Bilgiler codelab'leri açılış sayfasında bulabilirsiniz.