Android 交错网格视图（Etsy）与截击网络图像视图

我想实现Etsy的交错网格视图。 问题是，我不知道如何将Volley的NetworkImage视图与此结合起来。 我从一个Json文件中获取Imageurl，为此我使用了volley

这是我的主要活动

import com.etsy.android.grid.StaggeredGridView;


 public class NeuImKino extends ActionBarActivity {    
 private Toolbar toolbar;



// Log tag
private static final String TAG = MainActivity.class.getSimpleName();

// Movies json url
private static final String url =     "http://***json";

private ProgressDialog pDialog;
private List<Movie> movieList = new ArrayList<Movie>();
private ListView listView;
private CustomListAdapter adapter;
private static String Title = "title";
private static String movie = "movie";
private static StaggeredGridView mGridView;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_neu_im_kino);
    toolbar = (Toolbar) findViewById(R.id.app_bar);
    setSupportActionBar(toolbar);
    NavigationDrawerFragment drawerFragment = (NavigationDrawerFragment) getSupportFragmentManager().findFragmentById(R.id.fragment_navigation_drawer);

    drawerFragment.setUp(R.id.fragment_navigation_drawer, (DrawerLayout) findViewById(R.id.drawerLayout), toolbar);
    getSupportActionBar().setDisplayShowHomeEnabled(true);
    mGridView = (StaggeredGridView) findViewById(R.id.grid_view);
    //listView = (ListView) findViewById(R.id.list);
    adapter = new CustomListAdapter(this, movieList);
    //listView.setAdapter(adapter);
    mGridView.setAdapter(adapter);

    pDialog = new ProgressDialog(this);
    // Showing progress dialog before making http request
    pDialog.setMessage("Loading...");
    pDialog.show();


    // JSON PARSING
    JsonObjectRequest movieReq = new JsonObjectRequest(url,
            new Response.Listener<JSONObject>() {
                @Override
                public void onResponse(JSONObject response) {
                    Log.d(TAG, response.toString());
                    hidePDialog();
                    parseJSONResponse(response);

                }
            }, new Response.ErrorListener()

    {
        @Override
        public void onErrorResponse(VolleyError error) {
            VolleyLog.d(TAG, "Error: " + error.getMessage());
            hidePDialog();

        }
    }

    );

    // Adding request to request queue
    AppController.getInstance().

            addToRequestQueue(movieReq);


    /**listView.setOnItemClickListener(new AdapterView.OnItemClickListener()

                                    {
                                        @Override
                                        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                                            String name = ((TextView) view.findViewById(R.id.title)).getText().toString();
                                            Intent intent = new Intent(NeuImKino.this, SingleItemView.class);

                                            intent.putExtra(Title, name);

                                            startActivity(intent);
                                        }
                                    }

    ); **/
}


public void parseJSONResponse(JSONObject response) {
    try {
        if (response.has("movie")) {
            JSONArray arrayMovies = response.getJSONArray("movie");
            for (int i = 0; i < arrayMovies.length(); i++) {
                JSONObject currentMovie = arrayMovies.getJSONObject(i);
                Movie movie = new Movie();

                String title = null;
                if (currentMovie.has("title")) {
                    title = currentMovie.getString("title");
                } else {
                    title = "NA";
                }

                String fsk;
                if (currentMovie.has("fsk")) {
                    fsk = currentMovie.getString("fsk");
                } else {
                    fsk = "NA";
                }
                String country = null;
                if (currentMovie.has("country")) {
                    country = currentMovie.getString("country");
                } else {
                    country = "NA";
                }


                String start = null;
                if (currentMovie.has("start")) {
                    start = currentMovie.getString("start");
                } else {
                    start = "NA";
                }

                String longdesc = null;
                if (currentMovie.has("longdesc")) {
                    longdesc = currentMovie.getString("longdesc");
                } else {
                    longdesc = "NA";
                }

                String imgname = null;
                if (currentMovie.has("imgname")) {
                    imgname = currentMovie.getString("imgname");
                } else {
                    imgname = null;
                }
                movie.setTitle(title);
                movie.setFsk(fsk);
                movie.setStart(start);
                movie.setCountry(country);
                movie.setLongDesc(longdesc);
                movie.setImgName(imgname);
                movieList.add(movie);


            }
        }
    } catch (JSONException e) {
        e.printStackTrace();
    }
    adapter.notifyDataSetChanged();


}

@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.menu_main, menu);
    return true;
}

}

import com.etsy.android.grid.ridview；
公共类NeuImKino扩展ActionBarActivity{
专用工具栏；
//日志标签
私有静态最终字符串标记=MainActivity.class.getSimpleName（）；
//电影json url
私有静态最终字符串url=“http://***json”；
私人对话；
private List movieList=new ArrayList（）；
私有列表视图列表视图；
专用自定义列表适配器；
私有静态字符串Title=“Title”；
私有静态字符串movie=“movie”；
私有静态视图mGridView；
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity_neu_im_kino）；
工具栏=（工具栏）findViewById（R.id.app\u栏）；
设置支持操作栏（工具栏）；
NavigationDrawerFragment drawerFragment=（NavigationDrawerFragment）getSupportFragmentManager（）；
抽屉碎片设置（R.id.fragment\u navigation\u抽屉，（抽屉布局）findViewById（R.id.抽屉布局），工具栏）；
getSupportActionBar（）.setDisplayShowHomeEnabled（true）；
mGridView=（交错边视图）findViewById（R.id.grid\u视图）；
//listView=（listView）findViewById（R.id.list）；
adapter=新的CustomListAdapter（此，movieList）；
//setAdapter（适配器）；
mGridView.setAdapter（适配器）；
pDialog=新建进度对话框（此对话框）；
//在发出http请求之前显示进度对话框
设置消息（“加载…”）；
pDialog.show（）；
//JSON解析
JsonObjectRequest movieReq=新的JsonObjectRequest（url，
新的Response.Listener（）{
@凌驾
公共void onResponse（JSONObject响应）{
Log.d（TAG，response.toString（））；
hidePDialog（）；
parseJSONResponse（response）；
}
}，new Response.ErrorListener（）
{
@凌驾
公共无效onErrorResponse（截击错误）{
d（标记“Error:+Error.getMessage（））；
hidePDialog（）；
}
}
);
//将请求添加到请求队列
AppController.getInstance（）。
addToRequestQueue（movieReq）；
/**setOnItemClickListener（新的AdapterView.OnItemClickListener（）
{
@凌驾
public void onItemClick（AdapterView父对象、视图、整型位置、长id）{
字符串名称=（（TextView）view.findViewById（R.id.title））.getText（）.toString（）；
意向意向=新意向（NeuImKino.this，SingleItemView.class）；
意向书（标题、名称）；
星触觉（意向）；
}
}
); **/
}
公共void parseJSONResponse（JSONObject响应）{
试一试{
if（response.has（“电影”））{
JSONArray arrayMovies=response.getJSONArray（“电影”）；
for（int i=0；i

我的CustomListAdapter：

public class CustomListAdapter extends BaseAdapter {
private static String CONFIG_URL = "http://****";
private Activity activity;
private LayoutInflater inflater;
private List<Movie> movieItems;
ImageLoader imageLoader = AppController.getInstance().getImageLoader();



// Constructor
public CustomListAdapter(Activity activity, List<Movie> movieItem) {
    this.activity = activity;
    this.movieItems = movieItems;

}

@Override
public int getCount() {
    return movieItems.size();
}

@Override
public Object getItem(int location) {
    return movieItems.get(location);
}

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

// Create each list view row
@Override
public View getView(int position, View convertView, ViewGroup parent) {

    if (inflater == null)
        // Layout Inflater to call external xml layout
        inflater = (LayoutInflater) activity
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    if (convertView == null)
        // Inflate list_row_neuimkino file for each row
        convertView = inflater.inflate(R.layout.list_row_neuimkino, null);

    if (imageLoader == null)
        imageLoader = AppController.getInstance().getImageLoader();


    DynamicHeightImageView poster = (DynamicHeightImageView) convertView.findViewById(R.id.image);
    //TextView title = (TextView) convertView.findViewById(R.id.title);
    //TextView fsk = (TextView) convertView.findViewById(R.id.fsk);
    //TextView start = (TextView) convertView.findViewById(R.id.start);


    // getting movie data for the row from Model object
    Movie m = movieItems.get(position);
 // Set Model Values in Holder Items
    // thumbnail image

    //poster.setImageUrl(CONFIG_URL+m.getImgName()+"_w300.jpg", imageLoader);


    // title
   // title.setText(m.getTitle());

    // fsk
    //fsk.setText("FSK: " + m.getFsk());

    // Startdatum
    //start.setText("Beginnt: " +m.getStart());


    return convertView;
}

}

公共类CustomListAdapter扩展了BaseAdapter{
私有静态字符串配置_URL=“http://**”；
私人活动；
私人公寓
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<com.etsy.android.grid.util.DynamicHeightImageView
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center" />