Android Support Library 23.2用法简析

写在前面的几句话

前几天谷歌发布了android-support-library-23.2支持库，这一次23.2版本增加了一些新的支持库以及新的功能。接下来这篇文章，就是对这些新功能部分做简单的用法介绍

这次更新增加的东西有：

• Support Vector Drawables and Animated Vector Drawables
• AppCompat DayNight theme
• Design Support Library: Bottom Sheets
• Support v4: MediaBrowserServiceCompat
• RecyclerView
• Custom Tabs
• Leanback for Android TV

需要添加的依赖如下：

compile 'com.android.support:appcompat-v7:23.2.0'
compile 'com.android.support:design:23.2.0'
compile 'com.android.support:support-vector-drawable:23.2.0'
compile 'com.android.support:animated-vector-drawable:23.2.0'

分别说明使用方法

1.Support Vector Drawables and Animated Vector Drawables(支持矢量图片和矢量图片动画)

其实前面的文章关于Metarial Design动画中也有介绍到矢量图与矢量图的动画，但是那是局限于5.0以上的设备才可以使用，没想到这么快就Support包就向下支持了，其实使用方法也很类似，大家可以参考下那篇文章，

想在低版本使用还需要做点东西：

AndroidStudio1.4已经引入过矢量绘图支持在构建时生成PNG图像。要想禁用此功能(并想使用最新支持库)，你需要在你的build.gradle里面添加vectorDrawables.useSupportLibrary = true

// Gradle Plugin 2.0+  
 android {  
   defaultConfig {  
     vectorDrawables.useSupportLibrary = true  
    }  
 }

你会发现这个新的属性只在AndroidStudio2.0版本存在。如果您使用的是AndroidStudio1.5，需要

// Gradle Plugin 1.5  
 android {  
   defaultConfig {  
     generatedDensities = []  
  }  

  // This is handled for you by the 2.0+ Gradle Plugin  
  aaptOptions {  
    additionalParameters "--no-version-vectors"  
  }  
 }

通常需要在三个xml文件中定义可动的矢量图：

一个矢量图使用<vector>元素,放在res/drawable/下。

一个可动的矢量图使用<animated-vector>元素，放在res/drawable/下。

一个或更多个动画对象使用<objectAnimator>元素，放在res/anim/下。

可动矢量图可以使用<group>和<path>元素。<group>元素定义一系列路径或者子组，<path>元素定义可绘图的路径。

当你定义了一个想要作用动画的矢量可绘制图，使用android:name属性给每个group和path指定一个唯一的名字，这样你可以从动画的定义中找到他们。

res/drawable/vector_drawable_cpu_ani.xml

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="64dp"
    android:height="64dp"
    android:viewportHeight="600"
    android:viewportWidth="600">

    <group android:name="cpu_box">
        <path
            android:name="cpu"
            android:fillColor="?android:textColorSecondary"
            android:pathData="
            M341.087,157.478 c7.417,0,13.435,6.018,13.435,13.435 v170.174c0,7.417-6.018,13.435-13.435,13.435 H170.913 c-7.417,0-13.435-6.018-13.435-13.435V170.913c0-7.417,6.018-13.435,13.435-13.435H341.087z
            M390.348,157.478 c0-19.785-16.041-35.826-35.826-35.826H157.479c-19.785,0-35.826,16.041-35.826,35.826v197.043 c0,19.785,16.041,35.826,35.826,35.826h197.043c19.785,0,35.826-16.041,35.826-35.826V157.478z " />
    </group>
    <group android:name="bottom">
        <path
            android:name="wires_bottom"
            android:fillColor="?android:textColorSecondary"
            android:pathData="
        M193.304,408.261V462h-17.913 v-53.739H193.304z
        M264.957,408.261V462h-17.914v-53.739H264.957z
        M300.783,408.261V462h-17.914v-53.739H300.783z
        M229.13,408.261 V462h-17.913v-53.739H229.13z
        M336.609,408.261V462h-17.914v-53.739H336.609z" />
    </group>
    <group android:name="top">
        <path
            android:name="wires_top"
            android:fillColor="?android:textColorSecondary"
            android:pathData="
        M193.304,50v53.739h-17.913V50H193.304z
        M264.957,50 v53.739h-17.914V50H264.957z
        M300.783,50v53.739h-17.914V50H300.783z
        M229.13,50v53.739h-17.913V50H229.13z
        M336.609,50v53.739 h-17.914V50H336.609z " />
    </group>
    <group android:name="right">
        <path
            android:name="wires_right"
            android:fillColor="?android:textColorSecondary"
            android:pathData="
        M408.261,318.695H462v17.914h-53.739V318.695z
        M408.261,247.043H462v17.914h-53.739V247.043z
        M408.261,211.217 H462v17.913h-53.739V211.217z
        M408.261,282.869H462v17.914h-53.739V282.869z
        M408.261,175.391H462v17.913h-53.739V175.391z" />
    </group>
    <group android:name="left">
        <path
            android:name="wires_left"
            android:fillColor="?android:textColorSecondary"
            android:pathData="
        M50,318.695h53.739v17.914H50V318.695z
        M50,247.043h53.739v17.914H50V247.043z
        M50,211.217h53.739v17.913H50V211.217z
        M50,282.869 h53.739v17.914H50V282.869z
        M50,175.391h53.739v17.913H50V175.391z" />
    </group>

</vector>

res/drawable/animated_cpu.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/vector_drawable_cpu_ani">

    <target
        android:name="top"
        android:animation="@animator/pulse_top" />

    <target
        android:name="right"
        android:animation="@animator/pulse_right" />

    <target
        android:name="left"
        android:animation="@animator/pulse_left" />

    <target
        android:name="bottom"
        android:animation="@animator/pulse_bottom" />
</animated-vector>

res/anim/anim_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:duration="250"
        android:propertyName="translateX"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:valueFrom="0"
        android:valueTo="-10"
        android:valueType="floatType" />
</set>

最后调用

//Support Vector Drawables
app:srcCompat="@drawable/vector_drawable_cpu_ani"
// Animated Vector Drawables
app:srcCompat="@drawable/animated_cpu"

图1 Support Vector Drawables and Animated Vector Drawables效果图

至于pathData中的东西，其实前面也有说过SVG标准指令，这里就不做过多概述了

2.AppCompat DayNight theme(DayNight 主题)

之前有看到同事折腾这个DayNight模式折腾还蛮久，不过这次谷歌出了，倒是可以省去不少时间

DayNight主题包含DayNight.NoActionBar, DayNight.DarkActionBar, DayNight.Dialog 等等，DayNight主题支持应用切换 白天 和 夜晚 主题，根据 是否为 ‘夜晚’ 决定是否从白天主题有效的切换到夜晚主题。注意这里的DayNight主题只支持API14以上

使用方法如下：

首先要设置Application或者单独Activity的theme为DayNight主题

themes.xml

<style name="AppTheme.DayNight.NoActionBar">
    //other
</style>

AndroidManifest,xml

android:theme="@style/AppTheme.DayNight.NoActionBar"

DayNight主题有四个的模式：

• MODE_NIGHT_NO 始终使用天（光）的主题
• MODE_NIGHT_YES 始终使用夜间（黑暗）的主题
• MODE_NIGHT_AUTO 根据一天中的时间昼/夜之间的变化。
• MODE_NIGHT_FOLLOW_SYSTEM 此设置遵循系统的设置，基本上是以MODE_NIGHT_NO为主

我们可以通过我们通过调用AppCompatDelegate.setDefaultNightMode()，与getDelegate()。setLocalNightMode()来改变

但是两者设置是有区别的，

• AppCompatDelegate.setDefaultNightMode()的设置是对整个App中theme为DayNight主题生效
• getDelegate().setLocalNightMode()的设置只对于设置的地方生效
  AppCompatDelegate.setDefaultNightMode()
  public void ChangeDayNight(View v){ switch (v.getId()){ case R.id.day: AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO); recreate(); break; case R.id.night: AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES); recreate(); break; } }

图2 AppCompatDelegate.setDefaultNightMode()设置

 

getDelegate().setLocalNightMode()

public void ChangeDayNight(View v){
    switch (v.getId()){
        case R.id.day:
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
            recreate();
            break;
        case R.id.night:
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
            recreate();
            break;
    }
}

图3 getDelegate().setLocalNightMode()设置

 

但是如果把AppCompatDelegate.setDefaultNightMode()与getDelegate().setLocalNightMode()写在一起你就会发现一个有趣的情况

public void ChangeDayNight(View v){
    switch (v.getId()){
        case R.id.day:
            getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
            recreate();
            break;
        case R.id.night:
             AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
            recreate();
            break;
    }
}

图4 两种用法一起

 

看图可以发现，一开始都是白天模式的，然后我先设置了day及 getDelegate().setLocalNightMode（）方法，然后设置了AppCompatDelegate.setDefaultNightMode（）方法，但是这里的设置为night的方法并没有生效，但是当跳转到另外的一个界面的时候却发现这个界面是夜晚的模式，所以其实AppCompatDelegate.setDefaultNightMode（）方法是生效了的，那么为什么在第一个界面设置AppCompatDelegate.setDefaultNightMode（）方法没有生效呢？

我们看下AppCompatDelegate.setDefaultNightMode（）这个方法前面的注释

Sets the default night mode. This is used across all activities/dialogs but can be overriden locally via {@link #setLocalNightMode(int)}.

所以其实当前Activity中getDelegate().setLocalNightMode（）方法设置后会覆盖掉AppCompatDelegate.setDefaultNightMode（）方法，导致看起来好像没有生效，其实是已经生效了的。

3.Design Support Library : Bottom Sheets (材料设计，底部表)

Design Support Library 其实准备作为Metarial Design的第四篇文章进行说明的，这里提前说明Bottom Sheets的使用

Bottom Sheets 可以在Activity，Fragment，以及Dialog中使用，使用时候继承的父类分别是：AppCompatActivity，AppCompatFragment，AppCompatDialog

先说明Bottom Sheets在Activity中的使用

1.创建Xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="bottomshets"
        android:onClick="showBottom"
        />

    <LinearLayout
        android:id="@+id/layout"
        android:layout_width="match_parent"
        android:layout_height="400dp"
        android:background="@color/colorAccent"
        app:behavior_hideable="false"
        app:behavior_peekHeight="0dp"
        app:layout_behavior="@string/bottom_sheet_behavior"
        android:orientation="horizontal"/>

</android.support.design.widget.CoordinatorLayout>

布局很简单有一个Button 和一个linearLayout，其实是把这个LinearLayout作为底部弹出的View,但是注意LinearLayout多出了几个新的东西

• app:layout_behavior="@string/bottom_sheet_behavior" 这个属性是作为Bottom Sheet必须的属性
• app:behavior_hideable="false" 这个属性是当我们拖拽下拉的时候，bottom sheet是否能全部隐藏
• app:behavior_peekHeight="0dp" 这个属性是当Bottom Sheets关闭的时候，底部下表我们能看到的高度

另外这里必须用CoordinatorLayout才可以生效

2.代码中

final BottomSheetBehavior behavior = BottomSheetBehavior.from(mlinearlayout);
behavior.setState(BottomSheetBehavior.STATE_EXPANDED);

mlinearlayout.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
    }
});

这里是通过附加一个BottomSheetBehavior 给CoordinatorLayout的子视图，behavior.setState（）是设置Bottom Sheet的状态，Bottom Sheet的状态有5种：

• STATE_COLLAPSED: 关闭Bottom Sheets,显示peekHeight的高度，默认是0
• STATE_DRAGGING: 用户拖拽Bottom Sheets时的状态
• STATE_SETTLING: 当Bottom Sheets view摆放时的状态。
• STATE_EXPANDED: 当Bottom Sheets 展开的状态
• STATE_HIDDEN: 当Bottom Sheets 隐藏的状态

我们可以通过setBottomSheetCallback来监听Bottom Sheet的回调

behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
    @Override
    public void onStateChanged(View bottomSheet, int newState) {   
    }
    @Override
    public void onSlide(View bottomSheet, float slideOffset) {
    }
});

onSlide方法是拖拽中的回调可以根据slideOffset做动画，onStateChanged方法可以监听到状态的改变

图5 Activity中BottomSheet的使用效果图

 

至于Fragment的使用则与Activity中相似，就不做声明，参考Activity的使用即可。

接下来说明下Dialong的使用方式：

final BottomSheetDialog dialog = new BottomSheetDialog(this);
View view = LayoutInflater.from(this).inflate(R.layout.bottomdialog_layout, null);
LinearLayout linearLayout = (LinearLayout)view.findViewById(R.id.dialog_layout);
linearLayout.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        dialog.dismiss();
    }
});
dialog.setContentView(view);
dialog.show();

使用其实与普通的Dialog差不多

效果如下：

图6 Dialog中BottomSheet的使用效果图

 

如果要在Bottom Sheets里面使用滑动的布局，则需要使用NestedScrollView, RecyclerView，或者ListView/ScrollView on API 21+

4.Support v4: MediaBrowserServiceCompat

该Support v4库用作许多支持库的基础，并且为一些新版本介绍的特征提供支持(backports)。添加到以前发布的MediaSessionCompat类，为媒体播放了提供了坚实的基础，这个版本增加了MediaBrowserServiceCompat和MediaBrowserCompat提供，带来了最新的API兼容的解决方案（甚至没有在L设备上加）支持API4+。这使得我们更容易地在Android上支持媒体的播放和在Android Wear上浏览媒体，为我们提供了一个标准的接口，让你的媒体播放服务与界面连起来。

由于我不是很关心，所以没有了解这方法的东西，跳过

5.RecyclerView

RecyclerView组件为我们提供了灵活的创建列表和网格以及动画的特性。这个版本带来一个激动人心的新特性LayoutManager API：自动测量！！！这允许RecyclerView尺寸大小根据其内容的大小尺寸定制。这意味着，先前不可用的情况，例如使用WRAP_CONTENT为尺寸的RecyclerView，现在都是可能的。你会发现所有内置的布局管理现在都支持自动测量。由于这种变化，一定要确保你的item的布局属性：以前被忽视的布局参数（如MATCH_PARENT的滚动方向）现在将不一样。如果你有一个自定义的LayoutManager并且不是基于之前的拓展，有一个选择就是你可以调用setAutoMeasureEnabled(true)，以及做一些小的变化（详情见Javadoc）来支持新特性注意，虽然RecyclerView支持动画，但是他不支持自己动画边界变化，如果你想对RecyclerView边界进行动画处理，你可以使用 ​ ​Transition APIs​​.

这里变化从使用代码层面来说没有什么太多变化，就不上代码了。

6.Custom Tabs(自定义选项卡)

烂尾很久了，这里看了下没有太多资料，最近又比较忙，准备下次开篇专门的文章介绍下，好的就这样了。