[置顶] Android(安卓)L中的RecyclerView 、CardView 、Palette的使用

《Material Design》提到，Android L版本中新增了RecyclerView、CardView 、Palette。RecyclerView、CardView为用于显示复杂视图的新增Widget。Palette作为调色板类，可以让你从图像中提取突出的颜色。

RecyclerView

RecyclerView作为替代ListView使用，RecyclerView标准化了ViewHolder，ListView中convertView是复用的，在RecyclerView中，是把ViewHolder作为缓存的单位了，然后convertView作为ViewHolder的成员变量保持在ViewHolder中，也就是说，假设没有屏幕显示10个条目，则会创建10个ViewHolder缓存起来，每次复用的是ViewHolder，所以他把getView这个方法变为了onCreateViewHolder。ViewHolder更适合多种子布局的列表，尤其IM的对话列表。RecyclerView不提供setOnItemClickListener方法，你可以在ViewHolder中添加事件。RecyclerView的使用可以参考《Material Design UI Widgets》。

RecyclerView可以实现横向、纵向滑动视图：

RecyclerView 1 RecyclerView 2

设置横向：

[java] view plain copy print ?

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_recycler_view_horizontal);
//specifyanadapter(seealsonextexample)
List<MyAdapter.Item>itemList=newArrayList<MyAdapter.Item>();
for(inti=0;i<100;i++)
itemList.add(newMyAdapter.Item("Item"+i,"world"));
mAdapter=newMyAdapter(itemList);
mRecyclerViewHorizontal=(RecyclerView)findViewById(R.id.my_recycler_view_horizontal);
mRecyclerViewHorizontal.setHasFixedSize(true);
//usealinearlayoutmanager
LinearLayoutManagermLayoutManager=newLinearLayoutManager(this);
mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
mRecyclerViewHorizontal.setLayoutManager(mLayoutManager);
mRecyclerViewHorizontal.setAdapter(mAdapter);
}

CardView

CardView继承自FrameLayout类，可以在一个卡片布局中一致性的显示内容，卡片可以包含圆角和阴影。CardView是一个Layout，可以布局其他View。CardView的使用可以参考《Material Design UI Widgets》。文章最后会给出这篇文章示例代码。

CardView Palette

Palette

Palette从图像中提取突出的颜色，这样可以把色值赋给ActionBar、或者其他，可以让界面整个色调统一，效果见上图（Palette）。

Palette这个类中提取以下突出的颜色：

Vibrant （有活力）

Vibrant dark（有活力暗色）

Vibrant light（有活力亮色）

Muted （柔和）

Muted dark（柔和暗色）

Muted light（柔和亮色）

提取色值代码如下：

[java] view plain copy print ?

Bitmapbm=BitmapFactory.decodeResource(getResources(),item.image);
Palettepalette=Palette.generate(bm);
if(palette.getLightVibrantColor()!=null){
name.setBackgroundColor(palette.getLightVibrantColor().getRgb());
getSupportActionBar().setBackgroundDrawable(newColorDrawable(palette.getLightVibrantColor().getRgb()));
//getSupportActionBar().
}

RecyclerView

CardView

Palette

更多相关文章

随机推荐