How did you compatible android app UI with multiple screen size?
One of challenges in developing android applications is compatible app's UI with different screen sizes, Now i'm using smallest width in dimens and specifying sizes in DPand SPfor multiple devices for make my app UI compatible with diffrent screen sizes which solution is better than using smallest width to compatible app's UI or what is you solution for that?
add a comment |
One of challenges in developing android applications is compatible app's UI with different screen sizes, Now i'm using smallest width in dimens and specifying sizes in DPand SPfor multiple devices for make my app UI compatible with diffrent screen sizes which solution is better than using smallest width to compatible app's UI or what is you solution for that?
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12
add a comment |
One of challenges in developing android applications is compatible app's UI with different screen sizes, Now i'm using smallest width in dimens and specifying sizes in DPand SPfor multiple devices for make my app UI compatible with diffrent screen sizes which solution is better than using smallest width to compatible app's UI or what is you solution for that?
One of challenges in developing android applications is compatible app's UI with different screen sizes, Now i'm using smallest width in dimens and specifying sizes in DPand SPfor multiple devices for make my app UI compatible with diffrent screen sizes which solution is better than using smallest width to compatible app's UI or what is you solution for that?
asked Nov 26 '18 at 6:09
Edalat FeiziEdalat Feizi
616825
616825
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12
add a comment |
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12
add a comment |
1 Answer
1
active
oldest
votes
I think, there are many ways to achieve this what i have learned in two years I can summarize here,
- Use in-bulit width height - i.e. Match_parent and Wrap_content
- For fixed width height - One can you Linear layout and divide it in screen %
- If there are shape which need to be shown like circle or anything create layout, or instead of using images for gradient create them
- Try to minimize use of images and incase use
them, put all vectored images in respective folders. - For some layouts - Like showing circles overlapping as per width , try to do
that programmatically where need to get height and width of screen and
then need to lill bit of math to make it dynamic - Use dp for widgets and views height width parameter Use sp for fonts
- Put all in style,dimen respective pages and use from there
- There are many standard things which need to keep in mind while creating UI like heard size is 44dp etc. https://developer.android.com/guide/topics/ui/look-and-feel/
So its just matter of experience just avoid fix values and for even for simplest things google how other ppl have done it try to get their views and you're good to go.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53475568%2fhow-did-you-compatible-android-app-ui-with-multiple-screen-size%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think, there are many ways to achieve this what i have learned in two years I can summarize here,
- Use in-bulit width height - i.e. Match_parent and Wrap_content
- For fixed width height - One can you Linear layout and divide it in screen %
- If there are shape which need to be shown like circle or anything create layout, or instead of using images for gradient create them
- Try to minimize use of images and incase use
them, put all vectored images in respective folders. - For some layouts - Like showing circles overlapping as per width , try to do
that programmatically where need to get height and width of screen and
then need to lill bit of math to make it dynamic - Use dp for widgets and views height width parameter Use sp for fonts
- Put all in style,dimen respective pages and use from there
- There are many standard things which need to keep in mind while creating UI like heard size is 44dp etc. https://developer.android.com/guide/topics/ui/look-and-feel/
So its just matter of experience just avoid fix values and for even for simplest things google how other ppl have done it try to get their views and you're good to go.
add a comment |
I think, there are many ways to achieve this what i have learned in two years I can summarize here,
- Use in-bulit width height - i.e. Match_parent and Wrap_content
- For fixed width height - One can you Linear layout and divide it in screen %
- If there are shape which need to be shown like circle or anything create layout, or instead of using images for gradient create them
- Try to minimize use of images and incase use
them, put all vectored images in respective folders. - For some layouts - Like showing circles overlapping as per width , try to do
that programmatically where need to get height and width of screen and
then need to lill bit of math to make it dynamic - Use dp for widgets and views height width parameter Use sp for fonts
- Put all in style,dimen respective pages and use from there
- There are many standard things which need to keep in mind while creating UI like heard size is 44dp etc. https://developer.android.com/guide/topics/ui/look-and-feel/
So its just matter of experience just avoid fix values and for even for simplest things google how other ppl have done it try to get their views and you're good to go.
add a comment |
I think, there are many ways to achieve this what i have learned in two years I can summarize here,
- Use in-bulit width height - i.e. Match_parent and Wrap_content
- For fixed width height - One can you Linear layout and divide it in screen %
- If there are shape which need to be shown like circle or anything create layout, or instead of using images for gradient create them
- Try to minimize use of images and incase use
them, put all vectored images in respective folders. - For some layouts - Like showing circles overlapping as per width , try to do
that programmatically where need to get height and width of screen and
then need to lill bit of math to make it dynamic - Use dp for widgets and views height width parameter Use sp for fonts
- Put all in style,dimen respective pages and use from there
- There are many standard things which need to keep in mind while creating UI like heard size is 44dp etc. https://developer.android.com/guide/topics/ui/look-and-feel/
So its just matter of experience just avoid fix values and for even for simplest things google how other ppl have done it try to get their views and you're good to go.
I think, there are many ways to achieve this what i have learned in two years I can summarize here,
- Use in-bulit width height - i.e. Match_parent and Wrap_content
- For fixed width height - One can you Linear layout and divide it in screen %
- If there are shape which need to be shown like circle or anything create layout, or instead of using images for gradient create them
- Try to minimize use of images and incase use
them, put all vectored images in respective folders. - For some layouts - Like showing circles overlapping as per width , try to do
that programmatically where need to get height and width of screen and
then need to lill bit of math to make it dynamic - Use dp for widgets and views height width parameter Use sp for fonts
- Put all in style,dimen respective pages and use from there
- There are many standard things which need to keep in mind while creating UI like heard size is 44dp etc. https://developer.android.com/guide/topics/ui/look-and-feel/
So its just matter of experience just avoid fix values and for even for simplest things google how other ppl have done it try to get their views and you're good to go.
answered Nov 26 '18 at 6:34
nTrinTri
4381317
4381317
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53475568%2fhow-did-you-compatible-android-app-ui-with-multiple-screen-size%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Please check my this answer, you will get idea. stackoverflow.com/questions/49630287/…
– Khyati Chitroda
Nov 26 '18 at 6:12