Icons have poor clarity in Xamarin forms IOS project
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.
So which resolution icons are good for xamarin forms IOS project?
ios xamarin.forms icons
add a comment |
I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.
So which resolution icons are good for xamarin forms IOS project?
ios xamarin.forms icons
add a comment |
I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.
So which resolution icons are good for xamarin forms IOS project?
ios xamarin.forms icons
I am using 24x24 pixels icons in my xamarin forms ios project, but not getting good clarity. So I modified all the icons with 32x32 pixel size. Icons sizes are increased but still getting poor clarity.
So which resolution icons are good for xamarin forms IOS project?
ios xamarin.forms icons
ios xamarin.forms icons
asked Nov 15 '18 at 8:05
Sreejith SreeSreejith Sree
470217
470217
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
For me it has proven to be good practise to add an image in three versions.
A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.
If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.
For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.
Just add the files to your project and reference the first one without the @2x or @3x addition in the name.
For Android , I am using the following sizes:
- drawable - 72x72
- drawable-hdpi - 72x72
- drawable-xhdpi - 96x96
- drawable-xxhdpi - 144x144
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
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%2f53314864%2ficons-have-poor-clarity-in-xamarin-forms-ios-project%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
For me it has proven to be good practise to add an image in three versions.
A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.
If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.
For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.
Just add the files to your project and reference the first one without the @2x or @3x addition in the name.
For Android , I am using the following sizes:
- drawable - 72x72
- drawable-hdpi - 72x72
- drawable-xhdpi - 96x96
- drawable-xxhdpi - 144x144
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
add a comment |
For me it has proven to be good practise to add an image in three versions.
A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.
If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.
For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.
Just add the files to your project and reference the first one without the @2x or @3x addition in the name.
For Android , I am using the following sizes:
- drawable - 72x72
- drawable-hdpi - 72x72
- drawable-xhdpi - 96x96
- drawable-xxhdpi - 144x144
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
add a comment |
For me it has proven to be good practise to add an image in three versions.
A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.
If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.
For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.
Just add the files to your project and reference the first one without the @2x or @3x addition in the name.
For Android , I am using the following sizes:
- drawable - 72x72
- drawable-hdpi - 72x72
- drawable-xhdpi - 96x96
- drawable-xxhdpi - 144x144
For me it has proven to be good practise to add an image in three versions.
A "small" version, being used on non-retina devices, though that is kind of legacy support by now, a "medium" version for usual retina displays and a "large" one for higher ones.
If you name your files properly, xamarin.iOS will automatically choose the right file for the current device.
For instance, I have a file "fa_home.png" with a resolution of 25x25px, "fa_home@2x.png" in 50x50 and "fa_home@3x.png" in 75x75.
Just add the files to your project and reference the first one without the @2x or @3x addition in the name.
For Android , I am using the following sizes:
- drawable - 72x72
- drawable-hdpi - 72x72
- drawable-xhdpi - 96x96
- drawable-xxhdpi - 144x144
edited Nov 19 '18 at 7:49
answered Nov 15 '18 at 8:30
Markus MichelMarkus Michel
1,537315
1,537315
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
add a comment |
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Currently I am using only one icon, I will try adding 3 and update you
– Sreejith Sree
Nov 15 '18 at 8:43
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Can you provide the resolution of android and UWP icons here?
– Sreejith Sree
Nov 19 '18 at 7:19
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
Added the android icon sizes, I am currently using in my apps, however I am not implementing for UWP at the moment.
– Markus Michel
Nov 19 '18 at 7:49
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
thanks Markus..
– Sreejith Sree
Nov 19 '18 at 13:13
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%2f53314864%2ficons-have-poor-clarity-in-xamarin-forms-ios-project%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