How to fit image for all resolutions ?

Question

How to fit image for all resolutions ?

Shay Wilner 1,746

Hello
I drew a chess board by dividing the screen width into 8 parts.
I had an image view loaded with an image fit to the square for the chessboard.
It works but only for one resolution but if I run the application using another emulator with another resolution the image exceed from the square.
The image is stored in in the asset folder.
Thanks

JarvanZhang 23,971 Reputation points

2021-12-07T03:00:52.5+00:00
I drew a chess board by dividing the screen width into 8 parts

Hi, 65010773. Do you want to create a game application? If so, it's suggested to use a game framework to do this. It'll be easiler and better than using the Android api directly.

If you just want to display a chess board, could you please share more details about how do you display the 8*8 spots and the imageView?

It works but only for one resolution but if I run the application using another emulator with another resolution the image exceed from the square.

To fix this issue, try using PercentRelativeLayout to set a percent size value for the child view. We need to install the Xamarin.AndroidX.PercentLayout package first to use the layout.

<androidx.percentlayout.widget.PercentRelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <Image ... android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_heightPercent="12.5%" app:layout_widthPercent="12.5%"/> </androidx.percentlayout.widget.PercentRelativeLayout>
Shay Wilner 1,746 Reputation points

2021-12-07T21:23:36.19+00:00

Hello

It's not really a game only the purpose of placing 8 queens on the board
here a screenshot of what i wrote
the resolution of the emulator is 1440 * 2880 561 dpi

with another emulator 1080 * 2160 400 dpi

maybe the solution is to resize the bitmap

Accepted answer

0 additional answers

Your answer

JarvanZhang 23,971 Reputation points

2021-12-07T03:00:52.5+00:00

I drew a chess board by dividing the screen width into 8 parts

Hi, 65010773. Do you want to create a game application? If so, it's suggested to use a game framework to do this. It'll be easiler and better than using the Android api directly.

If you just want to display a chess board, could you please share more details about how do you display the 8*8 spots and the imageView?

It works but only for one resolution but if I run the application using another emulator with another resolution the image exceed from the square.

To fix this issue, try using PercentRelativeLayout to set a percent size value for the child view. We need to install the Xamarin.AndroidX.PercentLayout package first to use the layout.

<androidx.percentlayout.widget.PercentRelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <Image ... android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_heightPercent="12.5%" app:layout_widthPercent="12.5%"/> </androidx.percentlayout.widget.PercentRelativeLayout>
Shay Wilner 1,746 Reputation points

2021-12-07T21:23:36.19+00:00

Hello

It's not really a game only the purpose of placing 8 queens on the board
here a screenshot of what i wrote
the resolution of the emulator is 1440 * 2880 561 dpi

with another emulator 1080 * 2160 400 dpi

maybe the solution is to resize the bitmap

Answer 1

Hello,

Welcome to our Microsoft Q&A platform!

Try setting the height of the Queen chesses according to the screen size programmatically.

Here is the sample code, you could refer to it.

   int displayWidth = WindowManager.DefaultDisplay.Width;  
   var the_queen = ...;  
     
   var layoutParameter = the_queen.LayoutParameters;  
   layoutParameter.Height = displayWidth / 8;  
   the_queen.LayoutParameters = layoutParameter;

Best Regards,

Jarvan Zhang

If the response is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

How to fit image for all resolutions ?

0 additional answers

Your answer