安卓 5.0 6.0 新特性简单总结

Android 5.0新特性

1. 了解Material Design

  • 概念:融合卡片式,立体式的设计风格,强调层次感,动画,阴影等元素
  • 国内翻译介绍:查看 design.1sters.com
  • 官网介绍:developer.android.com/training/ma…
  • 演示Android5.0 Demo
  • Android UI样式风格发展:2.3版本(黄色丑陋版)->4.0(Holo)->5.0(MaterialDesign)

2. 动态替换Theme

  • MaterialTheme配色方案:www.materialpalette.com
  • 修改状态栏,ActionBar,界面背景,NavigationBar的颜色。让Activity使用自定义的Theme。
    <style name="AppTheme" parent="@android:style/Theme.Material">
        <!--状态栏颜色-->
        <item name="android:colorPrimaryDark">#f00</item>
        <!--ActionBar颜色-->
        <item name="android:colorPrimary">#ff0</item>
        <!--界面背景颜色-->
        <item name="android:windowBackground">@color/colorWindowBackground</item>
        <!--导航栏颜色-->
        <item name="android:navigationBarColor">#00f</item>
    </style>
    
  • 动态替换Theme的步骤:
    • 定义至少2套theme
    • 调用setTheme方法设置当前的theme,但是该方法要在setContentView之前,如:
      setTheme(mTheme);
      setContentView(R.layout.activity_main);
      
    • 设置了Theme,需要finish当前Activity,然后重启当前Activity,让Theme生效
      Intent intent = getActivity().getIntent();
      getActivity().finish();//结束当前的Activity
      getActivity().overridePendingTransition(0,0);//不要动画
      startActivity(intent);

3. View的高度与阴影

  • 官网介绍:developer.android.com/intl/zh-tw/…
  • View新增属性z轴,用来体现Material Design中的层次,影响因素2个:elevation 和 translationZ
    View高度 = elevation + translationZ
    • elevation表示view的高度,高度越大,阴影越大,可以在xml中直接使用属性, 也可以在代码中使用view.setEvelvation();
      android:elevation="10dp"
    • transtionZ属性表示view在Z方向移动的距离,一般用于属性动画中
      android:translationZ="10dp"
  • 高度影响View的绘制顺序,过去是按View添加顺序绘制,先添加的先绘制,现在高度小的先绘制,因为高度小的,层级低,在下面, 高度相同的,按添加顺序绘制
  • 注意:
    • 如果View的背景色为透明,则不会显示出阴影效果
    • 只有子View的大小比父View小时,阴影才能显示出来

4. View的轮廓与裁剪(在Android5.1以及以上才有效果)

  • 官网介绍:developer.android.com/intl/zh-tw/…
  • View增加了轮廓概念,轮廓用来表示怎么显示阴影,也就是说轮廓什么形状,阴影就显示什么形状。

    • View的轮廓可以通过outlineProvider属性设置,默认是依据于background的,还有其他3个取值:bounds,none,paddingBounds

      android:outlineProvider="bounds"
      none:即使设置了evaluation也不显示阴影
      background:按背景来显示轮廓,如果background是颜色值,则轮廓就是view的大小,如果是shape,则按shape指定的形状作为轮廓
      bounds: View的矩形大小作轮廓
      paddedBounds: View的矩形大小减去padding的值后的大小作轮廓。
      
    • 可以通过setOutlineProvider()方法自定义轮廓:

      tv_blue.setOutlineProvider(new ViewOutlineProvider() {
              @TargetApi(Build.VERSION_CODES.LOLLIPOP)
              @Override
              public void getOutline(View view, Outline outline) {
                  outline.setOval(0,0,
                          view.getWidth(),view.getHeight());
              }
          });
    • 注意:如果background是图片,那只能通过代码setOutlineProvider()来指定轮廓
  • View的裁剪是指将View按照轮廓裁剪,能改变View的形状,如圆形头像:
    • 先设置轮廓:
    • 再设置根据轮廓裁剪View,目前只支持对矩形,圆形,圆角矩形的裁剪:
      //设置对View进行裁剪
      tv_clip.setClipToOutline(true);

5. Palette的使用

  • 使用Palette可以让我们从一张图片中拾取颜色,将拾取到的颜色赋予ActionBar,StatusBar以及背景色可以让界面色调实现统一
  • 使用Palette需要添加以下依赖:
    compile 'com.android.support:palette-v7:23.0.0+'
  • Palette提供的API

    • 传入Bitmap即可获取Palette对象,以下是同步和异步使用方式:
      //同步获取,需要在子线程中使用
      Palette palette = Palette.from(drawable.getBitmap()).generate();
      //异步获取,可以在主线程中使用
      Palette.from(drawable.getBitmap()).generate(new Palette.PaletteAsyncListener() {
          @Override
          public void onGenerated(Palette palette) {
              //...
          }
      });
    • 得到Palette对象后,获取其中的颜色,颜色对应如下:
      vibrant      -  有活力的颜色
      lightVibrant -  有活力的亮色
      darkVibrant  -  有活力的暗色
      muted        -  柔和暗淡的颜色
      lightMuted   -  柔和的亮色
      darkMuted    -  柔和的暗色
    • 获取指定颜色的采样对象,获取采样得到的颜色:

      //我们可以直接使用palette获取指定颜色:
      palette.getLightMutedColor(defaultColor);
      
      //一般也可以先获取采样对象Swatch,从Swatch中获取我们需要的颜色:
      //获取有活力颜色的采样对象
      Palette.Swatch vibrantSwatch = palette.getVibrantSwatch();
    • 采样对象Swatch提供了以下方法来获取颜色:
      //swatch.getPopulation(): the amount of pixels which this swatch represents.
      //swatch.getRgb(): the RGB value of this color.
      //swatch.getHsl(): the HSL value of this color,即色相,饱和度,明度.
      //swatch.getBodyTextColor(): the RGB value of a text color which can be displayed on top of this color.
      //swatch.getTitleTextColor(): the RGB value of a text color which can be displayed on top of this color
      //一般会将getRgb设置给控件背景色,getBodyTextColor()设置给文字颜色
      textView.setBackgroundColor(vibrantSwatch.getRgb());
      textView.setTextColor(vibrantSwatch.getBodyTextColor());

6. 水波纹动画,自定义水波纹动画以及状态选择器动画

  • 首先,在Android5.0以上,点击效果默认自带水波纹效果,并且有2种选择:
    //矩形边框水波纹
    android:background="?android:attr/selectableItemBackground"
    //无边框限制水波纹
    android:background="?android:attr/selectableItemBackgroundBorderless"
  • 自定义水波纹动画

    • 使用ViewAnimationUtils创建圆形水波纹动画,注意该动画不能在Activity的onCreate方法中执行:
      Animator circularReveal = ViewAnimationUtils.createCircularReveal(text, 0, text.getHeight() , 1f, text.getWidth()*2);
      circularReveal.setDuration(1000);
      circularReveal.start();
    • 使用ripple标签或者RippleDrawable可以更改控件水波纹动画颜色:
      <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#00ff00">
      <item android:id="@android:id/mask" ><color android:color="#0000ff" />
      

  • 定义带有属性动画的状态选择器

    • 通过stateListAnimator属性指定状态选择器的动画:
      android:stateListAnimator="@drawable/selector_anim"
    • 状态选择器文件中需要加入objectAnimator标签:
      <selector  xmlns:android = "http://schemas.android.com/apk/res/android" >
      <item  android:statepressed = "true" > <objectAnimator android:propertyName = "scaleX" android:duration = "@android:integer/configshortAnimTime"
              android:valueTo = "0.2"
              android:valueFrom = "1"
              android:valueType = "floatType" >
      	//...
      
    • 同样,状态选择器动画可以用代码方式加载
      //加载动画
      AnimatorInflater.loadStateListAnimator();
      //设置动画
      View.setStateListAnimator();
      
  • 定义带有帧动画的状态选择器,需要设置给background属性,不是stateListAnimator,如下所示:
    <animated-selector  xmlns:android = "http://schemas.android.com/apk/res/android" > 
    <item  android:id = "@+id/pressed"  android:drawable = "@drawable/drawableP" 
        android:state_pressed = "true" /> 
    <item  android:id = "@id/default" 
        android:drawable = "@drawable/drawableD" /> 
    <!-- 指定帧动画 - -> 
    <transition  android:fromId = "@+id/default"  android:toId = "@+id/pressed" > 
        <animation-list> 
            <item  android:duration = "15"  android:drawable = "@drawable/dt1 " /> 
            <item  android:duration = "15"  android:drawable = "@drawable/dt2" /> 
            ... 
        </animation-list> 
     </animated-selector>

7. CardView的使用

  • CardLayout拥有高度和阴影,以及轮廓裁剪,圆角等功能
  • 各属性说明:
    1.设置圆角:card_view:cardCornerRadius="10dp"
    2.设置高度:card_view:cardElevation="10dp"
    3.设置内边距:card_view:contentPadding="10dp"
    4.设置背景色:card_view:cardBackgroundColor="?android:attr/colorPrimary"

8. RecyclerView的使用

  • developer.android.com/intl/zh-tw/…
  • 先添加依赖 compile ‘com.android.support:recyclerview-v7:23.1.1’
  • 设置LayoutManager:控制RecyclerView如何显示布局,系统提供3个布局管理器:
    • LinearLayoutManager:线性布局,有横向和竖直方向显示
    • GridLayoutManager:网格布局,有横向和竖直方向显示
    • StaggeredGridLayoutManager: 瀑布流布局,有横向和竖直方向显示
  • 然后给RecyclerView设置Adapter<RecyclerView.ViewHolder>
  • 设置点击事件,由于RecyclerView没有setOnItemClickListener,只能在Adapter中给View设置Click事件

9. ToolBar的使用

  • 它用来代替ActionBar,但是比ActionBar更加灵活,相当于可以写在布局文件中的ActionBar;与DrawerLayout的使用的时候,DrawerLayout可以覆盖在ToolBar上,并且ToolBar和ActionBar不能同时使用
  • 使用ToolBar的步骤:
    • 先隐藏ActionBar,可以继承一个不带ActionBar的Theme,如:
      style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"
    • 然后在Activity中设置ToolBar替代ActionBar:
      setSupportActionBar(toolBar);
    • 最后设置ToolBar的显示内容:
      toolBar.setTitle("ToolBar");//设置标题
      toolBar.setNavigationIcon(iconRes);//设置图标
      toolBar.setOnMenuItemClickListener();//设置Menu Item点击

10. Android 5.0新特性的向下兼容

  • 可以通过Support Library使用的新特性可以向下兼容,如:
    • RecyclerView (recyclerview-v7)
    • CardView (cardview-v7)
    • Palette颜色识别 (palette-v7)
    • ToolBar (appcompat-v7)
    • SwipeRefreshLayout (v4)
  • 定义针对版本的资源目录
    • layout:使用新API的布局放在res/layout-v21中,其他的放res/layout
    • drawable:使用新属性的drawable文件放到 res/drawable-v21,其他的放 res/drawable
    • values: 新的主题放到 res/values-v21, 其他的放 res/values
  • 在代码中对系统Version做判断,使用对应的效果,如:
    if(Build.VERSION.SDK_INT> 21){
            //使用新动画
            ...
        }

Android 6.0新控件

1. TextInputLayout的使用

  • 高级炫酷带有提示的输入框,相当于输入框中的战斗框
  • 使用需要依赖design类库:
    compile 'com.android.support:design:23.0.0+'
  • 使用步骤:

    • 先在TextInputLayout中包裹一个EditText,如:
    • 然后给EditText添加文本变化监听器:

       editText.addTextChangedListener(new TextWatcher() {
      @Override
      public void beforeTextChanged(CharSequence s, int start, int count, int after) {
      
      }
      
      @Override
      public void onTextChanged(CharSequence s, int start, int before, int count) {
      
      }
      
      @Override
      public void afterTextChanged(Editable s) {
          if(s.length() > 5){
              //设置错误提示信息
              inputLayout.setError("不能超过5个");
              //启用错误提示
              inputLayout.setErrorEnabled(true);
          }else{
              //关闭错误提示
              inputLayout.setErrorEnabled(false);
          }
      }
      });

2. FloatingActionButton的使用

  • 总是能悬浮在界面上的Button,可以设置点击事件
  • 使用需要依赖design类库:
    compile 'com.android.support:design:23.0.0+'
  • 可以设置以下属性:
    app:fabSize="normal"//2个取值,normal=56dp,mini=48dp
    app:elevation="10dp"//高度
    app:rippleColor="#0000ff"//按下水波纹颜色
    app:pressedTranslationZ="20dp"//按下Z轴移动距离  
    注意:设置android:clickable="true"才有按下的效果
    

3. Snackbar的使用

  • 一个介于Toast和Dialog之间的和用户交互的控件,显示在界面底部,并且可以设置点击行为,也可以滑动出去
  • 在和FloatingActionButton一起使用时,需要让CoordinatorLayout作为父布局才能使FloatingActionButton给SnackBar腾出空间

4. TabLayout的使用

  • 相当于ViewPagerIndicator的指示器效果,一般用来跟ViewPager结合使用
  • 使用需要依赖design类库:
    compile 'com.android.support:design:23.0.0+'
  • 单独使用TabLayout的步骤:
    • 先添加Tab,使用tabLayout.newTab()方法创建Tab:
      //1.添加Tab
      tabLayout.addTab(tabLayout.newTab().setText("Tab1"));
    • 给tabLayout设置tab改变的监听器:
       //2.给tabLayout添加tab改变的监听器
      tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
          @Override
          public void onTabSelected(TabLayout.Tab tab) {
              Log.e("TAG", "onTabSelected: "+tab.getText());
          }
          @Override
          public void onTabUnselected(TabLayout.Tab tab) {
          }
          @Override
          public void onTabReselected(TabLayout.Tab tab) {
          }
      });
    • 在xml中给TabLayout设置属性:
      app:tabIndicatorColor="#00f"//横线颜色
      app:tabSelectedTextColor="#f00"//选中字体颜色
      app:tabTextColor="#0f0"//默认字体颜色
      app:tabMode="fixed"//fixed:不能滑动,每个Tab平分宽度,scrollable:可以滑动tab,每个tab宽度很小,适用于tab很多的情景
      app:tabGravity="fill"//fill:平分宽度,center:让tab居中,如果tabMode是scrollable,那tabGravity会被忽略
      
  • 和ViewPager关联使用步骤:
    • 先给ViewPager填充数据,然后关联TabLayout和ViewPager:
      //给ViewPager填充数据
      viewpager.setAdapter(new MyAdapter());
      //关联TabLayout和ViewPager
      tabLayout.setupWithViewPager(viewpager);
    • 需要注意的是,ViewPager的adapter的getPageTitle()方法的返回值将会设置给Tab的标题

5. CoordinatorLayout的使用

  • 协调布局,能够协调多个布局的位置关系,可以实现让FAB上下滑动,展开或折叠ToolBar,控制View扩展收缩以及放大缩小
  • 使用需要依赖design类库:
    compile 'com.android.support:design:23.0.0+'
  • 使用它结合AppBarLayout实现向上滑动隐藏ToolBar的效果:
    • AppBarLayout会将包裹的所有子View作为一个整体的AppBar,有着统一的界面着色;
    • app:layout_scrollFlags属性介绍:
      scroll:表示该View可以被滑动出CoordinatorLayout的范围,所有想滚动出屏幕的view都需要设置这个flag, 没有设置这个flag的view将被固定在屏幕顶部。例如,TabLayout 没有设置这个值,将会停留在屏幕顶部
      enterAlways:表示任意向下的滚动都会导致该View可见
      exitUntilCollapsed:滚动退出屏幕,最后折叠在顶端
      enterAlwaysCollapsed:当你的视图已经设置minHeight属性又使用此标志时,你的视图只能以最小高度进入,只有当滚动视图到达顶部时才扩大到完整高度
      
    • 给想滑动出范围的View设置属性,比如ToolBar:
      app:layout_scrollFlags=”scroll|enterAlways
    • 给发出滑动行为的View设置属性,比如ViewPager:
      app:layout_behavior="@string/appbar_scrolling_view_behavior"
    • 实现步骤:
      1.CoordinatorLayout作根控件,包裹AppBarLayout和可滚动的控件,比如ViewPager  
      2.AppBarLayout包裹 ToolBar 及TabLayout,  
        ToolBar要滑动,给其设置app:layout_scrollFlags  
      3.ViewPager是发出滑动行为的控件,设置属性 app:layout_behavior  
      注意:带layout_scrollFlags的view需要放在固定View的前面,这样滑动的view才能够正常退出,而固定的view继续留在顶部
    原文作者:Android
    原文地址: https://juejin.im/entry/58997098b123db16a3af0bf3
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞