Android cihazların ekran boyutları modelden modele değiştiği için tasarımda belli bir kaliteyi yakalamak için bazı çözümlere başvurmamız gerekir. Örneğin uzunluk birimi olarak px yerine dip yada dp kullanmak bunlardan biridir. Bunlardan bir diğeri ise kullanılacak arkaplan resimlerinin içinde bulunduğu elemana yada ekrana göre boyut değiştirebilecek şekilde ayarlanmasını sağlayan 9 patch png formatının kullanılmasıdır.

9 patch png oluşturmak için gerekli aracı aslında Android geliştirme araçlarıyla birlikte yüklemiştik. draw9patch adındaki araç android-sdks/tools dizini altından bulunabilir.

Eğer bir gnu/linux dağıtımı kullanılıyorsa dosyayı açmak istediğinizde aşağıdaki pencere ile karşılaşacaksınız. Run yada Çalıştır butonuna tıklayın.

Araç açıldıktan sonra arkaplan olarak kullanmak istediniz resmi File->Open 9-patch menüsünden açın. Resminiz açıldığında arkaplanın hem yatayda hemde düşeyde uzatılacak kısımlarını seçmeniz gerekiyor. Seçimi resmin üstünde yada solunda hemen dışında alan seçerek yapabilirsiniz. Seçimi yaparken resmin dışında 1px genişliğinde bir alanı boyayacaktır. İstenirse alttaki Show Patches seçeneği ile seçilen alanlar daha rahat görülebilir. Alan seçildikçe sağ tarafta değişik boyutlandırmalarda resminizin nasıl görüntüleneceği gösterilecektir. Eğer yanlış bir alan seçerseniz shift tuşuna basarak yanlış alanı silebilirsiniz.

Daha sonra resminizi File->Save 9-patch menüsünden kaydedebilirsiniz. Artık resminizi kullanabilirsiniz. Resmin kullanımı normal bir resmin kullanımından farklı olmayacaktır. UNIwifi (eski BUwifi) kaynak kodlarından örnek verirsem /res/drawable/back.9.png resminin arkaplan olarak kullanımı aşağıdaki gibidir.

Burada @drawable/back ile direk resmin referansı verildi ve çerçevedeki siyah kısımlara içerik gelmesinin önlenmesi için 15dp boyutunda bir padding eklendi.