English
Android Studio User Interface
We have stated that we will use it in the previous titles, and that the well-known editor will give us speed and practicality in the project development phase. We'll try to recognize Android Studio in the first instance as we need it. In the next lessons, we will also be familiar with the other parts of the project that we will need during the project development process and have completed the steps to get to know the Android Studio editor. The general interface view of Android Studio appears as shown in the following screen.
Türkçe
Android Studio Kullanıcı Arayüzü
Daha önceki konu başlıklarında kullanacağımız editörü iyi tanımanın proje geliştirme aşamasında bize hız ve pratiklik kazandıracağım ifade etmiştik. Android Studio'yu ilk aşamada bize gerekli olan yönleriyle tanımaya çalışacağız. Sonraki derslerimizde ise proje geliştirme esnasında gerek duyacağimız diğer kısımlarından da bahsederek Android Studio editörünü tanıma aşamalarını tamamlamış olacağız. Android Studio'nun genel arayüz görünümü aşağıdaki ekranda gösterildiği gibidir.
Bu ekranda kullanıcı arayüzünü oluşturan kısımları ayrı ayrı inceleyeceğiz. Bunun için kullanıcı arayüz ekranını gördüğünüz üzere 3 kısıma ayırdık. Bunlardan bir numaralı kısım araç çubuğu (toolbar) olarak ifade ettiğimiz kısımdır. Ekranın sol tarafından yer alan iki numaralı kısım çalıştığımız projenin hiyeraraşik yapısını gösteren kısımdır. Ekranın ortasında yer alan üç numaralı kısım ise, uygulamalanımızın tasarımını oluşturduğumuz ve düzenlendiğimiz, bir başka ifadeyle makyajını yaptığımız kısımdır. Şimdi bu kısımları ve kendi içinde bulundurdukları araçları birlikte inceleyelim.
1 Araç Çubuğu (TOOLBAR)
Araç çubukları kendisine verilen isimden de anlaşılacağı üzere editör kullanıcılarının uygulama geıiştirirken ihtiyaç duyduğu ve işlerini kolaylaştırmada yardımcı oıan bir çok yararlı aracı bir arada tutan bir çubuktur. Aşağıda gösterilen araç çubuğunun üzerinde bulunan araçlar numaralarla ifade edilmektedir. Numarayla ifade edilen araçlan sırasıyla inceleyeceğiz, bunlann dışında kalan araçlar ise genel olarak her bilgisayar kullanıcısı tarafından bilinen izah tekrarına gerek olmayan araçlar olduğundan, bu araçlara değinmeyeceğiz.
Open: Daha önceden oluşturduğumuz hali hazirda bulunan projelerimizi açmak için kullandığımız araçtır.
Synchronize: Senkronize kelimesini uyum sağlamak olarak tanımlayabiliriz. Bu bağlamda bu aracın işlevini şöyle tanımlamak mümkün olacaktir. Örneğin; proje dosyamızın üzerinde, Android Studio dışında farklı bir editör veya program aracılığıyla değişiklik yapıldığını veya projemize yeni bir dosya dahil ettiğimizi düşünelim, bu işlemler Android Studio editörü aracılığıyla yapılmadığı için projemizi Android Studio ile açtığımızda, bu değişikliklerin editör tarafından algı sağlamış oluyoruz.
Find Replace: Üzerinde anlık olarak çalıştığımız dosya içerisinde, aradığımız ifadeleri başka ifadelerle değiştirmemizi sağlar.
Make Project: Derleme işlemini gerçekleştirir. Derleme nedir? sorusunu soranlar olabilir. Derleme yazılan kaynak kodların, kullanılan programlama dilinin yazım kurallarına uygun olup olmadığını denetleyen mekanizmadır.
Select Run/Debug Configuration: Build, Debug ve Run işlemleri için gerekli olan ayarlamaları yapmamıza ve yapılan ayarlamaların seçilmesine aracı olan araçtır. Build, Debug ve Run ifadelerini sonraki derslerde ele alacağız.
Run App: Uygulamamızı test etmek üzere çalıştırmaya yarayan araçtır.
Debug App: Uygulamada varolan hataları ayıklamak için kullandığımız araçtır.
Run App With Coverage: Uygulamaların çalıştırılma esnasında kaynak kodlarını test eden araçtır.
Attach Debugger: Uygulamamıza hata ayıklama aracı olarak tanımladığımız debugger ekler.
Setting: Editörümüzün ayarlarını düzenlediğimiz pencereye ulaşmamızı sağlar.
Project Structure: Bilgisayarımızda kurulu olan Android SDK ve JDK bileşenlerinin kurulu olduğu dosya yolu biıgisinin düzenlendiği pencere ekranına ulaşmamızı sağlayan araçtır. Bu bileşenlerin kurulu olduğu dosya yolu değiştirilmiş ise, bu kısımdan bileşenlere ait yeni dosya yolu bilgisi değiştirilmelidir, Aksi halde Android Studio düzgün çalışmayacak ve karşınıza bir çok hatalar çıkaracaktır.
Sync Project with Gradle Filesb: Proje dosyalarının gradle dosyalarına uygun olarak senkronize edilmesini sağlar. Gradle nedir? diye soracak olursak. Gradle uygulama geliştirme aşamalarını otomotize eden bir sistemdir. Android Studio'nun daha işlevsel olarak çalışmasını sağlar.
AVD Manager: Geliştirmekte olduğumuz Android uygulamalarını test etmek için sanal aygıtlar (Telefon, Tablet vb.) oluşturmak gerekir. Avd Manager isimli bu aracımız bizi sanal aygıtlarımızı yönetmek için kullanılan ilgili pencere ekranına ulaştırır.
SDK Manager: Android SDK ile ilgili tüm güncellemeleri denetlediğimiz ve bu güncellemelerin kurulumu yaptığımız SDK yönetim ekranına ulaştıran araçtır.
Android Device Monitor: çalışan sanal aygıtların sistem durumuyla ilgiıi bilgilerin verildiği ekrana geçiş yapmamızı sağlayan araçtır.
Help Topics: Android Studio'nun kullanımıyla alakalı kullanıcılara yardımcı olacak hususlarla ilgili bilgilerin verildiği web sayfasina yönlendiren araçtır.
Araç çubuğuyla alakalı konuşacaklanmız şimdilik bu kadar. Araç çubuğumuzun barındırdığı araçlarla ilgili yapılan bazı tanımlamalar kafanıza tam oturmamış ve sizi tatmin etmemiş olabilir. Fakat ilerleyen derslerde bu araçları yeri geldiğinde aktif olarak kullandığımız vakit, bu araçların manalarını ve üstlendiği vazifeleri daha iyi anlamış olacağız.
2 Proje Hiyerarşi paneli
Projemizin dosya yapısını ve içeriğini hiyerarşik bir düzende izleyebildiğimiz bu panelde, aynı zamanda projemize dahil etmek üzere yeni dosya ve klasörler oluşturmak, bunlar üzerinde kopyalama, yapıştırma, isimlerini değiştirme gibi işlemleri de gerçekleştirebiliyoruz. Şimdi numarlandırılmış kısımlara göre panelimizi inceleyelim.
Bu kısım projemizin ana dosyasıdir ve projemizin ismini taşır. Projemize ait tüm diğer dosyalar bu dosya altında listelenirler.
Src: Bu klasör projemize ait tüm kaynak dosyalarını içerisinde banndırır.
Jw Java programları paketlerden oluşur. Bu klasörün altında da bu paketler yer alır.
Bu kısım yeni proje oluştururken verdiğimiz isimle oluşan paket ismidir. Ayrıca bu paket sınıf, arayüz gibi yapıları içinde barındırır.
Res: Proje içerisinde kullanılan tüm resim, video, metin ve tasarım dosyaları gibi kaynakların saklanıldığı klasördür.
Drawable: Proje içerisinde kullanılan simge ve ikonları içeren klasördür.
layout: Projemizin arayüzünü tasarladığımız ve düzenlediğimiz xml dosyalarını içeren klasördür.
Menu: Projemiz için oluşturduğumuz menü'lere ait xmı dosyalarını içeren klasördür
Projemizde kullandığımız ikonların farklı boyutlarda saklandığı klasörlerdir.
Values: Projemizde kullanmak üzere tanımlanmış metin, renk ve stil dosyalalarını barınndıran klasördür.
AndroidManifest.xml: Projemizin en önemıi dosyalarından bir tanesi olar AndroidManifest.xml dosyasında, proje bilgileri, aktivitelerin tanımlamaları
uygulamamızın kaynak kullanımı için gerekli olan izin durum bilgileri saklamaktadır. Bu dosyayla ilgili sonraki derslerde daha fazla bilgiye sahip olacağız.
3 Tasarım Paneli (DESIGN PANEL)
Android Studio kullanıcı arayüzünün orta kısmında yer alan bu panel, uygulamalarımızın arayüzünü tasarlamak için kullandığımız alandır. Bu panel proje
dosyamızın hiyearşik olarak gösterildiği panel üzerinde yer alan, layout klasörünün altında bulunan activity_main.xmı dosyasına çift tlklayarak ulaşabiliyoruz. Aşağıda görüldüğü gibi 4 kısıma ayırdığımız ve numaralandırdığımız bu paneli daha yakından tanıyalım.
1 numaralı kısım uygulamalarımızın arayüzünü tasarlarken gerekli olan, başka bir ifadeyle kullandığımız mobil uygulamaların arayüzünde bulunan buton, veri giriş alanına, listeleme araçları gibi aklımıza gelebilecek tüm arayüz elemanlarını listeleyen palettir. Palet üzerindeki arayüz elemanları kendi türlerine göre uygun başlıklar altında listelenmektedir.
2 numaralı kısım ise tasarladığımız arayüzün bir telefon ekranında ön izlemesini aldığımız kısımdır. Panel üzerindeki model varsayılan olarak gelen Nexus 4 isimli telefona ait model tipidir. Bu telefon modelinin üzerinde yer alan kendi model isminin yazılı bulunduğu menüye tıkladığımız zaman başka telefon ve tablet modellerinin listelendiğini görürsünüz, buradan istediğiniz cihazın modelini seçerek farklı cihaz modelleri üzerinde tasarım gerçekleştirebilirisiniz. Uygulamalarımızın tasarımını görsel olarak yapabildiğimiz gibi kod yazmak suretiyle de geçekleştirebiliriz. Arayüz elemanlarının yer aldığı paletin hemen altında Design ve Text isimli iki tane tab bulunmaktadır. Şu an üzerinde bulunduğumuz kısım Design kısmıdır. Bu kısımda, palet üzerinde yer alan arayüz elemanlarının üzerlerine mause'un Sol tuşuna basılı tutup, sürüklemek suretiyle telefon ekranın üzerine bırakılır. Arayüz elemanları bu şekilde telefon ekranı üzerinde konumlandırarak, arayüz tasarımı gerçekleştirilmiş olur. Text kısmında ise, arayüz elemanları kod yazmak suretiyle oluşturulurlar. Kodların yazıldığı bu kısım, arayüz tasarımlarının gerçekleştirildiği xml dosyasının içeriğidir. Her iki tarafta yapılan işlemlerin ön izlemesi telefon tasarım ekranı üzerinde görüntülenir.
3 numaralı kısım ise telefon tasarım ekran üzerinde oluşturulan arayüz elemanlarının, ekran üzerindeki hiyerarşik durumunun gözlemlendiği kısımdır.
4 numaralı kısım ise telefon tasarım ekranımızın üzerinde oluşturduğumuz arayüz elemanlarının özellikleriyle ilgili düzenlemelerin yapıldığı kısımdır. Her arayüz elemanının bir çok ortak özelliği olduğu gibi, kendisine has olan özellikleri de mevcuttur. Telefon tasarım ekranında bulunan arayüz elemanlarının özellikleriyle ilgili ayarlamaların yapılabilmesi için, ilgili arayüz elemanının mause ile seçili halde olması gerekmektedir. Mause ile seçilen arayüz elemaının özellikleri dört numaralı bu kısımda listelenir. Özelliklerin listelendiği bu kısımda, arayüz elemanına ait genişlik ve yükseklik değerleri, yazı tipi, yazı rengi, arka plan rengi gibi bir çok tanımlama işlemi yapılır.
Posted on Utopian.io - Rewarding Open Source Contributors