查看: 2207|回复: 0

[Android教程] Android5.0新控件

发表于 2018-2-20 08:00:03

谷歌在推出Android5.0的同时推出了一些新控件,Android5.0中最常用的新控件有下面5种。

1. CardView(卡片视图)

CardView顾名思义是卡片视图,它继承FrameLayout。它是一个带圆角的背景和阴影FrameLayout。CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为容器使用。
CardView的使用非常简单:

  1. 1 <android.support.v7.widget.CardView
  2. 2 android:layout_width="match_parent"
  3. 3 android:layout_height="60dp">
  4. 4 <Button
  5. 5 android:id="@+id/ripple_button"
  6. 6 android:layout_width="match_parent"
  7. 7 android:layout_height="50dp"
  8. 8 android:layout_gravity="center"
  9. 9 android:layout_margin="5dp"
  10. 10 android:background="@drawable/ripple"
  11. 11 android:gravity="center"
  12. 12 android:text="我在一个CardView里面" />
  13. 13 </android.support.v7.widget.CardView>
复制代码

2. Patelle(调色板)

Patelle是一个辅助类,它的作用是从图片中获取突出的颜色。
它可以提取下面几种特性的突出颜色:
- Vibrant(充满活力的)
- Vibrant Dark(充满活力,黑暗的)
- Vibrant Light(充满活力的,明亮的)
- Muted(柔和的)
- Muted Dark(柔和的,黑暗的)
- Muted Light(柔和的,明亮的)

Patelle的使用也非常简单:

  1. 1 // 获取应用程序图标的Bitmap
  2. 2 bitmap= BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
  3. 3 // 通过bitmap生成调色板palette
  4. 4 Palette palette=Palette.from(bitmap).generate();
  5. 5 // 获取palette充满活力色颜色
  6. 6 int vibrantColor=palette.getVibrantColor(Color.WHITE);
复制代码
3. Toolbar(工具栏)

Toolbar顾名思义是工具栏,作为ActionBar的替代品出现,谷歌推荐使用Toolbar替代ActionBar。
Toolbar可以放置在任何地方,不像ActionBar一样只能放置在固定的位置。
Toolbar支持比ActionBar更集中的特征。
Toolbar可能包含以下可选元素的组合:
- 导航按钮
- 品牌的Logo图像
- 标题和子标题
- 一个或多个自定义视图

  1. 1 this.toolbar = (Toolbar) findViewById(R.id.toolbar);
  2. 2 this.recyclerview = (RecyclerView) findViewById(R.id.recycler_view);
  3. 3 this.ripplebutton = (Button) findViewById(R.id.ripple_button);
  4. 4 this.button = (Button) findViewById(R.id.button);
  5. 5 // 设置Logo
  6. 6 toolbar.setLogo(R.mipmap.ic_launcher);
  7. 7 // 设置标题
  8. 8 toolbar.setTitle("Android5.0");
  9. 9 // 设置子标题
  10. 10 toolbar.setSubtitle("新控件");
  11. 11 //设置ActionBar,之后就可以获取ActionBar并进行操作,操作的结果就会反应在toolbar上面
  12. 12 setActionBar(toolbar);
  13. 13 //设置了返回箭头,,相当于设置了toolbar的导航按钮
  14. 14 getActionBar().setDisplayHomeAsUpEnabled(true);
复制代码

4. RippleDrawable(波纹图)

RippleDrawable顾名思义是波纹图,只能在Android5.0以上使用,目前还没有提供RippleDrawable向下兼容的支持包。
RippleDrawable可显示一个涟漪效应响应状态变化 。
定义一个UI的背景图片为RippleDrawable
android:background="@drawable/ripple"
在drawable文件夹下面定义一个RippleDrawable的xml文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <ripple xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:color="#0000FF">
  4. <item>
  5. <shape android:shape="rectangle">
  6. <solid android:color="#FFFFFF" />
  7. <corners android:radius="4dp" />
  8. </shape>
  9. </item>
  10. </ripple>
复制代码

android:color :表示波纹的颜色
:表示波纹图下面的条目

来看一下点击按钮的波纹效果

5. RecyclerView(循环视图)

RecyclerView是ListView的替代品,谷歌推荐使用RecyclerView替代ListView。
RecyclerView提供比ListView更加灵活的使用,并且性能比ListView更优。
RecyclerView可以设置线性,网格,瀑布流式三种布局管理器。
- LinearLayoutManager(线性布局管理器)
- GridLayoutManager(网格布局管理器)
- StaggeredGridLayoutManager(瀑布流式布局管理器)

注意:RecyclerView,Patelle,CardView是在单独的支持包里面,不在appcompat-v7及其依赖子包中

要使用它们,必须导入它们的依赖包

  1. compile 'com.android.support:recyclerview-v7:23.1.1'
  2. compile 'com.android.support:palette-v7:23.1.1'
  3. compile 'com.android.support:cardview-v7:23.1.1'
复制代码



回复

使用道具 举报