Android : How Can I Load Different Pages In Android Gridview While Clicking Separate GridItems?

on Thursday, October 9, 2014


I want to load separate pages while clicking on Gridview blocks. By clicking a Gridview Item , I want to load a full page that will be contained image or some description like the link image below. I have set the Gridview basic settings. how will I make or load a page like the below image in android.


The Page will be Similar Like this


enter image description here



package com.android21.gridprac;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.app.Activity;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState)
{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

GridView gv = (GridView) findViewById(R.id.gridView);

gv.setAdapter(new ImageAdapter(this));

gv.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3)
{


}

});

}

}


ImageAdapter



package com.android21.gridprac;

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

public class ImageAdapter extends BaseAdapter {

Context imgCntxt;


public ImageAdapter(Context c)
{
this.imgCntxt= c;
}

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

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

ImageView imgview;

if(convertView==null)
{
imgview = new ImageView(imgCntxt);

imgview.setScaleType(ImageView.ScaleType.FIT_XY);
}

else

{
imgview = (ImageView) convertView;
}

imgview.setImageResource(images[position]);

return imgview;

}


public Integer[] images =
{

R.drawable.image1,
R.drawable.image2,
R.drawable.image3,
R.drawable.image4,
R.drawable.image5,
R.drawable.image6,
R.drawable.image7,
R.drawable.image8,
R.drawable.image9,
R.drawable.image10

};

0 comments:

Post a Comment