博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ANDROID L——RecyclerView,CardView进口和使用(Demo)
阅读量:6688 次
发布时间:2019-06-25

本文共 6553 字,大约阅读时间需要 21 分钟。

转载请注明本文出自大苞米的博客(),谢谢支持!

简单介绍:

这篇文章是的一个补充或者说是应用实例,假设有时间建议大家略微浏览一下上篇文章。

本文主要介绍Android L新添加的两个UI控件RecyclerViewCardView的导入和使用。

RecyclerView是ListView的升级版

CardView则是Google提供的一个卡片式视图组件

本例就是使用RecyclerView来展示多个CardView的一个小样例。先看下效果图:

导入RecyclerView,CardView

因为RecyclerView,CardView是放在support library v7包中,所以我们想要使用就必需要导包。

以下就介绍下在EclipseAndroid Studio中是怎样导入这两个包的。

Eclipse:

第一步:通过SDK manager下载/更新Android Support Libraries(5.0版本号最新为21) 

第二步:导入CardView和RecyclerView项目(都在support v7中)

1.在Eclipse中点击Import,导入Android项目

2.导入CardView和RecycleView,路径为your sdk path\extras\android\support\v7\cardview(RecycleView则为同样文件夹下的recyclerview)

3.导入时记得将projectcopy到本地并建议重命名,这样方便以后管理比如:

第三步:设置Library

1..将两个project设置为Library

2..在主project中引入这两个Library比如:

通过这三步就能够将这两个包导入进来了。

Android Studio

Android Stuido相对于Eclipse简单的多:

第一步:

首先要确保已经将Android Support Libraries升级到最新.

第二步:

打开项目中的build.gradle文件,在dependencies中加入例如以下代码。

dependencies {    compile 'com.android.support:recyclerview-v7:21.+'    compile 'com.android.support:cardview-v7:21.+'}

第三步:

又一次Build一下project。

Build完毕后就会发现这两个包就已经导入进来了

代码介绍:

主题:

首先这个黑色基调的主题是使用了Material.Dark.ActionBar样式。

设置方法:改动values-v21目录下styles.xml文件:

布局文件:

recycler_view.xml(RecyclerView布局文件):

> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MyActivity"> <android.support.v7.widget.RecyclerView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MyActivity" /> </FrameLayout>

FrameLayout里包括了RecyclerView控件

card_view.xml(CardView布局文件):

CardView视图中包括了一个ImageView和一个TextView分别显示图片和文字信息

唯一须要介绍的就是在布局文件里使用了。例如以下两个属性:

card_view:cardBackgroundColor="@color/cardview_dark_background"    card_view:cardCornerRadius="5dp"
他俩的作用各自是设置CardView的背景颜色和外围的圆角大小(注意要使用card_view命名空间)

代码:

Actor类(封装数据的Model类):

public class Actor{    String name;    String picName;    public Actor(String name, String picName)    {        this.name = name;        this.picName = picName;    }    public int getImageResourceId( Context context )    {        try        {            return context.getResources().getIdentifier(this.picName, "drawable", context.getPackageName());        }        catch (Exception e)        {            e.printStackTrace();            return -1;        }    }}
封装了演员的名字和图片名,getImageResourceId()方法的作用就是依据图片命找到系统资源

MyActivity(程序主控制Activity)

public class MyActivity    extends Activity{    private RecyclerView mRecyclerView;    private MyAdapter myAdapter;    private List
actors = new ArrayList
(); private String[] names = { "朱茵", "张柏芝", "张敏", "巩俐", "黄圣依", "赵薇", "莫文蔚", "如花" }; private String[] pics = { "p1", "p2", "p3", "p4", "p5", "p6", "p7", "p8" }; @Override protected void onCreate( Bundle savedInstanceState ) { super.onCreate(savedInstanceState); setContentView(R.layout.recycler_view); actors.add(new Actor("朱茵", "p1")); getActionBar().setTitle("那些年我们追的星女郎"); // 拿到RecyclerView mRecyclerView = (RecyclerView) findViewById(R.id.list); // 设置LinearLayoutManager mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); // 设置ItemAnimator mRecyclerView.setItemAnimator(new DefaultItemAnimator()); // 设置固定大小 mRecyclerView.setHasFixedSize(true); // 初始化自己定义的适配器 myAdapter = new MyAdapter(this, actors); // 为mRecyclerView设置适配器 mRecyclerView.setAdapter(myAdapter); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch(item.getItemId()) { // 当点击actionbar上的加入button时。向adapter中加入一个新数据并通知刷新 case R.id.action_add: if (myAdapter.getItemCount() != names.length) { actors.add(new Actor(names[myAdapter.getItemCount()], pics[myAdapter.getItemCount()])); mRecyclerView.scrollToPosition(myAdapter.getItemCount() - 1); myAdapter.notifyDataSetChanged(); } return true; // 当点击actionbar上的删除button时,向adapter中移除最后一个数据并通知刷新 case R.id.action_remove: if (myAdapter.getItemCount() != 0) { actors.remove(myAdapter.getItemCount()-1); mRecyclerView.scrollToPosition(myAdapter.getItemCount() - 1); myAdapter.notifyDataSetChanged(); } return true; } return super.onOptionsItemSelected(item); }}

MyAdapter(自己定义适配器类)

public class MyAdapter    extends RecyclerView.Adapter
{ private List
actors; private Context mContext; public MyAdapter( Context context , List
actors) { this.mContext = context; this.actors = actors; } @Override public ViewHolder onCreateViewHolder( ViewGroup viewGroup, int i ) { // 给ViewHolder设置布局文件 View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_view, viewGroup, false); return new ViewHolder(v); } @Override public void onBindViewHolder( ViewHolder viewHolder, int i ) { // 给ViewHolder设置元素 Actor p = actors.get(i); viewHolder.mTextView.setText(p.name); viewHolder.mImageView.setImageDrawable(mContext.getDrawable(p.getImageResourceId(mContext))); } @Override public int getItemCount() { // 返回数据总数 return actors == null ? 0 : actors.size(); } // 重写的自己定义ViewHolder public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ImageView mImageView; public ViewHolder( View v ) { super(v); mTextView = (TextView) v.findViewById(R.id.name); mImageView = (ImageView) v.findViewById(R.id.pic); } }}

全部代码介绍完成了。能够总结为下面两点:

RecyclerView

理解为之前的ListView。只是须要设置LinearLayoutManager(眼下资料不多我也有点迷糊以后再补充)和ItemAnimator(为每一个条目设置操作动画)两个新属性

RecyclerView.Adapter

理解为默认自带和基于ViewHolder的新的适配器。仅仅只是回调方法稍有不同。但本质都是一样的。

代码下载地址:

写在最后:

近期在写一个ANDROID L——Material Design具体解释的系列文章。

主题和布局——

视图和阴影——

UI控件——

动画——

眼下仅仅差最后一个动画部分了。原计划是等动画篇写完之后再分别写它们的使用Demo,可是上一篇UI控件感觉写的不够具体,所以先把UI控件的Demo写出来。

视图阴影和动画的使用Demo等最后动画篇写完后再更新,敬请期待。。。

已经写完链接:

版权声明:本文博主原创文章。博客,未经同意不得转载。

你可能感兴趣的文章
我的友情链接
查看>>
编辑vi 查看网卡命令
查看>>
常见的内存错误及其对策
查看>>
C语言:冒泡法排序一组数,如何优化?
查看>>
分享16个javascript&jQuery的MVC教程
查看>>
使用MediaElement.js构建个性的HTML5音频和视频播放器
查看>>
阿里云域名配置与解析
查看>>
常用的.net开源项目
查看>>
until 循环:实现一个shell脚本,不停地询问用户要执行什么操作,直到用户输入quit才会退出...
查看>>
thinkphp中无法加载数据库驱动
查看>>
MyBatis的xml文件增量热加载,支持多数据源
查看>>
wine安装的软件如何卸载
查看>>
C语言中基本的数据类型 和常用表达式
查看>>
More Fileds的直接输出和获取自定义字段的方法
查看>>
12.1LNMP架构介绍12.2MySQL安装12.312.4 PHP安装12.5Nginx安装
查看>>
ubuntu下安装ROR
查看>>
工作流调度
查看>>
Nginx TCP代理和负载均衡
查看>>
理解原型对象
查看>>
Apache虚拟目录
查看>>