android卡片布局CardView

android5.0版本推出了新的控件其中CardView则是卡片式布局

效果图：

josn数据：

{"activity": [{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "android "},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "java "},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "php "},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "UI"},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "AI"},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "AI"},{"img": "http://pic27.photophoto.cn/20130522/0010023309252566_b.jpg","tiele": "C++"}],"description": "查询成功","flag": "success"}

1、添加依赖

    compile files('libs/okhttp-3.0.1.jar')      compile files('libs/okio-1.6.0.jar')         compile files('libs/picasso-2.5.2.jar')      compile 'com.android.support:recyclerview-v7:25.3.1'    compile 'com.android.support:cardview-v7:25.3.1'

2、主布局

如果是和Toolbar一起使用，添加下面这段，解决重叠问题

 app:layout_behavior="@string/appbar_scrolling_view_behavior"

3、创建RecyclerView的item布局

<?xml version="1.0" encoding="utf-8"?>

其他属性：

app:cardMaxElevation：阴影最大高度app:cardBackgroundColor：卡片的背景app:cardCornerRadius：卡片的圆角大小app:contentPadding：边距

4、主布局Activity代码

public class materialActivity extends AppCompatActivity {    public RecyclerView mater_recy;    public ArrayList> mater_list=new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_material);        init();           //布局解析    public void init(){        mater_recy= (RecyclerView) findViewById(R.id.meaterial_listview);        new Thread(new Runnable() {            @Override            public void run() {                OkHttpClient okhttp=new OkHttpClient();                Request request=new Request.Builder().url("http://192.168.1.92/material.json").build();                try {                    Response response=okhttp.newCall(request).execute();                    String date=response.body().string();                    material_jx(date);                } catch (IOException e) {                    e.printStackTrace();                }            }        }).start();    }    public void material_jx(String date){        if(date!=null){            try {                JSONObject object=new JSONObject(date);                String resultCode = object.getString("flag");                if (resultCode.equals("success")){                    JSONArray jsonarray=object.getJSONArray("activity");                    for (int i=0;i map=new HashMap<>();                        String img=object.getString("img");                        String title=object.getString("tiele");                        map.put("img",img);                        map.put("title",title);                        mater_list.add(map);                    }                }            } catch (JSONException e) {                e.printStackTrace();            }        }        Message msg=new Message();        msg.what=1;        handler.sendMessage(msg);    }    public Handler handler=new Handler(){        @Override        public void handleMessage(Message msg) {            switch (msg.what){                case 1:                    material_Adapter adapter=new material_Adapter(materialActivity.this,mater_list);                    GridLayoutManager layoutManager=new GridLayoutManager(materialActivity.this,1);//设置一行几列                    mater_recy.setLayoutManager(layoutManager);                    mater_recy.setAdapter(adapter);                    break;            }        }    };   }

5、创建适配器

public class material_Adapter extends RecyclerView.Adapter {    public Context context;    public ArrayList> list;    public LayoutInflater inflaterl;    public material_Adapter(Context context, ArrayList> list){        this.context=context;        this.list=list;        this.inflaterl=LayoutInflater.from(context);    }    @Override    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view=inflaterl.inflate(R.layout.material_item,null);        ViewHolder holder=new ViewHolder(view);        return holder;    }    public void onBindViewHolder(ViewHolder holder, int position) {        holder.tv.setText(list.get(position).get("title").toString());        if (TextUtils.isEmpty(list.get(position).get("img").toString())){            Picasso                    .with(context)                    .cancelRequest(holder.img);            holder.img.setImageDrawable(context.getResources().getDrawable(R.drawable.no));//当图片为空时显示        }else {            //图片加载            Picasso                    .with(context)                    .load(list.get(position).get("img").toString())                    .placeholder(R.drawable.jiazai)//图片加载中显示                    .into(holder.img);        }    }    @Override    public int getItemCount() {        return list.size();    }    class ViewHolder extends RecyclerView.ViewHolder{        ImageView img;        TextView tv;        public ViewHolder(View itemView) {            super(itemView);            img= (ImageView) itemView.findViewById(R.id.material_item_img);            tv= (TextView) itemView.findViewById(R.id.material_item_tv);        }    }}

最后不要忘了添加网络请求权限

更多相关文章

随机推荐