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
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"?>
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" />