0

Hola de nuevo comunidad.

¿Como hago para meter un GridView en un AlertDialog y "leer" el numero del item que he seleccionado?

He buscado por todos lares y como siempre "Copy Paste", mal explicados o incompletos. Pero de tanto buscar y reunir info de aquí y allá, logre hacer un ejemplo sencillo.

NOTA: La mayoría del código lo cree yo, sin embargo, la otra parte es recopilación de otros, son tantos que ya ni se donde los encontré; sin embargo "GRACIAS A TODOS ELLOS".

Les comparto la solución. Disfrútenla.

2
  • Hola Jorny, está muy bien que quieras hacer pregunta y autorresponderte para que la gente tenga una solucion al problema que planteas. Pero has de hacerlo segun el formato de SOes. La pregunta ha de está con toda la información: codigo intentado, problemas, errores,etc... y la solucion ser objetiva (impersonal) y respondida como si vieras el problema por primera vez y has de explicar la respuesta. Un saludo
    – lois6b
    el 23 mar. 2017 a las 9:11
  • Lo tendré en cuenta, gracias.
    – Jorny
    el 23 mar. 2017 a las 13:36

1 respuesta 1

0

LOS LAYOUTS
En la sección layout del proyecto, clic derecho, opción New y luego Layout Resource File
introducir la descripción de la imagen aquí ACTIVITY MAIN (Actividad princpipal)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btnAlerta"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="MosAlerta"
        android:text="Mostrar alerta con GridView" />
</RelativeLayout>

EL ITEM PARA EL GRIDVIEW (Ubicación de objetos en cada item del gridview)
item_grid.xml

<?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="wrap_content"
    android:padding="1dp"
    android:orientation="vertical"
    >

    <LinearLayout
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:layout_margin="2dp"
        android:background="@drawable/bordes"
        android:orientation="vertical"
        android:padding="2dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/fondo"
            android:orientation="vertical"
            android:padding="2dp">

            <TextView
                android:id="@+id/lblNombre"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical|center_horizontal"
                android:text="Titulo"
                android:textSize="14dp"
                android:textStyle="bold" />

            <ImageView
                android:id="@+id/imgFoto"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="5dp"
                android:src="@mipmap/ic_launcher" />

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

EL GRIDVIEW (objeto griview que se incrustará en el alert)
grid_alerta.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/idGAlert"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?android:attr/colorBackground"
    android:orientation="vertical">

    <TextView
        android:id="@+id/lblTitu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="Titulo de mensaje"
        android:textAlignment="center"
        android:textSize="20sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/lblSubtitu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:text="SubTitulo de mensaje"
        android:textAlignment="center"
        android:textSize="16sp"
        android:textStyle="italic" />

    <GridView
            android:id="@+id/grdGrilla"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:listSelector="@color/colorPrimary"
            android:columnWidth="80dp"
            android:numColumns="auto_fit" >


    </GridView>

</LinearLayout>

LOS DRAWABLES
Deben colocarse en la sección drawable del proyecto NO EN LAYOUT, determinan el estilo (borde y fondo) de cada item del grid.

bordes.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"><shape>
        <solid android:color="#cccccc" />
    </shape></item>
    <item><shape>
        <gradient
            android:angle="270" android:endColor="#ccc"
            android:startColor="#fff" />
        <corners android:radius="2dp" />
    </shape></item>

</selector>

fondo.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"><shape>
        <solid android:color="#cccccc" />
    </shape></item>
    <item><shape>
        <gradient android:angle="90" android:endColor="#f5f5f5" android:startColor="#fff" />
    </shape></item>

</selector>

EL ADAPTADOR
clsAdaptadorGrid.java

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class clsAdaptadorGrid extends BaseAdapter {
    Context Contexto;
    String[] Nombre;
    int[] Foto;
    LayoutInflater inflater;
    public clsAdaptadorGrid(Context cContexto, String[] cNombre, int[] cFoto)   {
        this.Contexto = cContexto;
        this.Nombre = cNombre;
        this.Foto = cFoto;
    }
    @Override
    public int getCount()
    {
        return Nombre.length;
    }

    @Override
    public Object getItem(int position)
    {
        return null;
    }

    @Override
    public long getItemId(int position)
    {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent)    {
        TextView xNombre;
        ImageView xFoto;

        inflater = (LayoutInflater) Contexto.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View itemView = inflater.inflate(R.layout.item_grid, parent, false);

        xNombre = (TextView) itemView.findViewById(R.id.lblNombre);
        xFoto = (ImageView) itemView.findViewById(R.id.imgFoto);

        xNombre.setText(Nombre[position]);
        xFoto.setImageResource(Foto[position]);
        return itemView;
    }
}

EL MAIN ACTIVITY MainActivity.java

import android.app.AlertDialog;
import android.content.DialogInterface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    AlertDialog iconDialog;
    int Elemento;
    String[] aNombres = {"Juan","Carlos","María","Nadia","Perla"};
    int[]    aFotos   = {R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};
    clsAdaptadorGrid Adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    public void MosAlerta(View v){
        Elemento=-1;
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        Adapter = new clsAdaptadorGrid(this, aNombres, aFotos);

        LayoutInflater inflater = this.getLayoutInflater();
        View ViewAlerta = inflater.inflate(R.layout.grid_alerta, null);
        GridView xGrilla = (GridView) ViewAlerta.findViewById(R.id.grdGrilla);
        TextView xTitulo = (TextView) ViewAlerta.findViewById(R.id.lblTitu);
        TextView xSubti = (TextView) ViewAlerta.findViewById(R.id.lblSubtitu);

        xGrilla.setAdapter(Adapter);
        xGrilla.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Elemento = position;
                iconDialog.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(true);
            }
        });
        xTitulo.setText("Usuarios bloqueados");
        xSubti.setText("Fíjate bien si estás en la lista");

        builder.setView(ViewAlerta);
        builder.setCancelable(false);
        builder.setPositiveButton("Seleccionar", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                String sNombre = aNombres[Elemento];
                Toast.makeText(getApplicationContext(), "Nombre: " + sNombre + " (item: "+Elemento+")", Toast.LENGTH_SHORT).show();
            }
        });
        builder.setNegativeButton("Cerrar", null);

        iconDialog = builder.create();
        iconDialog.show();
        iconDialog.getButton(AlertDialog.BUTTON_POSITIVE).setEnabled(false);
    }
}

LAS CAPTURAS introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.