BİL209U-MOBİL UYGULAMA GELİŞTİRME
Ünite 3: Mobil Uygulama Geliştirme Platformları
Giriş
Uygulamalar, dijital araçlarda özel bir fonksiyonu yerine getirmek için geliştirilen bilgisayar yazılımlarıdır.
Android Stüdyo Kurulumu ve Arayüz Özellikleri
Android Studio, Google tarafından uygulama geliştiricilere kolaylık sunması amacıyla IntelliJ IDEA’ya dayalı olarak tasarlanmış bir platformdur. Android Studio’nun en önemli özelliği emülatör desteğinin sağlanmasıdır denebilir.
Android Studio’nun üstünlük ve sınırlılıkları bulunmaktadır. Android Studio ile mobil uygulama geliştirilebilmesi için bilgisayara kurulumu gerekmektedir. Windows, MacOS ve Linux ortamlarında kurulumu yapılarak kullanımı gerçekleştirilebilir.
Android Studio’nun Bilgisayara Kurulumu
Android Studio’nun bilgisayara kurulumunun gerçekleştirilebilmesi için öncelikle kurulum dosyasının bilgisayara indirilmesi gerekmektedir.
Şekil 3.1’de görülen “Download Android Studio” bağlantısına tıklanır. Açılan ekranda (Şekil 3.2) Android Studio’nun kullanımına ilişkin şartlar ve koşullar yer almaktadır.
Android Studio kullanım şartlarını ve koşullarını kabul etmek için en alttaki kutucuk (Şekil 3.2) işaretlenerek onay verilir. Onay verildiğinde Şekil 3.3’teki gibi Windows için Android Studio İndir bağlantısı aktif olacaktır.
Şekil 3.3’te belirtilen bağlantıya tıklandığında .exe formatında dosyanın bilgisayarda hangi konuma indirileceğini soran ekran çıkmaktadır. Burada dosyanın indirilmesi istenen konum seçilerek “Kaydet” bağlantısına tıklanır. Dosya belirtilen konuma indirilerek kaydedilir.
Şekil 3.4’te masaüstü konumuna indirilen Android Studio kurulum dosyasına çift tıklanarak kuruluma başlanır. Kuruluma başlandığında ekrana gelen kurulum penceresinde “Next” butonu ile ilerlenir (Şekil 3.5).
Şekil 3.5’te görüldüğü gibi üç ekranda da “Next” butonuna tıklanarak devam edilmektedir. Üç numaralı ekranda dilenirse Android Studio’nun kurulum dosyasının konumu değiştirilebilir. Üçüncü ekranda da “Next” butonuna tıklandığında kuruluma devam edilir ve Şekil 3.6’daki ekrana geçilir.
Şekil 3.6’da görülen birinci ekranda “Install” butonuna tıklanır ve kurulum aşamasına geçilir. Kurulum tamamlandığında üçüncü ekranda görüldüğü gibi “Next” butonu aktif olur ve bu butona tıklanarak kuruluma devam edilir. Dördüncü ekranda görüldüğü gibi “Finish” butonuna tıklanarak kurulum tamamlanır. Kullanılan bilgisayara ilk defa Android Studio kurulumu yapılıyorsa Şekil 3.7’deki ekran çıkacaktır.
Şekil 3.7 ekranında “Do not import settings” bağlantısını seçerek OK butonuna tıklanılması gerekmektedir. “OK”
butonuna tıklandığında Şekil 3.8’deki ekrana geçiş yapılacak ve Android Studio’nun açılışı gerçekleşecektir.
Şekil 3.8’de görülen birinci açılış ekranı beklenir ve ikinci ekranda görüldüğü gibi ekrana Android Studio’yu kullanırken kullanıcı istatistiklerinin Google ile paylaşılıp paylaşılmayacağı bilgisi bulunmaktadır. Bu noktada karar kullanıcılara aittir. Bu bölümde kullanıcı istatistiklerinin Google ile paylaşılmaması için “Don’t Send” butonuna tıklanarak açılışa devam edilmektedir.
Android Studio kurulumu ilk defa gerçekleştirilmesine rağmen Şekil 3.9’da görüldüğü gibi eklenti güncellemesi gerekebilir. Örneğin bu aşamada Kotlin eklentisinin güncel versiyonunun bulunduğu ve güncellemek istenip istenmediği sorulmaktadır. Birinci ekranda görüldüğü gibi “Update” bağlantısına tıklanarak Kotlin eklentisinin güncellenmesi gerçekleştirilmektedir. İkinci ekranda güncelleme devam etmektedir. Güncelleme tamamlandığında üçüncü ekrandaki gibi ekrana bir uyarı çıkmaktadır. Güncellenen Kotlin eklentisinin sorunsuz çalışabilmesi için Android Studio’nun yeniden başlatılması gerekmektedir. Bu amaçla “Restart” butonuna tıklanarak Android Studio tekrar başlatılır.
Android Studio tekrar başlatıldığında Şekil 3.10’daki birinci ekran çıkacaktır. Bu ekran “Next” butonu ile geçilir ve ikinci ekranda kurulum türü “Standart” olarak belirlenir. “Standart” seçeneği seçildikten sonra aynı ekranda “Next” butonu ile başlangıç ayarları yapılmaya devam edilir. Üçüncü ekranda Android Studio’yu nasıl bir ekranda (Dracula veya Light) kullanılacağı sorulmaktadır. Burada kullanıcılar, arka planı koyu-siyah (Dracula) ya da açık- beyaz (Light) olarak kullanım tercihini seçebilirler. Üçüncü ekranda “Dracula” tercihi yapılarak “Next” butonu ile devam edilmiştir.
Android Studio kullanıcı arayüz ayarlarından sonra gelen ekran Şekil 3.11’de görülen birinci ekrandır. Burada ayarların doğrulanması yapılıyor ve bu ekranda “Finish” butonu ile kurulum tamamlanıyor. Kurulumun tamamlanabilmesi için Android Studio bileşenlerinin de indirilmesi gerekmektedir. Bu amaçla birinci ekranda “Finish” butonuna tıklandığında ikinci ekran çıkıyor ve burada bileşenler indiriliyor. Ardından üçüncü ekran çıkıyor ve bu ekranda “Finish” bağlantısına tıklayarak Android Studio’nun kurulumu tamamlanmış oluyor.
Şekil 3.12 incelendiğinde Android Studio’nun açılış ekranının basit bir arayüze sahip olduğu söylenebilir. Burada Projects bölümünde “New Projects” butonu ile yeni bir proje oluşturulabilir. “Open” butonu ile önceden var olan bir projenin açılması sağlanabilir. “Get from VCS” ile önceden hazırlanmış olan projelerin versiyon kontrol sistemi ile sisteme yüklenmesi sağlanır.
Şekil 3.13’te görülen Android Studio açılış ekranında sol menüde bulunan “Customize” bağlantısına tıklandığında birinci ekrandaki temel ayarlar görünecektir. Buradan
1
Android Studio’nun özelleştirmesi sağlanabilmektedir. Birinci ekranda alt kısımda bulunan “All settings” bağlantısı ile ikinci ekranın açılması sağlanabilmekte ve bu ekranda Android Studio’ya ilişkin yapılabilecek bütün özelleştirme özellikleri yer almaktadır.
Şekil 3.14’te görülen Android Studio açılış ekranında sol menüde bulunan “Plugins” bağlantısına tıklandığında Android Studio’ya eklenebilecek eklentiler bulunmaktadır. İstenilen eklenti yanında bulunan “Install” bağlantısı ile eklentiler Android Studio’ya eklenebilmektedir. Yüklenen eklentileri görmek için üst kısımda bulunan “Installed” bağlantısına tıklamak gerekmektedir.
Şekil 3.12’de görülen ekranda sol menüde “Projects” seçiliyken “New Project” butonuna tıklandığında öncelikle geliştirilecek olan mobil uygulamanın hangi platform için geliştirildiği seçilmelidir. Şekil 3.15’te birinci ekranda “Phone and Tablet” seçeneği bulunmaktadır. Burada akıllı telefonlar veya tabletler için geliştirilebilecek uygulama şablonları bulunmaktadır.
Şekil 3.16’da görüldüğü gibi akıllı telefon veya tablet için bir uygulama geliştirilmesi seçilmiştir. Seçim yapıldıktan sonra “Next” butonu ile ilerleme sağlanmıştır. Gelen ekranda (ikinci ekran) geliştirilecek olan uygulamaya özgü bilgiler yer almaktadır.
Öncelikle projenin bir adının olması gerekmektedir. Ardından ürünün derlenmesi sonucunda çıkacak paketin adının verilmesi gerekmektedir. Uygulamanın bilgisayarda kaydedileceği konum seçilmelidir. “Language” yani dil kısmı önemlidir. Çünkü uygulama geliştiriciler bu uygulamayı hangi dil ile yazacaktır. Bu kısımda Kotlin ve Java seçenekleri bulunmaktadır. Bunlardan biri seçilmelidir. Minimum SDK kısmı da dil seçimi kadar önemlidir. Çünkü geliştirilecek olan mobil uygulamanın Android sürümünün belirlenmesi gerekmektedir.
Bu ekranda ilgili alanlara bilgi girişi yapıldıktan sonra “Finish” butonu ile ilerleme sağlanmaktadır. “Finish” butonuna tıklandığında Şekil 3.17’deki ekran gelmektedir.
Android Stüdyo Arayüz Özellikleri
Android Studio’nun ara yüzünü Şekil 3.17’de görüldüğü gibi dört bölümde incelemek mümkündür. Birinci bölümde menüler, ikinci bölümde araç çubuğu, üçüncü bölümde projelere ait panel ve dördüncü bölümde ise tasarım paneli bulunmaktadır. Birinci bölümde bulunan menülerin detayları Şekil 3.18’de görülmektedir.
Şekil 3.18’deki menüler incelendiğinde Android Studio’da bu menülerle neler yapılabileceği anlaşılmaktadır.
Şekil 3.19 incelendiğinde ilk seçenek “Make Project”tir. Bu araç ile derleme işlemi gerçekleştirilir. İkinci seçenek “app” ile görünen seçenektir. Burada “Build, Debug ve Run” işlemleri için gerekli olan ayarlamaların yapılmasına ve yapılan ayarlamaların seçilmesine olanak tanınır.
“Run App” ile üzerinde çalışılan projenin test edilmesi sağlanır. “Run App”ten sonraki iki seçenek şu an aktif olarak görünmüyor. Çünkü projenin çalıştırılacağı ortam seçilmemiş durumda. Bu iki seçenek ile koddaki değişiklikler uygulanır ve tekrar deneme yapılır. “Debug App” ile üzerinde çalışılan projedeki hatalar ayıklanır. “Run App with Coverage” ile uygulamaların çalış- tırılmasında kaynak kodların test edilmesi sağlanır. “Profile app” ile hazırlanan projenin çalıştırıldığı ortamdaki testine bakılır. “Attach Debugger to Android Process” ile üzerinde çalışılan projeye hata ayıklama aracı olarak tanımlanan debuggerler eklenir. “Stop” ile çalıştırılan proje durdurulur. “Project Structure” ile bilgisayara kurulan Android SDK ve JDK bileşenlerinin kurulu olduğu konuma erişilmesi sağlanır. Bileşen konumları değiştirilmişse yeni dosya yolu oluşturulabilir. “Run Anything” ile projeden herhangi bir bölüm/görev seçilerek çalıştırılması yapılır. “Sync Project with Gradle Files” ile proje dosyalarının gradle dosyalarına uygun biçimde eşitlenmesini sağlar. “AVD Manager”, üzerinde çalışılan projelerin test edilebildiği sanal aygıtlardır. “SDK Manager” ile Android SDK’lardaki güncellemeler denetlenebilir ve bu SDK’ların kurulum konumlarına erişilebilir. Arama ve kullanıcı giriş araçları da bu bölümde yer almaktadır.
Araç çubuğundaki menülerle bu işlemler gerçekleştirilebilirken Şekil 3.17’deki proje panelinde, projeye ilişkin bütün dosyalar bulunmaktadır. Bu bölümde erişilen ve projenin bilgilerini, kaynak kullanımı için gerekli olan izin durum bilgilerini saklayan AndroidManifest.xml dosyası önemli bir dosyadır.
Şekil 3.17’de görülen dördüncü bölümde yer alan tasarım paneli ise projenin görünen yapısıdır. Tasarım paneline proje panelinde yer alan Android seçeneği seçiliyken layout klasöründeki activity_main.xml dosyasına çift tıklayarak ulaşmak mümkündür (Şekil 3.20).
Şekil 3.20’de bulunan birinci bölüm projenin arayüzünü tasarlama aşamasında gerekli olan buton, veri giriş alanı, listeme aracı gibi arayüz elemanlarını barındıran bölümdür. İkinci bölüm projenin görüntüleneceği ekrandaki arayüz elemanlarının ekran üzerinde hiyerarşik durumunun görüldüğü bölümdür. Üçüncü bölüm hazırlanan projenin ön izlemesinin yapılabildiği bölümdür. Dördüncü bölüm ise projenin görüntüleneceği ekrandaki ara yüz elemanlarının özelliklerinin düzenlenebildiği bölümdür.
Flutter Eklentisinin Kurulumu
Flutter, Google tarafından geliştirilen açık kaynak kodlu uygulama geliştirme platformudur. Ücretsiz olan Flutter, Android veya iOS işletim sistemine sahip cihazlar için uygulama geliştirmeye olanak sağlamaktadır.
Flutter’ın Android Studio’ya Kurulumu
Flutter’ın Windows işletim sistemli bir bilgisayara kurulumu için işletim sisteminin Windows 7 SP1 ve daha sonrası (64-bit), x86-64 tabanlı, 1.64GB boş disk
2
kapasitesi, Windows PowerShell 5.0 ve daha yenisi ve Windows 2.x için Git gereksinimlerine ihtiyaç duyulmaktadır. Bu gereksinimler diğer işletim sistemlerine sahip bilgisayarlar için değişmektedir. Bu gereksinimlere sahip olan bilgisayarda Android Studio’ya Flutter eklentisini eklemek için öncelikle File → Settings adımı takip edilmeli (Şekil 3.21).
Şekil 3.21’de görüldüğü gibi “Settings” bağlantısına tıklandığında açılan ekranda “Plugins” bölümüne geçilir. Burada Android Studio’daki eklentileri görüntülemek ve yenilerini eklemek mümkündür. Açılan pencerede öncelikle yüklü eklentiler görüntülenmektedir. Yeni eklenti kurmak için “Marketplace” sekmesine geçilmeli (Şekil 3.22).
Şekil 3.22’de birinci ekranda “Marketplace”e geçiş yapılmış ve ikinci ekranda da arama çubuğuna “Flutter” yazılmıştır. Çıkan sonuçta “Install” bağlantısı ile Flutter eklentisinin kurulumuna başlanır. “Install” bağlantısı ikinci ekranda görüldüğü gibi iki tarafta da bulunmaktadır. Herhangi biri ile işleme devam edilebilir. Kuruluma başlandığında Şekil 3.23’te görüldüğü gibi üçüncü parti uygulamalar için gerekli izinlere yönelik onay ekranı gelmektedir.
Şekil 3.23’te görülen birinci ekranda Android Studio’ya eklenen üçüncü parti eklentiler için gerekli izinler için onay ekranı bulunmaktadır. Gerekli izinler için “Accept” butonuna tıklanır ve ardından ikinci ekrandaki pencereye geçilir. İkinci ekranda Flutter eklentisinin Dart eklentisine ihtiyaç duyduğu ve bunun da Android Studio’ya yüklenmesi gerektiği bilgisi bulunmaktadır. Bu ekranda da “Install” butonuna tıklanır ve Dart eklentisi de yüklenir. Gerekli eklenti yüklemeleri tamamlandıktan sonra Şekil 3.24’teki ekrana geçilir.
Flutter eklentisi Android Studio’ya başarıyla eklendikten sonra Şekil 3.24’te birinci ekrana dönülmektedir. Burada yüklenen eklentinin sağlıklı çalışabilmesi için Android Studio’nun yeniden başlatılması gerekmektedir. Birinci ekrandaki “Restart IDE” butonuna tıklanır ve ikinci ekrandaki pencerenin açılması sağlanır. Bu ekranda eklentideki değişikliklerin Android Studio’ya uygulanması için yeniden başlatılıp başlatılmaması sorulmaktadır. “Restart” butonuna tıklandığında Flutter eklentisinin kurulumunun tamamlanması ve değişikliklerin de Android Studio’ya yansıtılması sağlanmış olur. Flutter ve Dart SDK’larının yolunun tanıtılması gerekmektedir. Bunun için öncelikle Flutter SDK’sı için https://docs.flutter.dev/get- started/install/windows adresinden gerekli .zip dosyası indirilir (Şekil 3.25).
Şekil 3.25’te görülen bağlantıya tıklanarak Flutter SDK’sı indirilir. Ardından https://dart.dev/get-dart#windows adresinden Dart SDK’sı indirilir.
Şekil 3.26’da görülen ekranda en alt kısımdaki bağlantıya tıklanır. Ardından gelen ekranda Windows mimarinize uygun olan Dart versiyonu seçilir (Şekil 3.27).
Şekil 3.27’de gerekli bağlantıya tıklandığında .zip dosyası bilgisayara indirilecektir. Flutter ve Dart SDK’ları .zip’li yapıda bilgisayara indirilmektedir. Bu iki dosya da klasöre çıkarılır (Şekil 3.28).
Şekil 3.28’de görülen işlem gerçekleştirildiğinde .zip’li dosya klasöre çıkarılmış olur. Klasöre çıkarılan dosyalar bilgisayarda C konumuna kopyalanır (Şekil 3.29).
Flutter ve Dart dosyaları C klasörüne taşındıktan sonra yollarının bilgisayara tanıtılması gerekmektedir. Bunun için C klasöründe bulunan Flutter ve Dart dosyalarına çift tıklanır ve “bin” klasörü de açılır (Şekil 3.30).
Şekil 3.30’da görüldüğü gibi SDK yolları ayrı ayrı seçilerek kopyalanır ve masaüstünde “Bu Bilgisayar” ikonuna sağ tıklanır ve özelliklere gidilir (Şekil 3.31).
Şekil 3.31’de görüldüğü gibi bilgisayarın özelliklerine gidildiğinde “Gelişmiş sistem ayarları” bağlantısına tıklanır. Bu adımdan sonra gelen ekranda “Ortam Değişkenleri” butonuna tıklanır ve ilgili ekrana geçiş yapılır (Şekil 3.32).
Ortam değişkenleri için ilk açılan ekran Şekil 3.32’de görüldüğü gibidir. Birinci ekranda “Değişken” sütununda yer alan “Path” satırına tıklanır. Ardından altta bulunan “Yeni” butonuna tıklanır. Açılan ikinci ekranda da “Yeni” butonuna tıklanır ve giriş yapılabilecek satıra kopyalanan Flutter ya da Dart SDK’larının yolları ayrı ayrı yapıştırılır. Bu şekilde iki işlem yapılarak üçüncü ve dördüncü ekrandaki görüntüler elde edilmiş olunur. Bu aşamadan sonra Android Studio’ya Flutter eklentisinin sağlıklı yüklenip yüklenmediğini kontrol ettirmek için Windows + R tuş bileşenlerine basılarak CMD ekranı açılır. Bu ekranda flutter doctor komutu yazılır, Enter’a basılır ve Şekil 3.33’teki sonuç alınır.
CMD ekranında flutter doctor komutu yazılarak ulaşılan ekranda Şekil 3.33’te görülen bilgilere ulaşılmaktadır. Burada Flutter’ın Android SDK’sının versiyonlarına ulaşılabilir. Yanlarında “ü” işareti olan bildirimler işlemlerde sorun olmadığını göstermektedir. Ancak bazı satırların yanında “!” işareti olabilir. Bu durumda ne yapılması gerektiğine dair bilgi ilgili satırda verilmektedir.
Flutter Projesi Oluşturma
Android Studio’ya Flutter ve Dart eklentileri ekledikten ve gerekli SDK ayarları yapıldıktan sonra Flutter projesi açma aşamasına geçilebilir. Öncelikle Android Studio’da “File → New → New Flutter Project” adımları takip edilir (Şekil 3.34).
Android Studio’da yeni bir Flutter projesi oluşturmak için Şekil 3.34’te görülen birinci ekrandaki adımlardan sonra ikinci ekrana geçilir. İkinci ekranda sol panelde bulunan Flutter sekmesi seçilir ve ilerlemek için “Next” butonuna tıklanır. “Next” butonuna tıklandığında üçüncü ekrana geçilir. Bu ekranda projenin adının girileceği ve konumunun seçileceği alanlar mevcuttur. Proje adı
3
girildikten sonra isteğe bağlı olarak projenin konumu değiştirilebilir. Projenin açıklaması kısmına da bilgi girilebilir. Bilgi girilmediği takdirde default olarak gelen “A new Flutter Project.” açıklaması kalacaktır. Bu bilgiler girildikten sonra “Finish” butonuna tıklanır. “Finish” butonuna tıklandığında Android Studio’da oluşturulan Flutter projesi çalışma ekranına ulaşılacaktır (Şekil 3.35).
Şekil 3.35’te dikkat edilmesi gereken nokta proje dosyalarının bulunduğu kısım olmalıdır. Çünkü Flutter projesi ile tek ekranda yazılan mobil uygulama kodları ile Android ve iOS işletim sistemleri için uygulama çıktısı elde edilebileceği görülmektedir. Bu bilgiye proje dosyaları kısmında Android ve iOS dosyaları ile erişilebilmektedir. Proje yazımı sol panelde bulunan “Lib” klasörü içerisinde bulunan main. dart dosyası üzerinde gerçekleştirilmektedir. Flutter proje oluşturma ekranı, detaylı bir şekilde açıklanan Android Studio ara yüzüyle aynıdır.
Emülatör Kurulumu
Emülatör kurulumuna başlamak için iki yol vardır (Şekil 3.36).
Şekil 3.36’da görüldüğü üzere Android Studio’da “Tools → AVD Manager” adımları takip edilerek ya da araç çubuğunda bulunan “AVD Manager” bağlantısı ile emülatör kurulumuna başlanır. “AVD manager” bağlantısına tıklandığında Şekil 3.37’deki ekrana geçiş yapılır.
“AVD Manager” bağlantısından sonra gelinen ilk ekranda “Create Virtual Devices” butonuna tıklanır ve Şekil 3.37’deki ikinci ekrana geçiş yapılır. İkinci ekranda hazırlanan uygulamanın hangi platform (TV, akıllı telefon, giyilebilir teknoloji, tablet ve araç) için geliştirildiği kategori kısmından seçilmelidir. Kategori geçiminden sonra bu kategorideki cihazların asgari özellikleri (ekran boyutu, çözünürlük, yoğunluk) seçilir. Bu adımlardan sonra “Next” butonu ile kuruluma devam edilir (Şekil 3.38).
Uygulamanın kullanılacağı mobil cihaz özellikleri se- çildikten sonra sistem görselinin seçilmesi ekranına geçilir (Şekil 3.38). Burada devam edebilmek için sistem görseli- nin seçilmesi gerekmektedir. Seçim işlemi görsellerin yanında bulunan “Download” bağlantısına tıklanarak görselin indirilmesiyle gerçekleşmektedir. İlk ekranda “Download” bağlantısına tıklandığında ikinci ekrana geçilmektedir. Bu ekranda şartlar kabul edildikten (Accept) sonra “Next” butonu aktif olur ve bu butona tıklanır.
Görsel bileşen yüklemesi tamamlandığında Şekil 3.39’da birinci ekranda görüldüğü gibi “Finish” butonu aktif olmaktadır. “Finish” butonuna tıklandığında sistem görsel seçim ekranına geri dönülmektedir. Geri dönüldüğünde ilk açıldığında pasif durumda olan “Next” butonu aktif olarak görünmektedir. “Next” butonuna tıklanarak emülatör kurulumuna devam edilir (Şekil 3.40).
Emülatör kurulumunda sona gelinmiştir. Son kontrollerin yapılacağı ekran Şekil 3.40’ta görülen birinci ekrandır. Birinci ekranda “Finish” butonuna tıklandığında ikinci ekran görünecektir. İkinci ekran Emülatör’ün sorunsuz yüklendiğini göstermektedir. İkinci ekranda “Play” butonuna tıklanarak sanal cihaza ulaşılabilmektedir (Şekil 3.41).
Uygulamaların geliştirilmesi aşamasında uygulamanın kontrolü için kullanılacak sanal cihazın kurulumu tamamlandığında Şekil 3.41’de görüldüğü gibi seçilen cihaz yapısına benzer bir cihaz ekranda görünecektir. Uygulamaları kontrol ederken mobil cihazların sahip olduğu özelliklerin de denenebilmesi gerekmektedir.
Mobil cihazı açma-kapama, mobil cihazın sesini artırma- azaltma, mobil cihazı yan-dikey döndürme, mobil cihazda ekran görüntüsü alma, zoom yapma, geri alma, Home ve Overview butonlarıyla ana ekrana dönme ve açık uygulamaları görme gibi temel kontrol etme yapılabildiği gibi üç noktaya tıklandığında Şekil 3.42’de görüldüğü gibi ek özellikler de açılmaktadır.
Örnek Uygulama Geliştirme
Yazılımla ilgili bir proje yapıldığında ekrana öncelikle “Hello World” veya “Merhaba Dünya” yazısı yazdırılır.
Merhaba Dünya projesini oluşturmak için Şekil 3.43’te sol tarafta bulunan kod Flutter projesinde main.dart dosyasındaki kodlar temizlenerek yapıştırılır ya da yazılır. Ardından araç çubuğundan öncelikle önceden oluşturulan emülatör seçilir (Şekil 3.44).
Emülatör seçiminden sonra main.dart dosyasının aktif olduğu görülmeli ardında da üçüncü adımda görünen play butonuna (Run) tıklanır. Proje dosyası çalıştırıldığında Şekil 3.45’te görüldüğü gibi ekran görünecektir.
4