Tengo un iframe en mi vista web de Android que estoy cargando así:
String folderPath = "file:android_asset/"; String fileName = "index.html"; String file = folderPath + fileName; webView.loadUrl(file); El iframe se carga a través de archivos HTML y CSS ubicados en mi carpeta android/assests . El HTML y CSS se ven así. HTML:
<!DOCTYPE html> <html lang="en"> <body> <link rel="stylesheet" type="text/css" href="default.css" /> <div class="abs-frame-container"> <iframe id="my_frame" src="my web page link" scrolling="no" allowtransparency="true" style="border:none;overflow:hidden"> </iframe> </div> </body> </html>y mi CSS
#my_frame { position: absolute; top: 0%; bottom: 0%; right: 0%; width: 117%; height: 100%; } #abs-frame-container{ top: 10%; bottom: 0%; position: relative; }La página web en iframe se muestra bien en la vista web. Quiero centrar (alineación vertical) mi iframe en la vista web para que se alinee automáticamente según las dimensiones de la vista web (altura). Agradecería mucho si alguien pudiera ayudarme ¿cómo se puede lograr esto?
Puede llamar JavaScript personalizado en WebView directamente desde Java/Kotlin. Está explicado en la documentación oficial .
Luego puede crear una secuencia de comandos JavaScript que agregue estilos CSS a partes de la página html cargada y centrar su iframe de esa manera.