¿Cómo puedo definir en mi xml el tamaño de un web view? Mi app debe mostrar un sitio en el webview pero éste no debe de ocupar todo el alto de la pantalla, dado que se debe de agregar un control de MediaPlayer. No deseo definirlo en px porque evidentemente los tamaños de las pantallas son variados.
2 respuestas
Para que conserve siempre un porcentaje de la medida de la pantalla, la opción es definir la propiedad layout_weight
en tu vista, suponiendo el siguiente ejemplo, en el cual necesitamos que nuestro WebView
siempre ocupe un 50% de la pantalla y este posicionado en la parte inferior, pero también necesitamos agregar otras 2 vistas, las cuales una ocupe el 30% de la pantalla y la segunda el 20%.
Si tomamos en cuenta el total de la pantalla como el 1 , asignamos un valor de .50 para que siempre ocupe el 50% de la pantalla nuestro WebView
:
<WebView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".50"
android:id="@+id/webView"
android:layout_alignParentBottom="true" />
y asi con las demás vistas, una ocupara el 30% (asignamos .30) y la otra el 20% (asignamos .20):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".30"
android:text="Vista 1" />
<Button
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".20"
android:text="Vista 2" />
<WebView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".50"
android:id="@+id/webView"
android:layout_alignParentBottom="true" />
</LinearLayout>
Podemos asegurar que las vistas siempre medirán el porcentaje especificado en la pantalla, importante definir android:layout_height="0dp"
.
Otro ejemplo:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<WebView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.85"
android:id="@+id/webView"
android:layout_alignParentBottom="true" />
<Button
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight=".15"
android:text="Vista 2"
android:visibility="visible" />
</LinearLayout>
-
Muchas gracias Elenasys, pero al trabajar con px me provocará problemas por los tamaños variados de las pantallas?– RodrigoCommented el 6 abr. 2016 a las 16:28
-
Edite la respuesta, en ese caso es mejor usar dps!– Jorgesys ♦Commented el 6 abr. 2016 a las 16:33
-
-
Elensasys lo puse en mi código, el diseño me lo muestra bien, pero al momento de ejecutar la app me muestra el webview al 100% de la pantalla. Si quito la funcion que carga el webview evidentemente no aparece la web en pantalla, pero si el boton.– RodrigoCommented el 6 abr. 2016 a las 21:03
-
Al utilizar un LinearLayout puedes hacer uso del atributo weight. (http://developer.android.com/intl/es/guide/topics/ui/layout/linear.html)
Capaz que eso te permite, estableciendo diferentes pesos a al webview y al control aprovechar la pantalla para el contenido sin perder de vista del control.
(Otro vinculo a la explicación pero en castellano, no es mía pero ayuda entiendo a aclarar el tema, http://androideity.com/2012/06/01/ui-fluidas-y-la-propiedad-weight-en-android/)