iOS Question Image is stretched

[Lucas Eduardo]

Hello, my images was looking like this https://www.b4x.com/android/forum/t...urred-if-the-image-scale-down.100068/#content

So i used the code provided by Erel and it works, the images it is not blurred, but in some devices its stretched, see in the attached file

I tryed this code https://www.b4x.com/android/forum/t...-fit-images-without-distortion.86627/#content, but the image looks like blurred

Can someone help with this?

Thank you.

 

[Erel]

I tryed this code https://www.b4x.com/android/forum/t...-fit-images-without-distortion.86627/#content, but the image looks like blurred

There are several methods in this post. Which one are you using? Which image is blurred in this screenshot?

 

[Lucas Eduardo]

In the screenshot there is not image blurred because i use this code, but the image it's stretched

Dim scale As Float = GetDeviceLayoutValues.NonnormalizedScale
ivImagem.Bitmap = LoadBitmapResize(pastaImagem,nomeImagem,ivImagem.Width * scale,ivImagem.Height * scale,False)

but in the thread https://www.b4x.com/android/forum/t...-fit-images-without-distortion.86627/#content i tryed both of them

Sub FitImageToView(bmp As B4XBitmap, ImageView As B4XView)

and this

Sub FillImageToView(bmp As B4XBitmap, ImageView As B4XView)

And both of them keeps the images blurred

 

[Erel]

You probably need to resize it based on the scale. Can you upload a small project with the image file where it is blur?

 

[Lucas Eduardo]

I was doing an example to show to you and i tryed to put one sub after another and the results are good. Is it the best way to get it?

FitImageToView(bt2, ImageView1)
Ajusta_Imagem1(ImageView1, File.DirAssets, "image2.png")

Public Sub Ajusta_Imagem1(ivImagem As ImageView,pastaImagem As String,nomeImagem As String)
    #IF B4A
    ivImagem.SetBackgroundImage(XUI.LoadBitmapResize(pastaImagem, nomeImagem, ivImagem.Width, ivImagem.Height, True)).Gravity = Gravity.CENTER
    #ELSE IF B4I
    Dim scale As Float = GetDeviceLayoutValues.NonnormalizedScale
    ivImagem.Bitmap = LoadBitmapResize(pastaImagem,nomeImagem,ivImagem.Width * scale,ivImagem.Height * scale,True)
    #End If
End Sub

 

[Semen Matusovskiy]

As I understood, you crop a picture (enough unusual way).
It's possible to replace imageview by panel with imageview as child (see sample).

 

[Erel]

I've updated the code snippets: https://www.b4x.com/android/forum/t...-fit-images-without-distortion.86627/#content

 

[Lucas Eduardo]

It's cropping the images when they are small

Dim bmp As B4XBitmap = XUI.LoadBitmap(File.DirAssets, "iconSairMenu.png")
utils.FillImageToView(bmp, iconMenuLateral)

 

[Erel]

Better to start a new thread and upload a small example that demonstrates it.

 

[Semen Matusovskiy]

Even so old models as iPhone 7, 8 Plus have width 1242 pixels. it looks that a picture in side menu is about 40% of width (approx. 500 pixels * 500 pixels).
Which size has a png-file ? Guess, that much less, so IOS really "stretches" and a picture on the screen looks terrible.
Use SVG file (if possible).