Android Kotlin Hakkında Temel Bilgiler 01.4: Kendinize yardımcı olmayı öğrenin

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.

Giriş

Bu codelab'de, Kotlin Android geliştiricileri için faydalı olan kaynaklar (şablonlar, dokümanlar, videolar ve örnek uygulamalar gibi) hakkında bilgi edineceksiniz.

Bilmeniz gerekenler

  • Android Studio'nun temel iş akışı.
  • Android Studio'da Düzen Düzenleyici'yi kullanma

Neler öğreneceksiniz?

  • Kotlin ve Android geliştirici bilgilerini ve kaynaklarını nerede bulabilirsiniz?
  • Uygulamalarda başlatıcı simgesi nasıl değiştirilir?
  • Kotlin kullanarak Android uygulamaları geliştirirken nasıl yardım alabileceğinizi öğrenin.

Yapacaklarınız

  • Her seviyeden Kotlin Android geliştiricilerinin yararlanabileceği bazı kaynakları keşfedin.
  • Kotlin Android örnek uygulamasını indirip inceleyin.
  • Bir uygulamanın başlatıcı simgesini değiştirme

Bu codelab'de, Kotlin Android geliştiricilerinin yararlanabileceği şablonlar, örnekler, belgeler ve diğer kaynaklar hakkında bilgi edineceksiniz.

Öncelikle Android Studio şablonundan basit bir uygulama oluşturup uygulamayı değiştirirsiniz. Ardından Android Sunflower örnek uygulamasını indirip keşfedersiniz. Örnek uygulamanın başlatıcı simgesini (ayçiçeği) Android Studio'da bulunan bir küçük resim öğesiyle (gülümseyen yüz) değiştirirsiniz.

Android Studio, yaygın ve önerilen uygulama ve etkinlik tasarımları için şablonlar sağlar. Yerleşik şablonlar sayesinde zamandan tasarruf edebilir ve tasarımda en iyi uygulamaları takip edebilirsiniz.

Her şablon, iskelet bir etkinlik ve kullanıcı arayüzü içerir. Bu kursta Boş Etkinlik şablonunu zaten kullandınız. Temel Etkinlik şablonu daha fazla özelliğe sahiptir ve Android destekli cihazlardaki uygulama çubuğunda görünen seçenekler menüsü gibi önerilen uygulama özelliklerini içerir.

1. adım: Temel Etkinlik mimarisini keşfedin

  1. Android Studio'da bir proje oluşturun.
  2. Projenizi seçin iletişim kutusunda Temel Etkinlik şablonunu seçin ve Sonraki'yi tıklayın.
  3. Projenizi yapılandırın iletişim kutusunda uygulamaya istediğiniz adı verin. Dil olarak Kotlin'i ve AndroidX çıktılarını kullan onay kutusunu işaretleyin. Son'u tıklayın.
  4. Uygulamayı oluşturun ve bir emülatörde veya Android destekli cihazda çalıştırın.
  5. Aşağıdaki şekil ve tabloda etiketli kısımları belirleyin. Cihazınızın veya emülatörünüzün ekranında bu simgelerin karşılıklarını bulun. Tabloda açıklanan ilgili Kotlin kodunu ve XML dosyalarını inceleyin.

Kotlin kaynak kodu ve XML dosyaları hakkında bilgi sahibi olmak, Temel Etkinlik şablonunu kendi ihtiyaçlarınıza göre genişletmenize ve özelleştirmenize yardımcı olur.

Temel İşlem şablonunun mimarisi

#

Kullanıcı arayüzü açıklaması

Kod referansı

1

Android sisteminin sağladığı ve kontrol ettiği durum çubuğu.

Şablon kodunda görünmez ancak durum çubuğuna etkinliğinizden erişebilirsiniz. Örneğin, gerekirse MainActivity.kt bölümüne kod ekleyerek durum çubuğunu gizleyebilirsiniz.

2

İşlem çubuğu olarak da adlandırılan uygulama çubuğu; görsel yapı, standartlaştırılmış görsel öğeler ve gezinme sağlar.

activity_main.xml bölümünde Araç çubuğu'nu bulun.

AppBarLayout öğesinin içinde. Geriye dönük uyumluluk için şablondaki AppBarLayout, ActionBar ile aynı işlevlere sahip bir Toolbar yerleştirir.

Uygulama çubuğunun görünümünü değiştirmek için araç çubuğu özelliklerini değiştirin. Uygulama çubuğuyla ilgili eğitici içerikler için Uygulama çubuğunu ekleme başlıklı makaleyi inceleyin.

3

Uygulama adı başlangıçta paket adınızdan alınır ancak istediğiniz gibi değiştirebilirsiniz.

AndroidManifest.xml bölümünde şunları bulun:

android:label="@string/app_name".

strings.xml içinde app_name dizesini belirtin.

4

Seçenekler menüsündeki taşma düğmesi, etkinliğe ait menü öğelerini içerir. Taşma düğmesinde, uygulama için Arama ve Ayarlar gibi genel menü seçenekleri de bulunur. Uygulama menü öğeleriniz bu menüye eklenir.

MainActivity.kt içinde

onOptionsItemSelected() yöntemi, kullanıcının bir menü öğesini seçtiğinde ne olacağını uygular.

Seçenekler menüsü öğelerini görmek için res/menu/menu_main.xml simgesini açın.

dosyası olarak kaydedin. Bu şablonda yalnızca Ayarlar menü öğesi belirtilir.

5

CoordinatorLayout ViewGroup, kullanıcı arayüzü öğelerinin etkileşim kurması için mekanizmalar sağlayan bir düzendir. Uygulamanızın kullanıcı arayüzü, bu ViewGroup içinde yer alan content_main.xml dosyasına gider.

activity_main.xml bölümünde include layout talimatını bulun. Bu düzende herhangi bir görünüm belirtilmez. Bunun yerine, uygulamanın görünümlerinin belirtildiği content_main düzeni kullanılır. Sistem görünümleri, uygulamanıza özgü görünümlerden ayrı tutulur.

6

Şablon, "Hello World"ü görüntülemek için TextView'u kullanır. Bu TextView öğesini uygulamanızın kullanıcı arayüzü öğeleriyle değiştirirsiniz.

"Hello World" metin görünümü content_main.xml dosyasında yer alıyor. Uygulamanızın tüm kullanıcı arayüzü öğeleri bu dosyada tanımlanmalıdır.

7

Kayan işlem düğmesi (FAB)

activity_main.xml içinde FloatingActionButton öğesini bulun. FAB, küçük resim simgesi kullanılarak tanımlanan bir kullanıcı arayüzü öğesidir. MainActivity.kt, FAB için onClick() dinleyicisi ayarlayan onCreate() içinde bir saplama içerir.

2. adım: Şablonun oluşturduğu uygulamayı özelleştirin

Temel Etkinlik şablonuyla oluşturulan uygulamanın görünümünü değiştirin. Örneğin, uygulama çubuğunun rengini durum çubuğuyla eşleşecek şekilde değiştirebilirsiniz. (Bazı cihazlarda durum çubuğu, uygulama çubuğunun kullandığı aynı birincil rengin daha koyu bir tonudur.)

  1. Uygulama çubuğunda gösterilen uygulamanın adını değiştirme Bunu yapmak için res > values > strings.xml dosyasındaki app_name dize kaynağını aşağıdaki şekilde değiştirin: 
<string name="app_name">New Application</string>
  1. res > layout > activity_main.xml içinde android:background özelliğini "?attr/colorPrimaryDark" olarak değiştirerek uygulama çubuğunun (Toolbar) rengini değiştirin. Bu değer, uygulama çubuğu rengini durum çubuğuyla eşleşen daha koyu bir birincil renge ayarlar:
android:background="?attr/colorPrimaryDark"
  1. Uygulamayı çalıştırın. Uygulamanın yeni adı durum çubuğunda görünür ve uygulama çubuğunun arka plan rengi daha koyu olup durum çubuğunun rengiyle eşleşir. FAB'ı tıkladığınızda, aşağıdaki ekran görüntüsünde 1 olarak gösterilen bir snackbar görünür.
  2. Snackbar metnini değiştirin. Bunu yapmak için MainActivity uygulamasını açın ve onCreate() içinde düğme için onClick() dinleyicisi ayarlayan saplama kodunu bulun. "Replace with your own action" simgesini başka bir şeyle değiştirin. Örneğin:
fab.setOnClickListener { view ->
   Snackbar.make(view, "This FAB needs an action!", Snackbar.LENGTH_LONG)
       .setAction("Action", null).show()
}
  1. FAB, uygulamanın vurgu rengini kullandığından FAB'ın rengini değiştirmenin bir yolu vurgu rengini değiştirmektir. Temel rengi değiştirmek için res > values > colors.xml dosyasını açın ve aşağıdaki örnekte gösterildiği gibi colorAccent özelliğini değiştirin. (Renk seçimiyle ilgili yardım için Materyal Tasarım renk sistemine bakın.)
<color name="colorAccent">#1DE9B6</color>
  1. Uygulamayı çalıştırın. FAB yeni rengi kullanır ve snackbar metni değişir.

3. adım: Şablonları kullanarak nasıl etkinlik ekleyeceğinizi keşfedin

Bu kurstaki codelab'lerde şimdiye kadar yeni projeler başlatmak için Empty Activity ve Basic Activity şablonlarını kullandınız. Projeniz oluşturulduktan sonra etkinlik oluştururken etkinlik şablonlarını da kullanabilirsiniz.

  1. Uygulama projesi oluşturun veya mevcut bir projeyi seçin.
  2. Project > Android (Proje > Android) bölmesinde java klasörünü sağ tıklayın.
  3. Yeni > Etkinlik > Galeri'yi seçin.
  4. Activity şablonlarından birini seçerek uygulamaya etkinlik ekleyin. Örneğin, gezinme çekmecesi olan bir Activity eklemek için Navigation Drawer Activity'yi (Gezinme Çekmecesi Etkinliği) seçin.
  5. Etkinliği düzen düzenleyicide göstermek için etkinliğin düzen dosyasına (örneğin, activity_main2.xml) çift tıklayın. Etkinliğin düzen önizlemesi ve düzen kodu arasında geçiş yapmak için Tasarım sekmesini ve Metin sekmesini kullanın.

GitHub'daki Google Samples depolarında, inceleyebileceğiniz, kopyalayabileceğiniz ve projelerinize dahil edebileceğiniz Kotlin Android kod örnekleri bulunur.

1. adım: Kotlin Android kod örneğini indirip çalıştırın

  1. Tarayıcıda github.com/googlesamples adresine gidin.
  2. Language (Dil) için Kotlin'i seçin.
  3. Yakın zamanda değiştirilmiş bir Kotlin Android örnek uygulaması seçin ve uygulamanın proje kodunu indirin. Bu örnek için, Android Jetpack'in bazı bileşenlerini gösteren android-sunflower uygulamasına ait zip dosyasını indirin.
  4. Android Studio'da android-sunflower-master projesini açın.
  5. Android Studio'nun önerdiği güncellemeleri kabul edin, ardından uygulamayı bir emülatörde veya Android destekli cihazda çalıştırın.

2. adım: Kotlin Android kod örneğini inceleyin

Android Studio'da Android Sunflower örnek uygulamasını açtığınıza göre, uygulama ve proje dosyaları hakkında bilgi edinin.

  1. Örnek uygulamanın neyi gösterdiği hakkında bilgi edinmek için GitHub'daki uygulamanın BENİOKU dosyasını ziyaret edin. Bu örnek için Android Sunflower README dosyasına bakın.
  2. Android Studio'da uygulamadaki Kotlin etkinlik dosyalarından birini (ör. GardenActivity.kt) açın.
  3. GardenActivity.kt içinde, aşina olmadığınız bir sınıf, tür veya prosedür bulun ve Android geliştirici belgelerinde arayın. Örneğin, setContentView() yöntemi hakkında daha fazla bilgi edinmek için developer.android.com adresinde setContentView() ifadesini arayın.

3. adım: Başlatıcı simgesini değiştirin

Bu adımda, Android Sunflower örnek uygulamasının başlatıcı simgesini değiştirirsiniz. Bir küçük resim ekler ve mevcut Android Sunflower başlatıcı simgesinin yerine bu resmi kullanırsınız.

Başlatıcı simgeleri

Android Studio ile oluşturduğunuz her uygulama, uygulamayı temsil eden varsayılan bir başlatıcı simgesiyle başlar. Başlatıcı simgelerine bazen uygulama simgeleri veya ürün simgeleri de denir.

Google Play'de bir uygulama yayınlarsanız uygulamanın başlatıcı simgesi, Google Play Store'daki uygulama girişinde ve arama sonuçlarında görünür.

Android destekli bir cihaza yüklenen uygulamaların başlatıcı simgesi, cihazın ana ekranında ve cihazın başka yerlerinde görünür. Örneğin, Android Sunflower uygulamasının başlatıcı simgesi, cihazın Uygulamalarda Ara penceresinde görünür. Bu simge, aşağıdaki ekran görüntüsünde 1 olarak gösterilmiştir. Aşağıda 2 numaralı resimde gösterilen varsayılan başlatıcı simgesi, Android Studio'da oluşturduğunuz tüm uygulama projelerinde başlangıçta kullanılır.

Başlatıcı simgesini değiştirme

Başlatıcı simgesini değiştirme süreci, Android Studio'nun resim öğesi özelliklerini tanıtmayı amaçlar.

Android Studio'da Android Sunflower uygulamasının başlatıcı simgesini değiştirmek için aşağıdaki adımları uygulayın:

  1. Project > Android (Proje > Android) bölmesinde res klasörünü sağ tıklayın (veya Control+tıklayın). Yeni > Resim Öğesi'ni seçin. Resim Öğesini Yapılandır iletişim kutusu gösterilir.

Başlatıcı simgesi için Ön Plan Katmanı sekmesini tıklayın.

  1. Simge Türü alanında, henüz seçili değilse Başlatıcı Simgeleri (Uyarlanabilir ve Eski)'ni seçin. Ön Plan Katmanı sekmesini tıklayın.
  2. Öğe Türü için aşağıdaki ekran görüntüsünde 1 olarak gösterilen Küçük Resim'i seçin.

  3. Yukarıdaki ekran görüntüsünde 2 ile gösterilen Clip Art alanındaki robot simgesini tıklayın. Materyal Tasarım simge setini gösteren Simge Seç iletişim kutusu görünür.
  4. Simge Seç iletişim kutusuna göz atın veya ada göre simge arayın. İyi bir ruh halini belirtmek için ruh hali simgesi gibi bir simge seçin. Tamam'ı tıklayın.

  1. Resim Öğesini Yapılandır iletişim kutusunda Arka Plan Katmanı sekmesini tıklayın. Öğe Türü için Renk'i seçin. Renk çipini tıklayın ve simgenin arka plan katmanı olarak kullanılacak bir renk seçin.
  2. Eski sekmesini tıklayın ve varsayılan ayarları inceleyin. Eski, yuvarlak ve Google Play Store simgeleri oluşturmak istediğinizi onaylayın. Next'i (Sonraki) tıklayın.
  3. Simge dosyalarının nereye eklendiğini ve nerede üzerine yazıldığını gösteren Simge Yolunu Onayla iletişim kutusu görünür. Son'u tıklayın.
  4. Uygulamayı AVD emülatöründe veya Android destekli bir cihazda çalıştırın.

Android Studio, başlatıcı resimlerini farklı ekran yoğunlukları için mipmap dizinlerine otomatik olarak ekler. Android Sunflower uygulaması artık yeni küçük resim simgesini başlatma simgesi olarak kullanıyor.

  1. Uygulamayı tekrar çalıştırın. Yeni başlatıcı simgesinin Uygulamalarda Ara ekranında göründüğünden emin olun.

1. adım: Resmi Android belgelerini inceleyin

En yararlı Android doküman sitelerinden bazılarını keşfedin ve neler sunulduğunu öğrenin:

  1. developer.android.com adresine gidin. Bu resmi Android geliştirici belgeleri, Google tarafından güncel tutulur.
  2. developer.android.com/design/ adresine gidin. Bu sitede, yüksek kaliteli Android uygulamalarının görünümünü ve işlevselliğini tasarlamaya yönelik yönergeler sunulmaktadır.
  3. Materyal Tasarım hakkında bir site olan material.io adresine gidin. Material Design, yalnızca Android uygulamalarının değil, tüm uygulamaların mobil cihazlarda nasıl görünmesi ve çalışması gerektiğini belirten kavramsal bir tasarım felsefesidir. Materyal Tasarım hakkında daha fazla bilgi edinmek için bağlantılara gidin. Örneğin, renk kullanımı hakkında bilgi edinmek için Tasarım sekmesini tıklayın, ardından Renk'i seçin.
  4. API bilgileri, referans belgeleri, eğitici içerikler, araç kılavuzları ve kod örnekleri için developer.android.com/docs/ adresine gidin.
  5. Google Play'de uygulama yayınlama hakkında bilgi edinmek için developer.android.com/distribute/ adresine gidin. Google Play, Android SDK ile geliştirilen uygulamalar için Google'ın dijital dağıtım sistemidir. Kullanıcı tabanınızı büyütmek ve para kazanmaya başlamak için Google Play Console'u kullanın.

2. adım: Android Ekibi ve Google Arama'nın içeriklerini keşfedin

  1. Eğitimler ve ipuçları için harika bir kaynak olan Android Developers YouTube kanalına göz atın.
  2. Android ekibinin haber ve ipuçları yayınladığı resmi Android blogunu ziyaret edin.
  3. Google Arama'ya bir soru girdiğinizde Google arama motoru, çeşitli kaynaklardan alakalı sonuçlar toplar. Örneğin, Google Arama'yı kullanarak "Hindistan'da en popüler Android işletim sistemi sürümü hangisi?" sorusunu sorun. Hata mesajlarını Google Arama'ya da girebilirsiniz.

3. adım: Stack Overflow'da arama yapın

Stack Overflow, birbirine yardımcı olan programcılardan oluşan bir topluluktur. Bir sorunla karşılaşırsanız muhtemelen daha önce biri bu sorunun cevabını yayınlamıştır.

  1. Stack Overflow'a gidin.
  2. Arama kutusuna "ADB'yi kablosuz bağlantı üzerinden nasıl kurup kullanırım?" gibi bir soru girin. Stack Overflow'da kaydolmadan arama yapabilirsiniz ancak yeni bir soru yayınlamak veya bir soruyu yanıtlamak için kaydolmanız gerekir.
  3. Arama kutusuna [android] girin. [] köşeli parantezleri, Android ile ilgili olarak etiketlenmiş yayınları aramak istediğinizi gösterir.
  4. Aramanızı daha spesifik hale getirmek için etiketleri ve arama terimlerini birleştirebilirsiniz. Şu aramaları deneyin:
  • [android] and [layout]
  • [android] "hello world"

4. adım: Çevrimdışı dokümanları yüklemek için SDK Yöneticisi'ni kullanın

Android Studio'yu yüklediğinizde Android SDK'nın temel bileşenleri de yüklenir. Diğer kitaplıkları ve belgeleri yüklemek için SDK Yöneticisi'ni kullanın.

SDK Yöneticisi'ni keşfetmek ve SDK dokümanlarını indirmek için aşağıdaki adımları uygulayın:

  1. Android Studio'da Tools > SDK Manager'ı (Araçlar > SDK Yöneticisi) seçin. SDK Yöneticisi açılır.
  2. SDK Yöneticisi'nin sol sütununda Android SDK 'yı seçin(aşağıdaki ekran görüntüsünde 1).
  3. Android SDK Konumu alanındaki yolu not edin (aşağıdaki ekran görüntüsünde 2). Bu yolu daha sonra yüklediğiniz öğeleri bulmak için kullanırsınız.
  4. SDK Yöneticisi'nde SDK Platformları sekmesini tıklayın. Buradan Android sisteminin daha fazla sürümünü yükleyebilirsiniz.
  5. SDK Tools (SDK Araçları) sekmesini tıklayın. Buradan, varsayılan olarak yüklenmeyen SDK geliştirici araçlarını yükleyebilirsiniz. Android geliştirici dokümanlarının çevrimdışı sürümünü de yükleyebilirsiniz.
  6. SDK Güncelleme Siteleri sekmesini tıklayın. Android Studio, listelenen ve seçilen sitelerde düzenli olarak güncelleme olup olmadığını kontrol eder.
  7. SDK Tools (SDK Araçları) sekmesine dönün ve henüz seçilmemişse Documentation for Android SDK (Android SDK'sı için Dokümanlar) onay kutusunu işaretleyin. Uygula'yı tıklayın.

    İndirme işleminin ne kadar disk alanı gerektirdiğini gösteren bir onay iletişim kutusu açılır. Tamam'ı tıklayın.
  8. Yükleme tamamlandığında Son'u tıklayın.

Yüklediğiniz dokümanları bulmak için aşağıdaki adımları uygulayın:

  1. Bilgisayarınızda Android/sdk/ dizinine gidin. (Dizinin yolunu bulmak için yukarıdaki ekran görüntüsünde 2 olarak gösterilen Android SDK Konumu alanına bakın.)
  2. docs/ dizinini açın.
  3. index.html dosyasını bulup tarayıcıda açın.
  • Resmi Android geliştirici belgelerini developer.android.com adresinde bulabilirsiniz.
  • Material Design, uygulamaların mobil cihazlarda nasıl görünmesi ve çalışması gerektiğini belirten kavramsal bir tasarım felsefesidir. Material Design yalnızca Android uygulamaları için değildir. Materyal Tasarım kurallarına material.io adresinden ulaşabilirsiniz.
  • Android Studio, yaygın ve önerilen uygulama ve etkinlik tasarımları için şablonlar sağlar. Bu şablonlar, yaygın kullanım alanları için çalışan kodlar sunar.
  • Proje oluşturduğunuzda ilk etkinliğiniz için bir şablon seçebilirsiniz.
  • Uygulamanızı geliştirirken yerleşik şablonlardan etkinlikler ve diğer uygulama bileşenleri oluşturabilirsiniz.
  • Google Samples'da inceleyebileceğiniz, kopyalayabileceğiniz ve projelerinize dahil edebileceğiniz kod örnekleri bulunur.

Udacity kursu:

Android Studio dokümanları:

Android geliştirici belgeleri:

Kod örnekleri:

Videolar:

Diğer kaynaklar:

Bir sonraki derse başlayın: 2.1: Düzen Düzenleyici'yi kullanarak doğrusal düzen oluşturma

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