Android Question Adjusting an image displayed with webview to the screen size

vecino · Oct 31, 2022

Hi, I am using webview to display images stored in an internal directory (with an old activity application (not B4XPages)).
The problem is that there are images of many sizes and I would like them all to fit the screen size of the device.
Is this possible?
Thank you.

TILogistic · Oct 31, 2022

yes, webview use Css
example:

CSS object-fit Property

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

or

JavaScript

TILogistic · Oct 31, 2022

Upload an example to see what you can do.

vecino · Oct 31, 2022

Hi, this is the code I use to display the photo.
Thank you.

B4X:

Sub VerFoto   
    Dim cFoto, cDir, cExt, cImagePath As String
    Dim mXui As XUI
    '   
    cDir = globales.cDirFotosOriginales
    cExt = globales.DBconex.ExecQuerySingleResult("select ftpTipoFotos from tbEmpresa limit 1")
    cFoto = globales.cCodigoEmpresa & cCodigoArticulo &"."& cExt
    '
    If File.Exists( cDir, cFoto ) Then
        Try
            cImagePath = mXui.FileUri(cDir,cFoto)           
        Catch
            Log(LastException.Message)
        End Try
    Else
        cImagePath = mXui.FileUri(globales.cDirFotos,globales.cNoTieneFoto)
    End If
    '
    wv1.LoadHtml($"<HTML><HEAD></HEAD><BODY><IMG SRC="${cImagePath}"></BODY></HTML>"$)
    '
    pnFoto.Visible = True
    pnFoto.BringToFront
    btCierra.BringToFront
End Sub

TILogistic · Oct 31, 2022

Attached, one of the solutions.
Fit the image to the width and height of the webview.

press the button to load the image

Is that what you want to do with the image?

vecino · Oct 31, 2022

Perfect!!!
Thank you very much, my friend.

Android Question Adjusting an image displayed with webview to the screen size

vecino

Well-Known Member

TILogistic

TILogistic

Expert

CSS object-fit Property

JavaScript

TILogistic

Expert

vecino

Well-Known Member

TILogistic

Expert

Attachments

vecino

Well-Known Member

Similar Threads

Android Question Adjusting an image displayed with webview to the screen size

Well-Known Member

Expert

JavaScript ​

Expert

Well-Known Member

Expert

Attachments

Well-Known Member

Similar Threads

JavaScript