How to setup a shopping based UI for different screen sizes in unity?Capture iOS Simulator video for App PreviewHow to handle image scale on all the available iPhone resolutions?How to set UITableViewCell height depending on screen sizeLaunch Screen Image size for all iOS screen sizesUIImageView missing images in Launch Screen on deviceIn Swift, how to determine the physical size of a device screen?iOS- Image resource for iPhone 6 and 6 plusHow to obtain physical screen size in iOS simulator with Unity?Scale touch points for different screen sizesHow to get correct resolution for UI elements in different screen size devices using Unity?
Landing in very high winds
What does 'script /dev/null' do?
Is ipsum/ipsa/ipse a third person pronoun, or can it serve other functions?
Does bootstrapped regression allow for inference?
How could a lack of term limits lead to a "dictatorship?"
A poker game description that does not feel gimmicky
How to deal with fear of taking dependencies
extract characters between two commas?
What is GPS' 19 year rollover and does it present a cybersecurity issue?
map list to bin numbers
Why is the design of haulage companies so “special”?
Shall I use personal or official e-mail account when registering to external websites for work purpose?
Email Account under attack (really) - anything I can do?
How do I create uniquely male characters?
I’m planning on buying a laser printer but concerned about the life cycle of toner in the machine
Does the average primeness of natural numbers tend to zero?
Is it legal to have the "// (c) 2019 John Smith" header in all files when there are hundreds of contributors?
Can a planet have a different gravitational pull depending on its location in orbit around its sun?
Can the Produce Flame cantrip be used to grapple, or as an unarmed strike, in the right circumstances?
What does "enim et" mean?
How to move the player while also allowing forces to affect it
Symmetry in quantum mechanics
Manga about a female worker who got dragged into another world together with this high school girl and she was just told she's not needed anymore
How is it possible for user's password to be changed after storage was encrypted? (on OS X, Android)
How to setup a shopping based UI for different screen sizes in unity?
Capture iOS Simulator video for App PreviewHow to handle image scale on all the available iPhone resolutions?How to set UITableViewCell height depending on screen sizeLaunch Screen Image size for all iOS screen sizesUIImageView missing images in Launch Screen on deviceIn Swift, how to determine the physical size of a device screen?iOS- Image resource for iPhone 6 and 6 plusHow to obtain physical screen size in iOS simulator with Unity?Scale touch points for different screen sizesHow to get correct resolution for UI elements in different screen size devices using Unity?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I am trying to set up a shopping based UI for different screen sizes.In the canvas settings inside the Inspector I have given a reference resolution of 750 x 1334(Iphone 6)
UI scale mode - Scale with screen size
Match(Width-Height) - 0.5 (Which I change to one can see them in the images)
Somehow I placed the Images and text according to given design.It looks ok in the Iphone resolution.But in Ipad the buttons and text gets mixed up.
Now I change the Match(Width-Height) - 1 .The result is it looks okay but in the ipad view it looks small and there is plenty of space along the two sides.
How to get a matching view/look for all the different screen sizes.
Images are given below
c# ios unity3d uiview
asked Mar 8 at 7:22
zyonneozyonneo
4783922
add a comment |
I am trying to set up a shopping based UI for different screen sizes.In the canvas settings inside the Inspector I have given a reference resolution of 750 x 1334(Iphone 6)
UI scale mode - Scale with screen size
Match(Width-Height) - 0.5 (Which I change to one can see them in the images)
Somehow I placed the Images and text according to given design.It looks ok in the Iphone resolution.But in Ipad the buttons and text gets mixed up.
Now I change the Match(Width-Height) - 1 .The result is it looks okay but in the ipad view it looks small and there is plenty of space along the two sides.
How to get a matching view/look for all the different screen sizes.
Images are given below
c# ios unity3d uiview
asked Mar 8 at 7:22
zyonneozyonneo
4783922
add a comment |
I am trying to set up a shopping based UI for different screen sizes.In the canvas settings inside the Inspector I have given a reference resolution of 750 x 1334(Iphone 6)
UI scale mode - Scale with screen size
Match(Width-Height) - 0.5 (Which I change to one can see them in the images)
Somehow I placed the Images and text according to given design.It looks ok in the Iphone resolution.But in Ipad the buttons and text gets mixed up.
Now I change the Match(Width-Height) - 1 .The result is it looks okay but in the ipad view it looks small and there is plenty of space along the two sides.
How to get a matching view/look for all the different screen sizes.
Images are given below
c# ios unity3d uiview
asked Mar 8 at 7:22
zyonneozyonneo
4783922
I am trying to set up a shopping based UI for different screen sizes.In the canvas settings inside the Inspector I have given a reference resolution of 750 x 1334(Iphone 6)
UI scale mode - Scale with screen size
Match(Width-Height) - 0.5 (Which I change to one can see them in the images)
Somehow I placed the Images and text according to given design.It looks ok in the Iphone resolution.But in Ipad the buttons and text gets mixed up.
Now I change the Match(Width-Height) - 1 .The result is it looks okay but in the ipad view it looks small and there is plenty of space along the two sides.
How to get a matching view/look for all the different screen sizes.
Images are given below
c# ios unity3d uiview
c# ios unity3d uiview
asked Mar 8 at 7:22
zyonneozyonneo
4783922
asked Mar 8 at 7:22
zyonneozyonneo
4783922
asked Mar 8 at 7:22
zyonneozyonneo
4783922
asked Mar 8 at 7:22
zyonneozyonneo
4783922
asked Mar 8 at 7:22
zyonneozyonneo
4783922
4783922
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Actually, u don't need to change the match size.
what u actually have to use are anchors. If u use anchors no matter how the size of the screen changes the UI element will resize with it.
see this video from unity officials. It will definitely solve ur issue.
https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2
thank you.
U can accept this answer if this solves ur issue.
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
|
show 6 more comments
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%2f55058504%2fhow-to-setup-a-shopping-based-ui-for-different-screen-sizes-in-unity%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
Actually, u don't need to change the match size.
what u actually have to use are anchors. If u use anchors no matter how the size of the screen changes the UI element will resize with it.
see this video from unity officials. It will definitely solve ur issue.
https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2
thank you.
U can accept this answer if this solves ur issue.
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
|
show 6 more comments
Actually, u don't need to change the match size.
what u actually have to use are anchors. If u use anchors no matter how the size of the screen changes the UI element will resize with it.
see this video from unity officials. It will definitely solve ur issue.
https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2
thank you.
U can accept this answer if this solves ur issue.
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
|
show 6 more comments
Actually, u don't need to change the match size.
what u actually have to use are anchors. If u use anchors no matter how the size of the screen changes the UI element will resize with it.
see this video from unity officials. It will definitely solve ur issue.
https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2
thank you.
U can accept this answer if this solves ur issue.
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
Actually, u don't need to change the match size.
what u actually have to use are anchors. If u use anchors no matter how the size of the screen changes the UI element will resize with it.
see this video from unity officials. It will definitely solve ur issue.
https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2
thank you.
U can accept this answer if this solves ur issue.
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
answered Mar 8 at 8:04
Naresh BishtNaresh Bisht
1167
1167
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
|
show 6 more comments
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
The images looks stretched in width when I set customised anchors for ipad(2228 x 1668 resolution) and looks stretched in height when I set customised anchors for iphone(750 x 1338).
– zyonneo
Mar 11 at 6:45
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
Dont stretch anchor over the image just pin it at the center of the image then it wont strech.
– Naresh Bisht
Mar 11 at 7:04
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
avoid customized anchor?
– zyonneo
Mar 11 at 7:08
1
1
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
Potrait and landscape..How will that affect the images...potrait mode really narrows the width.
– zyonneo
Mar 11 at 8:54
1
1
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
If u want to resize Then u have to put the anchor around the image like all triangle of the anchor at all corner of the image. Also tick preserves aspect ratio in image component in unity inspector and if stretching anchor over the image is reuslting in image getting too stretched try anchoring anchor inside the image but dont stretch all over the image just stretch a little for eg is image is a rectangle of 3*6 then make anchor as 1*2 and pls put anchor inside that image.
– Naresh Bisht
Mar 12 at 2:03
|
show 6 more comments
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%2f55058504%2fhow-to-setup-a-shopping-based-ui-for-different-screen-sizes-in-unity%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
