GridView控件 - 点击图片到Viewpager查看图像控件、图像、图片、GridView
2023-09-04 23:41:50
作者：红颜情断肠
这是得到的图像由JSON一个GridView。并能正常工作。我想点击图片在这个GridView控件来显示完整的图像，并可以滑动。我发现这个问题的解决方案是使用Viewpager。
我怎么可以点击图片在GridView控件来显示图像，并可以滑向？
您可以阅读code更容易。 http://pastebin.com/Q8Ljt9yL
公共类MainActivity延伸活动{
公共静态最终诠释DIALOG_DOWNLOAD_JSON_PROGRESS = 0;
私人ProgressDialog mProgressDialog;
ArrayList的＆LT; HashMap的＆LT;字符串，对象＆gt;＆GT; MyArrList;
@燮pressLint（NewApi）
@覆盖
公共无效的onCreate（包savedInstanceState）{
super.onCreate（savedInstanceState）;
的setContentView（R.layout.activity_main）;
//权限StrictMode
如果（android.os.Build.VERSION.SDK_INT＆GT; 9）{
。StrictMode.ThreadPolicy政策=新StrictMode.ThreadPolicy.Builder（）permitAll（）建（）;
StrictMode.setThreadPolicy（政策）;
}
//下载JSON文件
新DownloadJSONFileAsync（）执行（）。
}
@覆盖
受保护的对话框onCreateDialog（INT ID）{
开关（ID）{
案例DIALOG_DOWNLOAD_JSON_PROGRESS：
mProgressDialog =新ProgressDialog（本）;
mProgressDialog.setMessage（下载......）;
mProgressDialog.setProgressStyle（ProgressDialog.STYLE_SPINNER）;
mProgressDialog.setCancelable（真正的）;
mProgressDialog.show（）;
返回mProgressDialog;
默认：
返回null;
}
}
公共无效ShowAllContent（）{
最终的GridView gridView1 =（GridView控件）findViewById（R.id.gridView1）;
gridView1.setAdapter（新ImageAdapter（MainActivity.this，MyArrList））;
gridView1.setOnItemClickListener（新OnItemClickListener（）{
@覆盖
公共无效onItemClick（适配器视图＆LT;＆GT;母公司，视图V，INT位置，长的id）{
Toast.makeText（getApplicationContext（），这是Toast.LENGTH_SHORT）.show（）;
}
}）;
}
公共类ImageAdapter扩展了BaseAdapter {
私人上下文的背景下;
私人的ArrayList＆LT; HashMap的＆LT;字符串，对象＆gt;＆GT; myArr，该=新的ArrayList＆LT; HashMap的＆LT;字符串，对象＆gt;＆GT;（）;
公共ImageAdapter（上下文C，ArrayList的＆LT; HashMap的＆LT;字符串，对象＆gt;＆GT; myArrList）{
上下文= C;
myArr，该= myArrList;
}
公众诠释getCount将（）{
返回MyArr.size（）;
}
公共对象的getItem（INT位置）{
返回的位置;
}
众长getItemId（INT位置）{
返回的位置;
}
公共查看getView（INT位置，查看convertView，ViewGroup中父）{
ViewHolder viewHolder;
查看MyView的= convertView;
viewHolder =新ViewHolder（）;
如果（convertView == NULL）{
LayoutInflater充气=（LayoutInflater）context.getSystemService（Context.LAYOUT_INFLATER_SERVICE）;
MyView的= inflater.inflate（R.layout.activity_column，NULL）;
viewHolder.imageView =（ImageView的）myView.findViewById（R.id.ColImgPath）;
。viewHolder.imageView.getLayoutParams（）高度= 120;
。viewHolder.imageView.getLayoutParams（）宽度= 120;
viewHolder.imageView.setPadding（5,5，5,5）;
viewHolder.imageView.setScaleType（ImageView.ScaleType.CENTER_CROP）;
尝试 {
viewHolder.imageView.setImageBitmap（（位图）MyArr.get（位置）获得（ImageThumBitmap））;
}赶上（例外五）{
viewHolder.imageView.setImageResource（android.R.drawable.ic_menu_report_image）;
}
}
返回MyView的;
}
}
私有静态类ViewHolder {
公众的ImageView ImageView的;
}
在后台//下载JSON
公共类DownloadJSONFileAsync扩展的AsyncTask＆LT;字符串，太虚，太虚＆GT; {
在preExecute保护无效（）{
super.on preExecute（）;
的ShowDialog（DIALOG_DOWNLOAD_JSON_PROGRESS）;
}
@覆盖
保护无效doInBackground（字符串... PARAMS）{
字符串URL =http://192.168.10.101/adchara1/;
JSONArray数据;
尝试 {
数据=新JSONArray（getJSONUrl（URL））;
MyArrList =新的ArrayList＆LT; HashMap的＆LT;字符串，对象＆gt;＆GT;（）;
HashMap的＆LT;字符串，对象＆gt;地图;
的for（int i = 0; I＆LT; data.length（）;我++）{
JSONObject的C = data.getJSONObject（我）;
图=新的HashMap＆LT;字符串，对象＆gt;（）;
map.put（照片，（串）c.getString（图片））;
map.put（ImageThumBitmap，（位图）loadBitmap（c.getString（图片）））;
//完整（用于查看弹出）
map.put（框架，（串）c.getString（框架））;
MyArrList.add（图）
}
}赶上（JSONException E）{
// TODO自动生成的catch块
e.printStackTrace（）;
}
返回null;
}
保护无效onPostExecute（作废不用）{
ShowAllContent（）; //当完成显示内容
dismissDialog（DIALOG_DOWNLOAD_JSON_PROGRESS）;
removeDialog（DIALOG_DOWNLOAD_JSON_PROGRESS）;
}
}
/ ***获取JSON code，从网址*** /
公共字符串getJSONUrl（字符串URL）{
StringBuilder的海峡=新的StringBuilder（）;
HttpClient的客户端=新DefaultHttpClient（）;
HTTPGET HTTPGET =新HTTPGET（URL）;
尝试 {
HTT presponse响应= client.execute（HTTPGET）;
状态行状态行= response.getStatusLine（）;
INT状态code = statusLine.getStatus code（）;
如果（状态code == 200）{//下载OK
HttpEntity实体= response.getEntity（）;
InputStream的内容= entity.getContent（）;
的BufferedReader读卡器=新的BufferedReader（新InputStreamReader的（内容））;
串线;
而（（行= reader.readLine（））！= NULL）{
str.append（线）;
}
} 其他 {
Log.e（日志，无法下载文件。）;
}
}赶上（ClientProtocolException E）{
e.printStackTrace（）;
}赶上（IOException异常E）{
e.printStackTrace（）;
}
返回str.toString（）;
}
/ *****获取图像资源的URL（开始）***** /
私有静态最后字符串变量=形象;
私有静态最终诠释IO_BUFFER_SIZE = 4 * 1024;
公共静态位图loadBitmap（字符串URL）{
点阵位图= NULL;
在的InputStream = NULL;
的BufferedOutputStream了= NULL;
尝试 {
在=新的BufferedInputStream（新网址（URL）.openStream（），IO_BUFFER_SIZE）;
最后ByteArrayOutputStream数据流=新ByteArrayOutputStream（）;
OUT =新的BufferedOutputStream（数据流，IO_BUFFER_SIZE）;
副本（IN，OUT）;
了out.flush（）;
最后一个字节[]数据= dataStream.toByteArray（）;
BitmapFactory.Options选项=新BitmapFactory.Options（）;
// options.inSampleSize = 1;
位= BitmapFactory.de codeByteArray（数据，0，data.length，期权）;
}赶上（IOException异常E）{
Log.e（TAG，无法加载的位图：+网址）;
} 最后 {
closeStream（在）;
closeStream（出）;
}
返回的位图;
}
私有静态无效closeStream（可关闭的流）{
如果（流！= NULL）{
尝试 {
stream.close（）;
}赶上（IOException异常E）{
android.util.Log.e（TAG，无法关闭流，E）;
}
}
}
私有静态无效副本（在的InputStream，OutputStream中出）
抛出IOException异常{
byte []的B =新的字节[IO_BUFFER_SIZE]
INT读取;
而（（读取= in.read（二））！= - 1）{
out.write（B，0，读）;
}
}
}
解决方案
它和你一样需要。只需点击网格视图事件，并使用查看传呼机获得图像中一个屏幕。
点击的网格视图图像事件：
的GridView的GridView =（GridView控件）findViewById（R.id.gridview）;
gridView.setAdapter（新ImageAdapter（））;
gridView.setOnItemClickListener（新OnItemClickListener（）{
@覆盖
公共无效onItemClick（适配器视图＆LT;＆GT;母公司视图中查看，
INT位置，长ID）
{
HashMap的＆LT;字符串，对象＆gt;选择=（HashMap的＆LT;字符串，对象＆gt;）
gridView.getItemAtPosition（位置）;
}
}）;
This is a gridview that get image from json. and it works fine. I want to click image in this gridview to show full image and can slide it. I find the solution of this problem is used Viewpager.
how can I click image in gridview to show image and can slid?
you can read this code more easier. http://pastebin.com/Q8Ljt9yL
public class MainActivity extends Activity {
public static final int DIALOG_DOWNLOAD_JSON_PROGRESS = 0;
private ProgressDialog mProgressDialog;
ArrayList<HashMap<String, Object>> MyArrList;
@SuppressLint("NewApi")
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Permission StrictMode
if (android.os.Build.VERSION.SDK_INT > 9) {
StrictMode.ThreadPolicy policy = new StrictMode.ThreadPolicy.Builder().permitAll().build();
StrictMode.setThreadPolicy(policy);
}
// Download JSON File
new DownloadJSONFileAsync().execute();
}
@Override
protected Dialog onCreateDialog(int id) {
switch (id) {
case DIALOG_DOWNLOAD_JSON_PROGRESS:
mProgressDialog = new ProgressDialog(this);
mProgressDialog.setMessage("Downloading.....");
mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
mProgressDialog.setCancelable(true);
mProgressDialog.show();
return mProgressDialog;
default:
return null;
}
}
public void ShowAllContent() {
final GridView gridView1 = (GridView) findViewById(R.id.gridView1);
gridView1.setAdapter(new ImageAdapter(MainActivity.this, MyArrList));
gridView1.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
Toast.makeText(getApplicationContext(), "this is", Toast.LENGTH_SHORT).show();
}
});
}
public class ImageAdapter extends BaseAdapter {
private Context context;
private ArrayList<HashMap<String, Object>> MyArr = new ArrayList<HashMap<String, Object>>();
public ImageAdapter(Context c, ArrayList<HashMap<String, Object>> myArrList) {
context = c;
MyArr = myArrList;
}
public int getCount() {
return MyArr.size();
}
public Object getItem(int position) {
return position;
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
View myView = convertView;
viewHolder = new ViewHolder();
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
myView = inflater.inflate(R.layout.activity_column, null);
viewHolder.imageView = (ImageView) myView.findViewById(R.id.ColImgPath);
viewHolder.imageView.getLayoutParams().height = 120;
viewHolder.imageView.getLayoutParams().width = 120;
viewHolder.imageView.setPadding(5, 5, 5, 5);
viewHolder.imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
try {
viewHolder.imageView.setImageBitmap((Bitmap) MyArr.get(position).get("ImageThumBitmap"));
} catch (Exception e) {
viewHolder.imageView.setImageResource(android.R.drawable.ic_menu_report_image);
}
}
return myView;
}
}
private static class ViewHolder {
public ImageView imageView;
}
// Download JSON in Background
public class DownloadJSONFileAsync extends AsyncTask<String, Void, Void> {
protected void onPreExecute() {
super.onPreExecute();
showDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
}
@Override
protected Void doInBackground(String... params) {
String url = "http://192.168.10.101/adchara1/";
JSONArray data;
try {
data = new JSONArray(getJSONUrl(url));
MyArrList = new ArrayList<HashMap<String, Object>>();
HashMap<String, Object> map;
for (int i = 0; i < data.length(); i++) {
JSONObject c = data.getJSONObject(i);
map = new HashMap<String, Object>();
map.put("photo", (String) c.getString("photo"));
map.put("ImageThumBitmap",(Bitmap) loadBitmap(c.getString("photo")));
// Full (for View Popup)
map.put("frame", (String) c.getString("frame"));
MyArrList.add(map);
}
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
protected void onPostExecute(Void unused) {
ShowAllContent(); // When Finish Show Content
dismissDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
removeDialog(DIALOG_DOWNLOAD_JSON_PROGRESS);
}
}
/*** Get JSON Code from URL ***/
public String getJSONUrl(String url) {
StringBuilder str = new StringBuilder();
HttpClient client = new DefaultHttpClient();
HttpGet httpGet = new HttpGet(url);
try {
HttpResponse response = client.execute(httpGet);
StatusLine statusLine = response.getStatusLine();
int statusCode = statusLine.getStatusCode();
if (statusCode == 200) { // Download OK
HttpEntity entity = response.getEntity();
InputStream content = entity.getContent();
BufferedReader reader = new BufferedReader(new InputStreamReader(content));
String line;
while ((line = reader.readLine()) != null) {
str.append(line);
}
} else {
Log.e("Log", "Failed to download file..");
}
} catch (ClientProtocolException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return str.toString();
}
/***** Get Image Resource from URL (Start) *****/
private static final String TAG = "Image";
private static final int IO_BUFFER_SIZE = 4 * 1024;
public static Bitmap loadBitmap(String url) {
Bitmap bitmap = null;
InputStream in = null;
BufferedOutputStream out = null;
try {
in = new BufferedInputStream(new URL(url).openStream(),IO_BUFFER_SIZE);
final ByteArrayOutputStream dataStream = new ByteArrayOutputStream();
out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE);
copy(in, out);
out.flush();
final byte[] data = dataStream.toByteArray();
BitmapFactory.Options options = new BitmapFactory.Options();
// options.inSampleSize = 1;
bitmap = BitmapFactory.decodeByteArray(data, 0, data.length,options);
} catch (IOException e) {
Log.e(TAG, "Could not load Bitmap from: " + url);
} finally {
closeStream(in);
closeStream(out);
}
return bitmap;
}
private static void closeStream(Closeable stream) {
if (stream != null) {
try {
stream.close();
} catch (IOException e) {
android.util.Log.e(TAG, "Could not close stream", e);
}
}
}
private static void copy(InputStream in, OutputStream out)
throws IOException {
byte[] b = new byte[IO_BUFFER_SIZE];
int read;
while ((read = in.read(b)) != -1) {
out.write(b, 0, read);
}
}
}
解决方案
its same as you need. just click event of grid view and get image in next screen using view pager.
Click event of grid view images:
GridView gridView = (GridView) findViewById(R.id.gridview);
gridView.setAdapter(new ImageAdapter());
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id)
{
HashMap<String, Object> selected = (HashMap<String, Object>)
gridView.getItemAtPosition(position);
}
});
相关推荐
猜您喜欢
精彩图集
精彩推荐
图片推荐