Skip to main content
se añadieron 83 caracteres en el cuerpo
Origen Enlace
Ashley G.
  • 1.9k
  • 1
  • 27
  • 41

Te mostrare una forma "simple" usaremos Glide para el uso de carga de imagenes, importamos agregando al gradle compile 'com.github.bumptech.glide:glide:3.7.0'

pcompile 'com.github.bumptech.glide:glide:3.7.0'

Tu adaptas los Id de las variables o las dejas. Este método esta funcionando.

rimeroPrimero crearemos la clase AdaptadorDeFotos

Te mostrare una forma "simple" usaremos Glide para el uso de carga de imagenes, importamos agregando al gradle compile 'com.github.bumptech.glide:glide:3.7.0'

primero crearemos la clase AdaptadorDeFotos

Te mostrare una forma "simple" usaremos Glide para el uso de carga de imagenes, importamos agregando al gradle

compile 'com.github.bumptech.glide:glide:3.7.0'

Tu adaptas los Id de las variables o las dejas. Este método esta funcionando.

Primero crearemos la clase AdaptadorDeFotos

Origen Enlace
Ashley G.
  • 1.9k
  • 1
  • 27
  • 41

Te mostrare una forma "simple" usaremos Glide para el uso de carga de imagenes, importamos agregando al gradle compile 'com.github.bumptech.glide:glide:3.7.0'

primero crearemos la clase AdaptadorDeFotos

public class AdaptadorDeFotos extends BaseAdapter {
    private Context context;

    public AdaptadorDeFotos(Context context) {
        this.context = context;
    }

    @Override
    public int getCount() {
        return Foto.ITEMS.length;
    }

    @Override
    public Foto getItem(int position) {
        return Foto.ITEMS[position];
    }

    @Override
    public long getItemId(int position) {
        return getItem(position).getId();
    }

    @Override
    public View getView(int position, View view, ViewGroup viewGroup) {

        if (view == null) {
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = inflater.inflate(R.layout.grid_item, viewGroup, false);
        }

        ImageView imagenCoche = (ImageView) view.findViewById(R.id.imagen_st);
        TextView nombreCoche = (TextView) view.findViewById(R.id.nombre_st);
        final Foto item = getItem(position);
        Glide.with(imagenCoche.getContext())
                .load(item.getIdDrawable())
                .into(imagenCoche);

        nombreCoche.setText(item.getNombre());

        return view;
    }

}

esta clase esta asociada al siguiente XML

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="200dp">

    <ImageView
        android:id="@+id/imagen_st"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
         />

    <TextView
        android:id="@+id/nombre_st"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="#90000000"
        android:maxLines="1"
        android:padding="16dp"
        android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
        android:textColor="@android:color/white" />

</FrameLayout>

Ahora creamos ActividadPrincipal

public class ActividadPrincipal extends AppCompatActivity implements AdapterView.OnItemClickListener

{
    private GridView gridView;
    private AdaptadorDeFotos adaptador;

    @Override
    protected void onCreate (Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_actividad_principal);


    gridView = (GridView) findViewById(R.id.grid);
    adaptador = new AdaptadorDeFotos(this);
    gridView.setAdapter(adaptador);
    gridView.setOnItemClickListener(this);
}


    @Override
    public void onItemClick (AdapterView < ? > parent, View view,int position, long id){
    Foto item = (Foto) parent.getItemAtPosition(position);

    Intent intent = new Intent(this, ActividadDetalle.class);
    intent.putExtra(ActividadDetalle.EXTRA_PARAM_ID, item.getId());

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

        ActivityOptionsCompat activityOptions =
                ActivityOptionsCompat.makeSceneTransitionAnimation(
                        this,
                        new Pair<View, String>(view.findViewById(R.id.imagen_st),
                                ActividadDetalle.VIEW_NAME_HEADER_IMAGE)
                );

        ActivityCompat.startActivity(this, intent, activityOptions.toBundle());
    } else
        startActivity(intent);
}

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.galeria, menu);
        return true;
    }

    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    public boolean onOptionsItemSelected(MenuItem item) {

        int id = item.getItemId();

        if (id == R.id.atras) {
            onBackPressed();
            return true;
        } else if (id == R.id.salir) {
            finishAffinity();
            return true;

        }


           return super.onOptionsItemSelected(item);
        }
}

que tiene asociada este XML

<?xml version="1.0" encoding="utf-8"?>

<GridView
    android:id="@+id/grid"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnWidth="150dp"
    android:horizontalSpacing="0dp"
    android:numColumns="auto_fit"
    android:padding="0dp"
    android:verticalSpacing="0dp" />

este Gridview se mostrara de acuerdo al tamaño de la pantalla cuantas columas aunque tu puedes decir que quieres 2 o 1 etc. En la propiedad android:numColumns="2"

Ahora haremos una clase para cuando pulses la imagen se expanda y la llamaremos ActividadDetalle

    public class ActividadDetalle extends AppCompatActivity {
    public static final String EXTRA_PARAM_ID = "extra.ID";
    public static final String VIEW_NAME_HEADER_IMAGE = "imagen_compartida";
   // private Toolbar toll;
    private Foto itemDetallado;
    private ImageView imagenExtendida;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_actividad_detalle);
        // Obtener la foto con el identificador establecido en la actividad principal
        itemDetallado = Foto.getItem(getIntent().getIntExtra(EXTRA_PARAM_ID, 0));
        imagenExtendida = (ImageView) findViewById(R.id.imagen_extendida);
        Toolbar toolbar =(Toolbar) findViewById(R.id.toolbar3);
        setTitle("");
        setSupportActionBar(toolbar);


        cargarImagenExtendida();
    }
    private void cargarImagenExtendida() {
        Glide.with(imagenExtendida.getContext())
                .load(itemDetallado.getIdDrawable())
                .into(imagenExtendida);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.galeria, menu);
        return true;
    }

    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    public boolean onOptionsItemSelected(MenuItem item) {

        int id = item.getItemId();

        if (id == R.id.atras) {
            onBackPressed();
            return true;
        } else if (id == R.id.salir) {
            finishAffinity();
            return true;

        }
        return super.onOptionsItemSelected(item);
    }
}

y su respectivo XML

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_actividad_detalle" android:layout_width="match_parent" android:layout_height="match_parent"

tools:context="com.example.hp14.iteracion2.Galeria.ActividadDetalle"
android:background="@color/black_overlay">

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/imagen_extendida"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    >

</ImageView>

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:theme="?attr/actionBarTheme"
    android:minHeight="?attr/actionBarSize"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:id="@+id/toolbar3" />