iOS Question B4i Image issue

[luke2012]

Hi all,
when I test my (B4XPages) app under iOS (iPhone), occasionally (not always) the images (which are loaded into the CLV) appear blurry.

This happens on both the emulator and the real device (so it could happen to users as well).
Within the Android version (B4XPages app) this problem does not occur.
Why does this happen?

Thanks in advance for your help.
Luca.

 

[Erel]

My guess is that you are loading the images with LoadBitmapResize and are doing it before the page has resized.

Best option is to load the full image and use B4XImageView.

 

[luke2012]

My guess is that you are loading the images with LoadBitmapResize and are doing it before the page has resized.

Best option is to load the full image and use B4XImageView.

Hi Erel,
the relevant code is this:

Sub Class_Globals
    Private imgSubCat As B4XView
End Sub

Private Sub CreateItem (aNID As Int, aTitle As String, aImg As Bitmap, iv As ItemValue) As B4XView
    Private pnl As B4XView = xui.CreatePanel("")
    pnl.SetLayoutAnimated (0,0,0,100%x, 300dip)
    pnl.LoadLayout("subcat_itemlayout")
    
    imgSubCat.SetBitmap(aImg.Resize(pnl.Width, 300dip, True))
    
    lblSubCatTitle.Text = aTitle
    iv.nid = aNID
    iv.title = aTitle
    iv.img = aImg
    
    Return pnl
End Sub

I'm loading an "ImageView" with LoadLayout("subcat_itemlayout") than I set it with "imgSubCat.SetBitmap".

 

[Erel]

Using 100%x outside of the Resize event is a programming bug.

 

[Alexander Stolte]

Using 100%x outside of the Resize event is a programming bug.

where is the IDE warning about this? ??

 

[luke2012]

Using 100%x outside of the Resize event is a programming bug.

Ok then I had to make a fix.
But can this cause the problem of image blur (#1)?

 

[Erel]

Yes, if the size is too small.

"Best option is to load the full image and use B4XImageView."

 

[luke2012]

Yes, if the size is too small.

"Best option is to load the full image and use B4XImageView."

Thank you Erel! The mod you suggested works fine (no more blurred images).

The only little thing that I cannot understand how to handle is how to fit correctly between top and bottom without show the grey and white horizontal "bars" (as you can see within image above).

 

[Alexander Stolte]

how to fit correctly between top and bottom without show the grey and white horizontal "bars" (as you can see within image above).

use B4XImageView

resize mode = FILL or FILL_HEIGHT

[B4X] B4XImageView - ImageView + resize modes

B4XImageView is a new custom view, added to XUI Views v2.40. It adds several useful resize modes to the standard ImageView: (Images source: https://www.b4x.com/android/forum/threads/compass-gm-a-gyro-magnetic-compass-app-featuring-true-and-magnetic-heading.121239/...

www.b4x.com