Problem with image resolution into toolbaritem

Hi, I've a problem with my app.
I created a Xamarin Forms App (e-commerce app). I need to insert a shopping cart icon in my toolbaritems and also other icons.
When App load image the resolution is very very low.
I'm tring to find a solution to see image with high resolution. I do not understand where I'm wrong.
I put image in Resource (in Xamarin iOS project) and I load with Icon proprety of ToolBarItems.
I tried different image-sizes but the result is always the same.
I feel that I'm doing something wrong.
Maybe the image must be loaded differently (@2x or @3x conconvection).
Please help me.
If I see native back (<) image the resolution is very very high. I would get the same resolution for my icons.
Thanks for support.

Answers

  • AlexDunnAlexDunn USMember ✭✭✭

    Your images used in the Toolbar (UINavigationItems) should be between 22px and 24px for the base (44px and 48px for @2x)

    For Example:
    shopping_cart.png - 24x24px
    [email protected] - 48x48px
    [email protected] - 72x72px

  • jakketta86jakketta86 USMember

    Tanks @AlexDunn
    Where should I put the 3 images? All in the Resources Folder? or I have to create subfolders (for @2x and @3x)?
    Thanks for support.

  • AlexDunnAlexDunn USMember ✭✭✭
    edited February 2017

    All of them at the same level. Xamarin.Forms will look directly in the Resources folder, but you can subfolder and change the source by platform too:

    <OnPlatform x:Key="DoneIcon"
                      x:TypeArguments="FileImageSource"
                      Android="ic_check_white_24dp.png"
                      iOS="Icons/check_white.png"/>
    

    Notice the Icons/ in the iOS only path.

    Here is an example:

  • jakketta86jakketta86 USMember

    ok. perfect.
    Thanks.

Sign In or Register to comment.