如何将带有JSON链接的图像导入ViewPager或GridView [英] How do I import images w/ link from JSON to ViewPager or GridView
本文介绍了如何将带有JSON链接的图像导入ViewPager或GridView的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Hello代码项目社区！
我想要做的是传递我在 JSON中的3个图像网址链接其中一个（第一张图片链接）的文件：
{
titulo： Verox的1006，
image： http://wlodsgn.x10host.com/img/vrxjns1006/veroxjeans1006_front.jpg，
image2： http://wlodsgn.x10host.com/img/vrxjns1006/veroxjeans1006_leftside.jpg，
image3： http：/ / WLOD sgn.x10host.com/img/vrxjns1006/veroxjeans1006_rightside.jpg，
marca ： Verox，
color： Negro ，
tipo： Jean，
ref： 1006
}，
显示在使用Google的Volley Library的 ListView 中。以下是我的 ListView 的截图：
http://i.imgur.com/5Sxii7j.png [ ^ ]
当我点击其中一个产品时在我的 ListView 中，它带我到另一个活动，它将显示产品的信息和来自 ListView的图像如此屏幕截图所示：
http：//i.imgur .com / TdyNQOX.png [ ^ ]
现在，我要对其他两个图像链接做的是创建 ViewPager 或 GridView ，其中将显示 ALL 三个图像，并且能够放大和缩小。做这样的事情的理想方法是什么。到目前为止，我已经在互联网上查找了使用Volley Library的方法并且没有成功。
任何帮助将不胜感激
这是我的 JeansActivity.java ，在该代码下面是我的 JeansDetailActivity.java ：
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import com.wlodsgn.bunbunup.adapter.CustomListAdapter;
import com.wlodsgn.bunbunup.app.AppController;
import com.wlodsgn.bunbunup.model.Jeans;
import java.util.ArrayList;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.ProgressDialog;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.TextView;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.VolleyLog;
import com.android.volley.toolbox.JsonArrayRequest;
/ * *
*由WiLo于2015年2月27日创建。
* /
public class JeansActivity extends ActionBarActivity {
/ * * @ Override
public void onCreate（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）;
setContentView（R.layout.activity_jeans）;
} ** /
// 日志标记
私有 静态 final 字符串 TAG = JeansActivity。 class .getSimpleName（）;
// 牛仔裤json url
private static final 字符串 url = http://xxxxx.xxxx.com/json/jnslst.json;
private ProgressDialog pDialog;
私人列表<牛仔裤> jeansList = new ArrayList< Jeans>（）;
private ListView listView;
私人 CustomListAdapter适配器;
private static String Titulo = titulo;
私有 静态 字符串 Marca = marca;
私有 静态 字符串颜色= color;
私有 静态 字符串 Tipo = tipo;
private 静态 字符串 Referencia = ref;
私有 静态 字符串位图= thumbnailUrl;
@ Override
protected void onCreate（Bundle savedInstanceState）{
super .onCreate（savedInstanceState）;
setContentView（R.layout.activity_jeans）;
// 后退按钮
ActionBar actionBar = getSupportActionBar（） ;
actionBar.setDisplayHomeAsUpEnabled（true）;
listView =（ListView）findViewById（R.id.list）;
adapter = new CustomListAdapter（ this ，jeansList）;
listView.setAdapter（adapter）;
pDialog = new ProgressDialog（ this ）;
// 在发出http请求之前显示进度对话框
pDialog.setMessage（< span class =code-string> Loading ...）;
pDialog.show（）;
// 更改操作栏颜色
getSupportActionBar（）。 setBackgroundDrawable（
new ColorDrawable（Color.parseColor（ ＃1b1b1b）））;
// 创建排球请求obj
JsonArrayRequest jeansReq = < span class =code-keyword> new JsonArrayRequest（url，
new Response.Listener< JSONArray>（）{
@覆盖
public void onResponse（JSONArray响应）{
Log.d（TAG，response.toString（））;
hidePDialog（）;
/ / 解析json
for （ int i = 0 ; i< response.length（）; i ++）{
尝试 {
JSONObject obj = response.getJSONObject（i）;
Jeans jeans = new Jeans（）;
jeans.setTitulo（obj.getString（ titulo））;
jeans.setThumbnailUrl（obj.getString（ image））;
jeans.setMarca（obj.getString（ marca））;
jeans.setColor（obj.getString（ color））;
jeans.setTipo（obj.getString（ tipo））;
jeans.setRef（obj.getInt（ ref））;
// 将牛仔裤添加到牛仔裤阵列
jeansList.add （牛仔裤）;
} catch （JSONException e）{
e.printStackTrace（）;
}
}
// 通知列表有关数据更改的适配器
// 以便使用更新的数据呈现列表视图
adapter.notifyDataSetChanged（）;
}
}， new Response.ErrorListener（）{
@ Override
public void onErrorResponse（VolleyError error）{
VolleyLog.d（ TAG， 错误： + error.getMessage（））;
hidePDialog（）;
}
}）;
// 向请求队列添加请求
/ * * AppController.getInstance（）。addToRequestQueue（JeansReq）; ** /
AppController.getInstance（ ）.addToRequestQueue（jeansReq）;
listView.setOnItemClickListener（ new AdapterView.OnItemClickListener（）{
@ Override
public void onItemClick（AdapterView<？> parent，View view，
int 位置， long id）{
String nombre =（（TextView）view.findViewById（R.id.titulo））
.getText（）。toString（）;
String brand =（（TextView）view.findViewById（R.id.marca））
.getText（）。toString（）;
String color =（（TextView）view.findViewById（R.id.color））
.getText（）。toString（）;
String tipo =（（TextView）view.findViewById（R.id.tipo））
.getText（）。toString（）;
String ref =（（TextView）view.findViewById（R.id.ref））
.getText（）。toString（）;
bitmap =（（牛仔裤）jeansList.get（position））。getThumbnailUrl（）;
Intent intent = new Intent（JeansActivity。 this ，JeansDetailsActivity。类）;
intent.putExtra（Titulo，nombre）;
intent.putExtra（马卡，品牌）;
intent.putExtra（颜色，颜色）;
intent.putExtra（Tipo，tipo）;
intent.putExtra（Referencia，ref）;
intent.putExtra（ images，bitmap）;
startActivity（intent）;
}
}）;
}
@ Override
public void onDestroy（）{
super .onDestroy（）;
hidePDialog（）;
}
private void hidePDialog（）{
if （pDialog！= null）{
pDialog.dismiss（）;
pDialog = null;
}
}
/ * * @覆盖
public boolean onCreateOptionsMenu（菜单菜单）{
//给菜单充气;这会将项目添加到操作栏（如果存在）。
getMenuInflater（）。inflate（R.menu.main，menu）;
返回true;
} ** /
}
--- -------------------------------------------------- -------
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.TextView;
import com.android.volley.toolbox.NetworkImageView;
import com.android.volley.toolbox.ImageLoader;
import com.wlodsgn.bunbunup.app.AppController;
/ * *
*由WiLo于2015年3月4日创建。
* /
public class JeansDetailsActivity extends ActionBarActivity {
private static 字符串 Titulo = titulo;
私有 静态 字符串 Marca = marca;
私有 静态 字符串颜色= color;
私有 静态 字符串 Tipo = tipo;
private 静态 字符串 Referencia = ref;
@ Override
protected void onCreate（Bundle savedInstanceState）{
super .onCreate（savedInstanceState）;
setContentView（R.layout.activity_jeansdetails）;
/ * * getSupportActionBar（）。hide（）; ** /
// 后退按钮
ActionBar actionBar = getSupportActionBar（）;
actionBar.setDisplayHomeAsUpEnabled（true）;
意图i = getIntent（）;
String titulo = i.getStringExtra（Titulo）;
TextView titleName =（TextView）findViewById（R.id.titulo）;
titleName.setText（titulo）;
String marca = i.getStringExtra（Marca）;
TextView marcaName =（TextView）findViewById（R.id.marca）;
marcaName.setText（marca）;
String color = i.getStringExtra（Color）;
TextView colorName =（TextView）findViewById（R.id.color）;
colorName.setText（color）;
String tipo = i.getStringExtra（Tipo）;
TextView tipoName =（TextView）findViewById（R.id.tipo）;
tipoName.setText（tipo）;
String ref = i.getStringExtra（Referencia）;
TextView refName =（TextView）findViewById（R.id.ref）;
refName.setText（ref）;
ImageLoader imageLoader = AppController.getInstance（）。getImageLoader（）;
字符串位图= i.getStringExtra（ 图像）;
NetworkImageView thumbNail =（NetworkImageView）findViewById（R.id.thumbnail）;
thumbNail.setImageUrl（bitmap，imageLoader）;
}
public void onClickHandler（View v）{
switch （v.getId（））{
case R.id.thumbnail：
startActivity（ new Intent（ this ，JeansActivity。 class ））;
}
}
}
解决方案
您是否看过谷歌的这段代码？代码 https://github.com/matabii/scale-imageview-android [ ^ ]？
< DD> -SA
Hello code project community!
What I am trying to do is pass 3 image url links that I have in a JSON file in which one of them (first image link):
{
"titulo": "Verox's 1006",
"image": "http://wlodsgn.x10host.com/img/vrxjns1006/veroxjeans1006_front.jpg",
"image2":"http://wlodsgn.x10host.com/img/vrxjns1006/veroxjeans1006_leftside.jpg",
"image3":"http://wlodsgn.x10host.com/img/vrxjns1006/veroxjeans1006_rightside.jpg",
"marca": "Verox",
"color": "Negro",
"tipo": "Jean",
"ref": 1006
},
Is shown in the ListView that uses Google's Volley Library. Here is a screenshot of how my ListView looks like:
http://i.imgur.com/5Sxii7j.png[^]
When I click in one of the products in my ListView, it takes me to another activity which it will show the information of the product and the image from the ListView as shown in this screenshot:
http://i.imgur.com/TdyNQOX.png[^]
Now, what I want to do with the other two image links is create a ViewPager or GridView in which it will show ALL three images and have the ability to zoom in and zoom out. What would be the ideal approach for doing something like that. I have looked all over the internet for a way to do it with Volley Library and no success so far.
Any help would be appreciated
Here is my JeansActivity.java and underneath that code is my JeansDetailActivity.java:
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import com.wlodsgn.bunbunup.adapter.CustomListAdapter;
import com.wlodsgn.bunbunup.app.AppController;
import com.wlodsgn.bunbunup.model.Jeans;
import java.util.ArrayList;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.ProgressDialog;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.TextView;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.VolleyLog;
import com.android.volley.toolbox.JsonArrayRequest;
/**
* Created by WiLo on 2/27/2015.
*/
public class JeansActivity extends ActionBarActivity {
/**@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_jeans);
}**/
// Log tag
private static final String TAG = JeansActivity.class.getSimpleName();
// Jeans json url
private static final String url = "http://xxxxx.xxxx.com/json/jnslst.json";
private ProgressDialog pDialog;
private List<Jeans> jeansList = new ArrayList<Jeans>();
private ListView listView;
private CustomListAdapter adapter;
private static String Titulo="titulo";
private static String Marca="marca";
private static String Colour="color";
private static String Tipo="tipo";
private static String Referencia="ref";
private static String bitmap="thumbnailUrl";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_jeans);
//Back button
ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
listView = (ListView) findViewById(R.id.list);
adapter = new CustomListAdapter(this, jeansList);
listView.setAdapter(adapter);
pDialog = new ProgressDialog(this);
// Showing progress dialog before making http request
pDialog.setMessage("Loading...");
pDialog.show();
// changing action bar color
getSupportActionBar().setBackgroundDrawable(
new ColorDrawable(Color.parseColor("#1b1b1b")));
// Creating volley request obj
JsonArrayRequest jeansReq = new JsonArrayRequest(url,
new Response.Listener<JSONArray>() {
@Override
public void onResponse(JSONArray response) {
Log.d(TAG, response.toString());
hidePDialog();
// Parsing json
for (int i = 0; i < response.length(); i++) {
try {
JSONObject obj = response.getJSONObject(i);
Jeans jeans = new Jeans();
jeans.setTitulo(obj.getString("titulo"));
jeans.setThumbnailUrl(obj.getString("image"));
jeans.setMarca(obj.getString("marca"));
jeans.setColor(obj.getString("color"));
jeans.setTipo(obj.getString("tipo"));
jeans.setRef(obj.getInt("ref"));
// adding jeans to jeans array
jeansList.add(jeans);
} catch (JSONException e) {
e.printStackTrace();
}
}
// notifying list adapter about data changes
// so that it renders the list view with updated data
adapter.notifyDataSetChanged();
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
VolleyLog.d(TAG, "Error: " + error.getMessage());
hidePDialog();
}
});
// Adding request to request queue
/**AppController.getInstance().addToRequestQueue(JeansReq);**/
AppController.getInstance().addToRequestQueue(jeansReq);
listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
String nombre = ((TextView) view.findViewById(R.id.titulo))
.getText().toString();
String brand = ((TextView) view.findViewById(R.id.marca))
.getText().toString();
String color = ((TextView) view.findViewById(R.id.color))
.getText().toString();
String tipo = ((TextView) view.findViewById(R.id.tipo))
.getText().toString();
String ref = ((TextView) view.findViewById(R.id.ref))
.getText().toString();
bitmap = ((Jeans) jeansList.get(position)).getThumbnailUrl();
Intent intent = new Intent(JeansActivity.this, JeansDetailsActivity.class);
intent.putExtra(Titulo, nombre);
intent.putExtra(Marca, brand);
intent.putExtra(Colour, color);
intent.putExtra(Tipo, tipo);
intent.putExtra(Referencia, ref);
intent.putExtra("images", bitmap);
startActivity(intent);
}
});
}
@Override
public void onDestroy() {
super.onDestroy();
hidePDialog();
}
private void hidePDialog() {
if (pDialog != null) {
pDialog.dismiss();
pDialog = null;
}
}
/**@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}**/
}
------------------------------------------------------------
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.TextView;
import com.android.volley.toolbox.NetworkImageView;
import com.android.volley.toolbox.ImageLoader;
import com.wlodsgn.bunbunup.app.AppController;
/**
* Created by WiLo on 3/4/2015.
*/
public class JeansDetailsActivity extends ActionBarActivity {
private static String Titulo="titulo";
private static String Marca="marca";
private static String Colour="color";
private static String Tipo="tipo";
private static String Referencia="ref";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_jeansdetails);
/**getSupportActionBar().hide();**/
//Back button
ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayHomeAsUpEnabled(true);
Intent i=getIntent();
String titulo = i.getStringExtra(Titulo);
TextView titleName = (TextView) findViewById(R.id.titulo);
titleName.setText(titulo);
String marca = i.getStringExtra(Marca);
TextView marcaName = (TextView) findViewById(R.id.marca);
marcaName.setText(marca);
String color = i.getStringExtra(Colour);
TextView colorName = (TextView) findViewById(R.id.color);
colorName.setText(color);
String tipo = i.getStringExtra(Tipo);
TextView tipoName = (TextView) findViewById(R.id.tipo);
tipoName.setText(tipo);
String ref = i.getStringExtra(Referencia);
TextView refName = (TextView) findViewById(R.id.ref);
refName.setText(ref);
ImageLoader imageLoader = AppController.getInstance().getImageLoader();
String bitmap = i.getStringExtra("images");
NetworkImageView thumbNail = (NetworkImageView) findViewById(R.id.thumbnail);
thumbNail.setImageUrl(bitmap, imageLoader);
}
public void onClickHandler(View v){
switch(v.getId()){
case R.id.thumbnail:
startActivity(new Intent(this,JeansActivity.class));
}
}
} 解决方案
Have you seen this code from Google Code https://github.com/matabii/scale-imageview-android[^]?
—SA
这篇关于如何将带有JSON链接的图像导入ViewPager或GridView的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
![http://i.imgur.com/5Sxii7j.png](\"http://i.imgur.com/5Sxii7j.png\"){kind=link}
![http：//i.imgur .com / TdyNQOX.png](\"http://i.imgur.com/TdyNQOX.png\"){kind=link}
