Gridview con diseño (imageview + imagebutton) para cada valor
¿Es posible hacer una gridview que tiene en lugar de una cuadrícula de imágenes, una cuadrícula de imágenes con una pequeña imagen debajo de cada una de ellas?
- ¿Existe alguna diferencia entre "center_horizontal | center_vertical" y "center"
- ¿El tamaño del texto no se cambia para los diferentes diseños de pantalla?
- Temas aparentemente ignorados en ICS
- TextView en el centro de la pantalla
- Android: diseño alternativo xml para el modo horizontal
- Cambie el color del texto mientras que la progresión llena debajo del texto
- FindViewById devuelve null - Android - setContentView
- Android: la barra de estado previene la pantalla completa
- Cómo inspeccionar un elemento en el navegador de Android
- Cambiar del diseño main.xml a otro diseño
- ¿El uso de Android del término flinger?
- Cómo crear la interfaz de usuario como la foto adjunta
- Gaveta de navegación (Google+ vs. YouTube)
Respuesta corta: Sí. Puede tener un ImageView
y un ImageButton
en un GridView
.
Respuesta larga:
Naturalmente, tendrá que crear un GridView
personalizado para ese propósito.
Por ejemplo:
Cree un XML que contenga el contenedor GridView
, por ejemplo, grid.xml
:
<GridView android:id="@+id/gridFriends" android:layout_width="fill_parent" android:layout_height="fill_parent" android:clipChildren="true" android:columnWidth="100dp" android:fastScrollEnabled="true" android:gravity="center" android:numColumns="auto_fit" android:stretchMode="columnWidth" > </GridView>
Y, para definir el contenido del GridView
, cree otro diseño XML que contenga ImageView
y ImageButton
. Digamos grid_items.xml
:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/mainContainer" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="5dp" > <FrameLayout android:layout_width="100dp" android:layout_height="100dp" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:gravity="center" > <ImageView android:id="@+id/imgProfilePicture" android:layout_width="fill_parent" android:layout_height="fill_parent" android:adjustViewBounds="true" android:scaleType="centerCrop" android:src="@null" /> <ImageButton android:id="@+id/imgbtnDemo" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="bottom|center" android:background="@null" android:gravity="center" android:src="@drawable/ic_contact_picture" > </ImageButton> </FrameLayout> </RelativeLayout>
Por último, si está familiarizado con el concepto de ListViews
personalizado, con algunas modificaciones, también podrá implementar un GridView
personalizado. Si no está familiarizado con ListViews
o GridViews
, siga este tutorial para ver cómo crear un GridView
personalizado: http://www.coderzheaven.com/2012/02/29/custom-gridview-in-android-a-simple -ejemplo / . O utilice esta Búsqueda de Google para obtener más tutoriales sobre el mismo.
Un punto importante aquí sería, si usted necesita el ImageButton's
para hacer una función cuando se hace clic en ellos, el onClickListener
tendrá que ser configurado en el Adapter
.
GridView
muestra una cuadrícula de Views
. Puede mostrar cualquier cosa que extienda la clase View
. Puede mostrar un LinearLayout
con un ImageView
y un ImageButton
dentro de él.
- Cómo obtener el ancho y la altura de una vista Web en android
- BuildTypes.each String para API en la configuración de Gradle de Android