CODEWITHSUNDEEP
androidscreen
Dranreb Benedicto
Dranreb Benedicto

Reputation: 89

Screen Size Compatibility

I'm starting just starting out in android development. My IDE is Android Studio and I'm currently building my own calculator app. I used Nexus 5X 's screen which is 5.7": My app using the 5.7 screen

The only problem I encountered is that when I tried to my friend's phone which has a 4.7 screen, it somewhat looks like this: My app using the 4.7 screen

I thought that it the app would automatically scale everything just like when you're using viewport on web development. I'm a web-developer (html, php, javascript, css) and I'm planning to migrate to android development for ease-of-use. Is there any way to fix this without re-designing everything again guys?

Thanks, and peace out.

Upvotes: 1

Views: 1039

Answers (3)

Abhishek kumar
Abhishek kumar

Reputation: 4445

Android devices come in a variety of screen sizes and resolutions. That’s why handling the multiple screen size in android is most important.

Look into this: https://stuff.mit.edu/afs/sipb/project/android/docs/guide/practices/screens_support.html

Actual physical size, measured as the screen’s diagonal.For simplicity, Android groups has four generalized sizes: small, normal, large, and extra large.

To set up support for multiple device sizes in Android, add the element into the AndroidManifest.xml file. 

<?xml version="1.0" encoding="utf-8"?>
<manifest ..>

<supports-screens
android:smallScreens="true"
android:normalScreens="true"
android:largeScreens= "true"
android:anyDensity="true"
/>

<application... >
….
</application>
</manifest>

As we design our UI for different screen sizes, we’ll discover that each design requires a minimum amount of space. 

res/layout/my_layout.xml             // layout for normal screen size ("default")
res/layout-small/my_layout.xml       // layout for small screen size
res/layout-large/my_layout.xml       // layout for large screen size
res/layout-xlarge/my_layout.xml      // layout for extra large screen size
res/layout-xlarge-land/my_layout.xml // layout for extra large in landscape

We can also define it on the basis of dp like :

res/layout/main_activity.xml           // For handsets
res/layout-sw600dp/main_activity.xml   // For 7”  tablets(600x1024 mdpi).600dp wide and bigger.
res/layout-sw720dp/main_activity.xml   // For  10” tablets (720x1280 mdpi).720dp wide and bigger.

Steps to create Different Screen Layouts :

Step 1 : First go to Android to Project mode in Android studio change at below of the project name.

Step 2 : Create Folders for all screen sizes.

Step 3 : create same xml layout on all these folders.

Upvotes: 3

Suraj
Suraj

Reputation: 66

For Screen Compatibility Issues Try to Use Relative Layout & with Scroll View So To Make your app compatible to Tablet & Horizontal Layout.

Upvotes: 2

3iL
3iL

Reputation: 2176

I had the same issue and I used this library and it did the thing for me.

The thing is you just have to replace sp with ssp in your xml after adding this library in your gradle and you'll be good to go.

Also for width and height I used this library.

Just replace dp scales with sdp.

I've also answered a question like this here aswel, have a look.

Upvotes: 1

Related Questions