Android: Basit UI Style

0 1,922

Özellikle mobil uygulamar için tasarım konusu çok önemli bir nokta. Çünkü kullanıcı uygulama ile bizim oluşturduğumuz tasarım üzerinden iletişime geçiyor. Bu sebepten tasarım ve uygulamanın kullanım kolaylığı kullanıcıyı içeride tutmak için olmazsa olmazlardan.

Tasarım konusunda bazı standartlarımız olmalı ve uygulamayı kullanan kişi hangi sayfada olursa olsun bir standartın olduğunu görebilmeli. Bunun için ;

  • Kullanılan fontların aynı componentler için uygulamanın her yerinde aynı olmalı.
  • Kullanılan font, size, renk, padding ve background gibi özellikler benzerlik taşımalı.
  • Sayfaların tasarımlarında bütünlük yakalanmalıdır.

Bu bütünlüğü sağlayabilmek için style dosyaları oluşturacağız.

Şimdi örnek bir giriş sayfası tasarlayarak inceleyelim.

activity_login.xml

Şimdi ise oluşturduğumuz TextView, EditText ve Button için style dosyaları oluşturuyoruz.

Styles.xml

res/values/styles.xml dosyası style’ların bulunduğu dosyadır. Şimdi bu dosyada EditText için style oluşturalım. Burada yapacağımız tanımlamalar EditText’tin özellikleri olacak.

Color.xml

res/values/color.xml dosyası renk tamımlarının olduğu dosyadır. Renk tanımlarınızı bu dosyada yaparak istediğiniz yerden kullanabilirsiniz ve yönetimi çok daha kolay olacaktır.

Şimdi ise style.xml’deki btnSyle tanımızda bulunan background özelliğini bakacağız.

Bu dosyada ise butonumuza şekil vereceğiz.

Sonuç olarak aşağıdaki tasarımı elde edeceğiz.

Faydalı olması dileğiyle.

Email adresiniz yayınlanmayacaktır.