Challenges Involved To Design Multiple Screen Sizes Application for Android

by pronabsaha on July 11, 2013

Unlike iPhones, the same company is not responsible for developing the software as well as hardware for Android devices. The result is different combinations of resolutions, screen sizes and DPIs (dots per inch i.e pixel per inch) and it becomes a real challenge to design and develop for the devices. Both iPhone 3G/s and iPhone 4 have different DPI and resolutions but their resolution and screen size follow same aspect ratio. One can create an image to make it fit the specifications of iPhone 4s and even down-scale nicely to iPhone 3G/s. But the manufacturers who make use of Android OS on their phones did not provide the users a similar kind of luxury.

As far as Android is concerned, it usually defines four main screen sizes. They are small (3 inches approx), normal (4 inches approx), large (exceeding 4 inches) and extra large (exceeding 7 inches). Most Android phones are categorised as small or normal (about 3 to 4 inches diagonally). Small tablet such as Samsung Galaxy Tab is categorised as large (size exceeding 4 inches) while extra large implies in case of extra large it implies large devices like large tablets. Screen size has the biggest impact on the app layouts while screen density seems to have an impact on the graphic resources and image.

Tips for Developers to Deal with These Challenges

A simple approach to handle the multiple screen sizes in Android devices is designing the user interfaces in a way that they scale automatically for screen size, without a resource or size-specific code. It implies that everything that is used in the user interface can be scaled gracefully by Android. Let us check out a few more tips that will help the developers in achieving an ‘all in one’ solution:

  • A simple rule is to use fill_ parent and wrap_content values for android: layout height and android: layout width. These do not really specify the specific sizes but adapt to space available rather. In order to specify the rules easily, the richest environment is making use of Relative Layout. Though it is a bit complicated on surface, Relative Layout does a good job in letting the developers control their layout while adapting to different screen sizes. For an instance, the developer can use anchor widgets to right side or bottom of screen instead of thinking that the widgets can automatically wind up as a courtesy of any other layout. The distances should be controlled between ‘connected’ widgets ( e.g any label for any field must be to left of that field) without the need of relying on margins or padding.
  • Classic bitmaps such as JPG, PNG and GIF are not scalable intrinsically. If the developer is not running the bitmaps in compatibility mode, Android will not make an attempt to scale the bitmaps based on screen size and resolution. Thus the size of bitmap being used remains the same, no matter if it makes the image too small or too large on few screens. One of the ways to address this issue is trying to avoid the static bitmaps by making use of nine-patch bitmaps as well as XML-defined drawables as an alternative. A nine-patch bitmap refers to a PNG file encoded specially to have certain rules that will further indicate how an image can be stretched for occupying more space.
  • Android scales nine-patch drawables(.9.png files) and bitmap drawables (.png , .gif files and .jpg files) so that they can make out the appropriate physical size on every device. For an instance, if bitmap drawables is provided by your application for baseline or medium screen density(mdpi) then it is automatically scaled up or down by the system  depending on high-density screen or low-density screen. The scaling can result in artifacts in bitmaps. In order to ensure that the bitmaps look the best, alternative versions at different resolutions should be included for different screen densities. The configuration qualifiers that can be used for density-specific resources are mdpi(medium), ldpi(low), xhdpi(extra high) and hdpi(high).
  • In order to fit the present device screen, Android resizes the application layout. In majority of the cases, this works very fine. In the rest of the cases, the UI may not look that good and even require adjustments with respect to different screen sizes. Take for example, in case of a larger screen; you may want to adjust the position as well as element size for taking advantage of an additional screen space. Whereas if you have a small screen, you might want to adjust sizes for fitting everything on the screen.  For providing size-specific resources, one can configuration qualifiers like small, large, normal and x large. For an instance, layouts required for an extra large screen will require x-large layout.

{ 27 comments… read them below or add one }

Willa October 27, 2014 at 2:37 am

You share interesting things here. I think that your website can go viral easily,
but you must give it initial boost and i know how to do
it, just type in google – mundillo traffic increase

Reply

Nike Men Nike Free 3.0 Amphibious October 28, 2014 at 9:52 pm

What’s up, all Android Multiple Screen Size Application Development Challenges — Acclaris Blog is going fine here and ofcourse every one is sharing facts, that truly good, keep up writing.
Nike Men Nike Free 3.0 Amphibious http://freuddental.com/airjordan/nike-men-nike-free-3.0-amphibious-c-118.html

Reply

burberry scarves October 29, 2014 at 5:13 pm

テクニック ウェブページ Android Multiple Screen Size Application Development Challenges — Acclaris Blog あなたのの賛成での支援のためのトラフィックを増やすための1追加の他のよりはもありますリンク交換つまり、こうしてはだけでなくそれを試してみてください
burberry scarves http://mccann-cornetts.com/pages/burberry.html

Reply

フェラガモ 財布 October 30, 2014 at 4:31 am

マーベラス何 Webサイトそれは!このウェブサイト Android Multiple Screen Size Application Development Challenges — Acclaris Blog 提供 便利 情報私たちに、それを維持する。
フェラガモ 財布 http://www.tellingreads.com/tuuhan/ferragamo.html

Reply

モンブラン万年筆 October 31, 2014 at 6:48 am

導入 YouTubeの映画 この場所で転記され、私も自分の Webページ Android Multiple Screen Size Application Development Challenges — Acclaris Blog 、トラブルフリー埋め込みコードを取得する。
モンブラン万年筆 http://www.diogene99.com/software/mb99shop.html

Reply

モンブラン 万年筆 November 2, 2014 at 12:19 pm

このポスト Android Multiple Screen Size Application Development Challenges — Acclaris Blog プレゼント のために設計され明確なアイデア、新しいユーザー、本当に方法で実際のブログを実行している。
モンブラン 万年筆 http://www.mccann-cornetts.com/montblanc/-c-2.html

Reply

Nike Free 3.0 V4 soldes November 2, 2014 at 2:56 pm

Ahaa, its pleasant conversation regarding this Android Multiple Screen Size Application Development Challenges — Acclaris Blog at this place at this webpage, I have read all that, so now me also commenting here.
Nike Free 3.0 V4 soldes http://alpina-salouf.ch/nikepaschers/nike-free-3.0-v4-c-300.html

Reply

Piumini Moncler Italia November 2, 2014 at 3:56 pm

Hi mates, I am for a second time here, and reading this post Android Multiple Screen Size Application Development Challenges — Acclaris Blog related to Web optimization, its also a fastidious post, thus keep it up.
Piumini Moncler Italia http://swissmedia-learning.ch/MonclerLucie/piumini-moncler-c-66.html

Reply

Air Max 2011 soldes November 8, 2014 at 6:04 pm

I am genuinely eager of reading Android Multiple Screen Size Application Development Challenges — Acclaris Blog about making new webpage, or even on the topic of Web optimization.
Air Max 2011 soldes http://alpina-salouf.ch/cheapnikeshoess/air-max-2011-c-277.html

Reply

canada goose Mens Expedition sale November 9, 2014 at 5:02 pm

Hi, all right brother there are sure various blogging web sites Android Multiple Screen Size Application Development Challenges — Acclaris Blog , but I advise you to use Google without charge blogging services.
canada goose Mens Expedition sale http://coemcca.com/canadagoosediscount/mens-expedition-c-11.html

Reply

Black Friday Toms Womens Muticolor Classic shoes November 13, 2014 at 2:38 pm

Wow, that Android Multiple Screen Size Application Development Challenges — Acclaris Blog what I was looking for, what a stuff! present here at this web site, thanks admin of this web site.
Black Friday Toms Womens Muticolor Classic shoes http://alpina-salouf.ch/nikeairmaxuk/Black Friday Toms-womens-muticolor-classic-shoes-c-485.html

Reply

UGGブーツ クラシックトール November 19, 2014 at 12:55 am

動画共有 Webページ YouTubeは世界の最大のリーディング最大であり、誰もそれを打ち負かすことはできません。一人一人がアド ビデオクリップユーチューブでその後 取る埋め込みコードとポストをどこ% Android Multiple Screen Size Application Development Challenges — Acclaris Blog %。
UGGブーツ クラシックトール http://fab2spec.net/ugg/ugg-クラシック-ショート-ugg5831-クラシック-ショート-ペーズリー-c-5_19.html

Reply

ugg boots sale November 21, 2014 at 2:50 am

As the admin of this site is working, no doubt very rapidly it will be well-known Android Multiple Screen Size Application Development Challenges — Acclaris Blog , due to its quality contents.
ugg boots sale http://www.luisquinta.net/Workshops.htm

Reply

Black Friday Nike Free 3.0 V5 November 23, 2014 at 10:45 am

One extra method for advertising your weblog Android Multiple Screen Size Application Development Challenges — Acclaris Blog is posting comments on different sites with your blog link.
Black Friday Nike Free 3.0 V5 http://james-team.ch/2014nike/nike-free-3.0-v5-c-31.html

Reply

Cyber Monday 2014 Nike Zoom Kobe VIII 8 Mens Shoes sale November 27, 2014 at 5:03 am

What’s up, this weekend is good in favor of me, because this moment i am reading this enormous informative article Android Multiple Screen Size Application Development Challenges — Acclaris Blog here at my home.
Cyber Monday 2014 Nike Zoom Kobe VIII 8 Mens Shoes sale http://alpina-salouf.ch/cheapnikeshoesss/nike-zoom-kobe-viii-8-mens-shoes-c-370.html

Reply

bailey bow uggs November 29, 2014 at 4:52 am

Hi there colleagues, you are sharing your opinion on the topic of blog Android Multiple Screen Size Application Development Challenges — Acclaris Blog , I am also new user of web, so I am also getting more from it. Thanks to the whole thing.
bailey bow uggs http://www.astrologytoyou.com/En/BlueBaileyBowUgg/

Reply

Nike Men Air force 1 Christmas 2014 November 30, 2014 at 3:09 pm

As the admin of this website is working, no hesitation very soon it will be renowned Android Multiple Screen Size Application Development Challenges — Acclaris Blog , due to its quality contents.
Nike Men Air force 1 Christmas 2014 http://cakenj.com/airmax/nike-men-air-force-1–c-96.html

Reply

バーバリー アウトレット December 5, 2014 at 11:30 am

すぐに私は行く準備午前私の朝食を行うために時 |まだ再び私の朝食は、再び読むやり直すもっとニュース Android Multiple Screen Size Application Development Challenges — Acclaris Blog 。
バーバリー アウトレット http://deelbot.com/

Reply

cialis canada purchase December 10, 2014 at 1:07 am

There’s definately a lot to learn about this topic.

I really like all of the points you have made.

Reply

Adidas Basketball Shoes December 12, 2014 at 8:16 pm

Hello to all, the contents present at this site Android Multiple Screen Size Application Development Challenges — Acclaris Blog are in fact awesome for people experience, well, keep up the good work fellows.
Adidas Basketball Shoes http://www.hopwc.org/nba.php

Reply

longchamp outlet online December 14, 2014 at 3:12 am

Android Multiple Screen Size Application Development Challenges — Acclaris Blog Incredible quest there. What happened after? Thanks!
longchamp outlet online http://www.styleandlifestyle.com/trade.php?wholesale-longchamp-handbags-c727.html

Reply

get canadian drugs December 16, 2014 at 7:37 am

Undeniably believe that which you stated. Your favorite justification seemed to be on the internet the simplest thing to be aware of.
I say to you, I definitely get annoyed while people consider worries that they just do not
know about. You managed to hit the nail upon the top and also defined out the whole thing without having side effect , people could take a signal.
Will likely be back to get more. Thanks

Reply

burberry outlet December 16, 2014 at 5:54 pm

When some one searches for his essential thing Android Multiple Screen Size Application Development Challenges — Acclaris Blog , therefore he/she wishes to be available that in detail, therefore that thing is maintained over here.
burberry outlet http://altonroadrunners.com/burberry.php

Reply

bailey bow uggs December 16, 2014 at 11:00 pm

Pictures are in fact fastidious source of lessons instead of wording Android Multiple Screen Size Application Development Challenges — Acclaris Blog , its my know-how, what would you say?
bailey bow uggs http://www.astrologytoyou.com/EN/PurpleBaileyBowUgg/

Reply

canadian pharmacy with cialis December 19, 2014 at 6:17 am

Hi there, I desire to subscribe for this weblog to get most
recent updates, therefore where can i do it please help out.

Reply

Mont Blanc rollerball pen December 19, 2014 at 6:22 pm

Hello friends, good article and pleasant arguments commented at this place Android Multiple Screen Size Application Development Challenges — Acclaris Blog , I am actually enjoying by these.
Mont Blanc rollerball pen http://www.mont-blanc-pens.us.com/boh%C3%A8me-rouge-rollerball-p-127.html

Reply

generic cialis in canada December 21, 2014 at 3:46 am

Heya i am for the primary time here. I came across this board
and I in finding It truly helpful & it helped me out a lot.

I hope to present something back and help others such as
you aided me.

Reply

Leave a Comment

*

{ 1 trackback }