Merhaba arkadaşlar bu yazımda Toolbar’ı anlatacağım.
Öncelikle toolbar nedir ona değinelim. Arkadaşlar toolbar, Android 5 (Lolipop) sürümüyle gelen bir özelliktir ve actionBar yerine kullanılabilen bir araçtır. Toolbar, actionBar’a göre daha gelişmiş daha, daha büyük ve daha özgür kullanılabilen bir araçtır. Toolbar’ı ekranın herhangi bir yerine ekleyebilir ve ekrana birden fazla toolbar eklenebilir ve illaki actionBar yerine kullanmamıza gerek yoktur. Toolbarı’ın boyutunu ve rengini istediğimiz gibi ayarlayabiliyoruz yani rahat rahat özelleştirilebilir bir yapıya sahiptir. Şimdi yeni bir proje başlatalım ve o proje üzerinden gidelim arkadaşlar. Ben ToolBar adında bir proje açtım ve bu proje üzerinden gideceğim sizde yeni bir proje açıp onun üzerinden gidebilirsiniz. Öncelikle uygulamamızda tanımlı olarak gelen actionBarı’ı kaldırmamız gerekiyor.
Onun için sol tarafta bulunan dosyalardan “res/values” dosyasını açıyoruz ve orada değişiklik yapacağız.
1 2 3 |
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> |
Sayfanın başında bulunan bu satırda değişikli yapacağız.
1 2 3 |
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> |
Satırı bu şekilde değiştirdikten sonra ekran görüntüsü böyle olacaktır;
Şimdi ise toolBar’ı ekleyeceğiz. Bunun için Xml dosyasını açıyoruz ve
1 2 3 4 5 6 7 8 9 |
<android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize"></android.support.v7.widget.Toolbar> |
Bu kod satırını xml dosyamıza yazdıktan sonra uygulamayı başlattığımızda ekran aşağıdaki gibi olacaktır;
Ekran bu şekilde oluyor tabi sizde büyük ihtimal herkes gibi toolbar’ın sağında, solunda ve üstündeki boşluğun olmamasını isteyeceksinizdir. Bu boşluğun sebebi projeye ilk başladığımız zaman otomatik olarak sol,üst,sağ ve alt köşelere “16dp” lik bir margin verilmiş olmasıdır. Margini kaldırmak için Xml dosyasında yukarıda verilen bu kodları sileceğiz;
1 2 3 4 5 6 |
android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" |
Bunları çalıştırdıktan sonra uygulamamızı test edersek böyle bir görüntü elde edeceğiz;
İstediğimiz görüntüye ulaştık arkadaşlar şimdi ise Java dosyamıza Toolbar’ı actionBar olarak kullanmak istediğimizi bildireceğiz. Bunun için Java dosyamızı açıyoruz ve onCreat metodunun içine aşağıdaki kodu ekliyoruz.
1 2 3 4 |
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); |
Bu kodları da eklediğimiz zaman toolBar’ımız, ActionBar gibi hareket edecektir.
Bu yazımız bu kadar arkadaşlar bir daha ki yazımda ToolBar üzerinde devam edeceğim. Herhangi bir sorunla karşılaştığınız takdirde yorum atarak bana ulaşabilirsiniz. Yardımcı olmaktan memnun olurum. Herkese iyi günler, iyi kodlamalar!
[…] Android ToolBar Kullanımı […]