How to import icons in different resolutions for both android and ioS?

HCL Volt MX Volt MX Forum
1
This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

I have imported the icons in [Assest->Mobile->Native] for both Android and ioS. But however it is not available when i edit image source. I have attached the screenshot below. How do i achieve this??**Image removed for security reasons**

2

Hello,

We can not see the @2x, @3x image resolutions under Assets tab of Kony Visulaizer.

To support images within an application for Retina Display, do the following:

  1. Create an image with twice the pixel dimensions as the original image.
  2. Add the following suffix to the image name: @2x.
  3. For example, if you have a company logo image named logo.png that is 50x50 pixels, and you want to use it for a high resolution screen, create the same image at a size of 100x100 pixels, and name it logo@2x.png.
  4. Place this high-resolution image in the Resources folder along with the other images. When you build your project, the resulting app automatically picks up the high resolution images for those devices that support the retina display.

Regards,

3

Hello!

For android where should i create [drawable-hdpi, drawable-mdpi,drawable-xhpi,drawable-xxhdpi,drawable-xxxhdpi] folders?

4

Hi @Levh Slvtew​,

For Android, You can create the folder from Menu Edit -> Manage Android Drawables-> Android. Select which dpi and click OK. It will create a folder automatically.

**Image removed for security reasons**

Follow this documentation also for the information detail https://docs.kony.com/konylibrary/visualizer/visualizer_user_guide/Content/Adding_and_Managing_Images.htm

Thanks,

5

Hello @Svwvh Awnold​

Thank you!

I'm able to create the respective folders as shown in the attached screenshot below. But when i edit image source to insert an image though it is present in the drawable folders, it doesnt appear in the edit image source(select image) popup? Can you tell me how do i fix it??**Image removed for security reasons**

6

Hi @Levh Slvtew​,

You can achive it in two ways,

  1. Just put default image in common folder. Pick the image from the common folder by edit Image Source. Build and run it on your android device, Kony will detect & load the image based on your device's density.
  2. You can achive it by code. Build & Run It, It will automatically load the image based on your device's density.

If your project use Reference Architecture: this.view.imgWidget.src="back_arrow.png";

Thanks,

7

Hello!

Thank you! It works fine now!1