Android最佳实践之Material Design

拜拜、爱过 提交于 2020-01-24 03:52:27

Material概述及主题

学习地址:http://developer.android.com/training/material/get-started.html
使用material design创建App:

  1. 温习一下material design说明
  2. 在app中应用material 主题
  3. 创建遵循material design规则的布局
  4. 指定投射阴影的高度
  5. 使用ListView和CardView
  6. 自己定义动画

使用Material 主题

<!-- res/values/styles.xml -->
<resources>
  <!-- your theme inherits from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- theme customizations -->
  </style>
</resources>

新的Material 主题提供了一下内容:

  • 能够让你调色的系统组件
  • 系统组件的触摸反馈动画
  • Activity的过渡动画

Material 主题有几种:

  • @android:style/Theme.Material(黑色版本号)
  • @android:style/Theme.Material.Light(浅色版本号)
  • @android:style/Theme.Material.Light.DarkActionBar
    MaterialDark
    MaterialLight

注意:Material 主题仅仅在Android 5.0 (API level 21)及以上版本号可用。

自己定义调色

<resources>
  <!-- inherit from the material theme -->
  <style name="AppTheme" parent="android:Theme.Material">
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/primary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/accent</item>
  </style>
</resources>

自己定义状态栏

使用android:statusBarColor属性改动状态栏颜色。


ThemeColors

在XML布局中。能够通过android:theme属性改动布局元素或子元素的主题,这样非常方便改动部分特定界面的颜色。

为你的View指定z轴高度

<TextView
    android:id="@+id/my_textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/next"
    android:background="@color/white"
    android:elevation="5dp" />

使用List和Card

CardView的使用:

<android.support.v7.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="200dp"
    android:layout_height="200dp"
    card_view:cardCornerRadius="3dp">
    ...
</android.support.v7.widget.CardView>

自己定义动画

Android 5.0 (API level 21)提供了一个新的API来自己定义动画,如Activity退出有一个过渡的动画:

public class MyActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // enable transitions
        getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
        setContentView(R.layout.activity_my);
    }

    public void onSomeButtonClicked(View view) {
        getWindow().setExitTransition(new Explode());
        Intent intent = new Intent(this, MyOtherActivity.class);
        startActivity(intent,
                      ActivityOptions
                          .makeSceneTransitionAnimation(this).toBundle());
    }
}

RecycleView和CardView

參考地址:http://developer.android.com/training/material/lists-cards.html

RecycleView

RecyclerView是一个更高级更灵活的ListView。它让滚动大量的列表数据更加高效。
RecyclerView
使用RecyclerView,必须指定一个Adapter(RecyclerView.Adapter)和一个LayoutManager。

layout manager 将item放到recycleView中并决定什么时候reuse它。

layout manager能够向adapter请求不同的数据源来更新界面内容。

回收view这样的方式提升了性能。由于它避免了非必需的view的创建以及大量的findViewById()消耗。
RecyclerView提供了三个内置的layoutmanager:

  • LinearLayoutManager:提供一个水平和垂直的滚动列表
  • GridLayoutManager显示一个grid
  • StaggeredGridLayoutManager 显示一个错列的grid

动画

RecyclerView为加入和删除item提供了一些内置的动画。能够继承RecyclerView.ItemAnimator然后使用RecyclerView.setItemAnimator()方法定制动画。

样例

<!-- A RecyclerView with some commonly used attributes -->
<android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:scrollbars="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

定义好了recycleview。然后连接一个layoutmanager,绑定一个adapter:

public class MyActivity extends Activity {
    private RecyclerView mRecyclerView;
    private RecyclerView.Adapter mAdapter;
    private RecyclerView.LayoutManager mLayoutManager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_activity);
        mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);

        // use this setting to improve performance if you know that changes
        // in content do not change the layout size of the RecyclerView
        mRecyclerView.setHasFixedSize(true);

        // use a linear layout manager
        mLayoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(mLayoutManager);

        // specify an adapter (see also next example)
        mAdapter = new MyAdapter(myDataset);
        mRecyclerView.setAdapter(mAdapter);
    }
    ...
}

adapter演示样例:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private String[] mDataset;

    // Provide a reference to the views for each data item
    // Complex data items may need more than one view per item, and
    // you provide access to all the views for a data item in a view holder
    public static class ViewHolder extends RecyclerView.ViewHolder {
        // each data item is just a string in this case
        public TextView mTextView;
        public ViewHolder(TextView v) {
            super(v);
            mTextView = v;
        }
    }

    // Provide a suitable constructor (depends on the kind of dataset)
    public MyAdapter(String[] myDataset) {
        mDataset = myDataset;
    }

    // Create new views (invoked by the layout manager)
    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        // create a new view
        View v = LayoutInflater.from(parent.getContext())
                               .inflate(R.layout.my_text_view, parent, false);
        // set the view's size, margins, paddings and layout parameters
        ...
        ViewHolder vh = new ViewHolder(v);
        return vh;
    }

    // Replace the contents of a view (invoked by the layout manager)
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // - get element from your dataset at this position
        // - replace the contents of the view with that element
        holder.mTextView.setText(mDataset[position]);

    }

    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataset.length;
    }
}

CardView

CardView继承FrameLayout。它显示一个卡片视图。内置了阴影和圆角。使用card_view:cardElevation使cardview有阴影。card_view:cardCornerRadius设置cardview的圆角半径(代码中使用CardView.setRadius方法),使用card_view:cardBackgroundColor设置卡片的背景颜色。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    ... >
    <!-- A CardView that contains a TextView -->
    <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:id="@+id/card_view"
        android:layout_gravity="center"
        android:layout_width="200dp"
        android:layout_height="200dp"
        card_view:cardCornerRadius="4dp">

        <TextView
            android:id="@+id/info_text"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
</LinearLayout>

加入依赖

RecyclerView 和CardView 组件是 v7 Support Libraries中的内容。

所以须要加入依赖:

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

定义阴影和ClippingView

原文地址:http://developer.android.com/training/material/shadows-clipping.html
Material design定义了在UI元素z轴高度(z值)。z值帮助用户了解元素的相对重要性。并重点关注手头的任务。


z值越大,它投射的阴影更大。更柔和,高z值的view将遮住低z值的view。然而。z值不影响view的size。
阴影由有z值的view的父view进行的clipping的,默认情况。


当view超出view的平面时。z值有助于创建动画。

为view指定z值


z值有两部分组成:
1、z轴高度:静态成分
2、平移:动态成分,用于动画
Z = elevation + translationZ

shadows-depth
图:不同View的z值的阴影

在XML布局中使用android:elevation设置z轴高度。在代码中使用View.setElevation()方法设置。
设置平移。使用View.setTranslationZ()方法。

新的方法ViewPropertyAnimator.z() 和 ViewPropertyAnimator.translationZ()同意你非常easy在z轴进行动画。

自己定义View的阴影和轮廓(Outlines)

view的背景图片边界决定了默认的阴影形状。

轮廓代表一个图形对象的外部形状,它定义了用于触摸波纹区域。

<TextView
    android:id="@+id/myview"
    ...
    android:elevation="2dp"
    android:background="@drawable/myrect" />

定义一个圆角背景图:

<!-- res/drawable/myrect.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#42000000" />
    <corners android:radius="5dp" />
</shape>

view投射了一个圆角的阴影,由于背景图片定义了view的轮廓。提供一个自己定义的轮廓能够覆盖view阴影的默认形状。定义一个自己定义轮廓用以下代码:
1、继承ViewOutlineProvider
2、覆盖getOutline()方法
3、使用View.setOutlineProvider()方法给view定义自己定义的轮廓。


你能够使用Outline类来创建一个椭圆或矩形的圆角轮廓,view的默认的轮廓获取的是view的背景。阻止view投射阴影,设置它的轮廓为null。

裁剪(Clip)View

裁剪View让你能够easy的改变View的形状。你能够使用View.setClipToOutline()或android:clipToOutline属性裁剪View到它的轮廓中。仅仅有矩形、圆形、圆角矩形支持裁剪。在Outline.canClip()中定义的。
要裁剪一个view成一个图片形状。须要设置这个图片作为view的背景。并调用View.setClipToOutline() 方法。


裁剪View是一个耗时操作,不要使用动图来裁剪View。为了达到这个效果。使用 Reveal Effect动画。

使用Drawable

原文地址:http://developer.android.com/training/material/drawables.html#ColorExtract
在material design中drawable的能力例如以下:

  • Drawable 着手
  • 突出颜色提取
  • 矢量图

Drawable 资源着色

Android 5.0 (API level 21)及以上版本号,能够给drawable和9patch图片着色为**α**Mask,能够用颜色或主题属性来着色(如?

android:attr/colorPrimary)。
使用setTint()方法将着色应用到BitmapDrawable, NinePatchDrawable 或 VectorDrawable对象中,也能够在布局文件里使用android:tint 和android:tintMode来设置。

从一个图片中提取突出颜色

在Android Support Library r21以上的支持库中包括了Palette类,它能够帮你从一个图片中提取突出颜色(VibrantVibrant darkVibrant lightMutedMuted darkMuted light)。
在载入image的地方,将bitmap对象传到Palette.generate()静态方法中,假设用不了这个线程,使用Palette.generateAsync()并设置监听来实现。
比方能够使用Palette.getVibrantColor方法来提取颜色。

使用Palette,需加入依赖:

dependencies {
    ...
    compile 'com.android.support:palette-v7:21.0.0'
}

创建矢量图

Android 5.0 (API Level 21)及以上版本号。能够创建一个不失帧的矢量图。仅仅须要使用一个文件作为矢量图,而不用为每一个屏幕密度来定义多个文件。

使用元素来定义,以下是一个心形的矢量图演示样例:

<!-- res/drawable/heart.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- intrinsic size of the drawable -->
    android:height="256dp"
    android:width="256dp"
    <!-- size of the virtual canvas -->
    android:viewportWidth="32"
    android:viewportHeight="32">

  <!-- draw a path -->
  <path android:fillColor="#8fff"
      android:pathData="M20.5,9.5
                        c-1.955,0,-3.83,1.268,-4.5,3
                        c-0.67,-1.732,-2.547,-3,-4.5,-3
                        C8.957,9.5,7,11.432,7,14
                        c0,3.53,3.793,6.257,9,11.5
                        c5.207,-5.242,9,-7.97,9,-11.5
                        C25,11.432,23.043,9.5,20.5,9.5z" />
</vector>

矢量图在Android中是一个VectorDrawable对象。

自己定义动画

參考地址:http://developer.android.com/training/material/animations.html#Reveal
Material 主题提供一些默认的button和Activity转场的动画, Android 5.0 (API level 21)及以上的版本号中还同意自己定义这些动画并创建以下这些新的动画:

  • 触摸反馈
  • 循环显示
  • Activity 转场
  • 曲线运动
  • View状态改变

自己定义触摸反馈

button默认的触摸反馈是使用RippleDrawable类。它提供了一种切换状态时过渡的波纹效果。大部分情况下。你仅仅须要使用?android:attr/selectableItemBackground(有界波纹)作为背景就可以,或者?android:attr/selectableItemBackgroundBorderless(API level 21才有,无界波纹)。或者你能够在XML中定义RippleDrawable,使用ripple元素。能够改变的RippleDrawable对象颜色,使用主题的android:colorControlHighlight改变触摸反馈颜色。

使用显示效果

显示动画(Reveal animations)提供了一组UI元素显示隐藏的视觉连续性的动画效果。

ViewAnimationUtils.createCircularReveal()方法提供一个极好的循环显示和隐藏的动画。

显示一个之前没显示的view使用这个效果:

// previously invisible view
View myView = findViewById(R.id.my_view);

// get the center for the clipping circle
int cx = myView.getWidth() / 2;
int cy = myView.getHeight() / 2;

// get the final radius for the clipping circle
float finalRadius = (float) Math.hypot(cx, cy);

// create the animator for this view (the start radius is zero)
Animator anim =
    ViewAnimationUtils.createCircularReveal(myView, cx, cy, 0, finalRadius);

// make the view visible and start the animation
myView.setVisibility(View.VISIBLE);
anim.start();

隐藏之前显示的view使用:

// previously visible view
final View myView = findViewById(R.id.my_view);

// get the center for the clipping circle
int cx = myView.getWidth() / 2;
int cy = myView.getHeight() / 2;

// get the initial radius for the clipping circle
float initialRadius = (float) Math.hypot(cx, cy);

// create the animation (the final radius is zero)
Animator anim =
    ViewAnimationUtils.createCircularReveal(myView, cx, cy, initialRadius, 0);

// make the view invisible when the animation is done
anim.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        myView.setVisibility(View.INVISIBLE);
    }
});

// start the animation
anim.start();

自己定义Activity转场

Android 5.0 (API level 21)提供了例如以下进场和退场动画:爆炸(从中间进场退场)。平移(从边缘进场退场)。淡入淡出(进场退场改变透明度)。不论什么继承了Visibility类的过渡都支持进场和退场过渡效果。


Android 5.0 (API level 21)也提供了共享元素过渡。changeBounds、changeClipBounds、changeTransform、changeImageTransform 。
SceneTransition
图:使用共享元素效果的场景过度

sharedelement
图:使用共享元素转场

在主题中使用android:windowActivityTransitions属性设置Activity是否同意window过渡效果,能够指定进场、退场、共享元素动画效果:

<style name="BaseAppTheme" parent="android:Theme.Material">
  <!-- enable window content transitions -->
  <item name="android:android:windowActivityTransitions">true</item>

  <!-- specify enter and exit transitions -->
  <item name="android:windowEnterTransition">@transition/explode</item>
  <item name="android:windowExitTransition">@transition/explode</item>

  <!-- specify shared element transitions -->
  <item name="android:windowSharedElementEnterTransition">
    @transition/change_image_transform</item>
  <item name="android:windowSharedElementExitTransition">
    @transition/change_image_transform</item>
</style>

change_image_transform动画效果定义例如以下:

<!-- res/transition/change_image_transform.xml -->
<!-- (see also Shared Transitions below) -->
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
  <changeImageTransform/>
</transitionSet>

changeImageTransform元素相应ChangeImageTransform类。
在代码中同意window过渡效果,使用Window.requestFeature()方法:

// inside your activity (if you did not enable transitions in your theme)
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

// set an exit transition
getWindow().setExitTransition(new Explode());

全部代码中设置Activity转场动画的方法有:Window.setEnterTransition()Window.setExitTransition()Window.setSharedElementEnterTransition()Window.setSharedElementExitTransition()
为得到一个完整的过渡效果,须要在两个Activity(起止)中同一时候设置动画。

使用Window.setAllowEnterTransitionOverlap()方法能够让进场动画尽可能快的执行。这个会让你有更加令人心动的进场动画。

使用转场启动Activity

当你同意转场并设置了退场动画。那么当你启动还有一个Activity时就激活了转场:

startActivity(intent,
              ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

假设你在第二个Activity中设置了进场动画,那么当Activity启动时也会激活转场。要在启动Activity时禁止使用转场,将bundle參数设为null就可以。

使用共享元素启动Activity

1、在主题中设置同意window内容转场
2、在主题中指定一个共享元素转场
3、在XML资源中定义转场
4、使用android:transitionName在两个Activity的XML布局中定义同样的共享元素名称
5、使用ActivityOptions.makeSceneTransitionAnimation()方法

// get the element that receives the click event
final View imgContainerView = findViewById(R.id.img_container);

// get the common element for the transition in this activity
final View androidRobotView = findViewById(R.id.image_small);

// define a click listener
imgContainerView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Intent intent = new Intent(this, Activity2.class);
        // create the transition animation - the images in the layouts
        // of both activities are defined with android:transitionName="robot"
        ActivityOptions options = ActivityOptions
            .makeSceneTransitionAnimation(this, androidRobotView, "robot");
        // start the new activity
        startActivity(intent, options.toBundle());
    }
});

对于在代码中生成的动态共享元素。使用View.setTransitionName()方法在两个Activity中设置元素名称。
为了使动画反转,在结束Activity时调用Activity.finishAfterTransition(),而不是Activity.finish()

使用多个共享元素启动Activity

为使用多个共享元素启动Activity。在android:transitionName属性(或代码中View.setTransitionName() 方法)在两个Activity布局中定义共享元素。然后 创建ActivityOptions

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
        Pair.create(view1, "agreedName1"),
        Pair.create(view2, "agreedName2"));

曲线运动

Material Design中的曲线动画依赖时间插值和空间运动模式。在Android 5.0 (API level 21) 及以上版本号中,你能够使用自己定义的时间曲线和曲线运动模式。


PathInterpolator类是一个新的基于贝叶斯曲线或Path类的插值。这个插值定义了1x1的正方形的运动曲线。(0,0)和(1,1)两个锚点,以及使用构造參数指定的控制点。

你能够定义一个path插值例如以下:

<pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:controlX1="0.4"
    android:controlY1="0"
    android:controlX2="1"
    android:controlY2="1"/>

在material design的说明中。系统定义了3个主要的曲线的XML资源:

  • @interpolator/fast_out_linear_in.xml
  • @interpolator/fast_out_slow_in.xml
  • @interpolator/linear_out_slow_in.xml

你能够传一个PathInterpolator对象给Animator.setInterpolator()方法。
ObjectAnimator类新的构造方法同意你沿着一个path一次使用两个以上的属性进行坐标的动画。

ObjectAnimator mAnimator;
mAnimator = ObjectAnimator.ofFloat(view, View.X, View.Y, path);
...
mAnimator.start();

View状态变化的动画

StateListAnimator类同意你在View的状态变化时定义动画。以下是StateListAnimator的XML资源:

<!-- animate the translationZ property of a view when pressed -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true">
    <set>
      <objectAnimator android:propertyName="translationZ"
        android:duration="@android:integer/config_shortAnimTime"
        android:valueTo="2dp"
        android:valueType="floatType"/>
        <!-- you could have other objectAnimator elements
             here for "x" and "y", or other properties -->
    </set>
  </item>
  <item android:state_enabled="true"
    android:state_pressed="false"
    android:state_focused="true">
    <set>
      <objectAnimator android:propertyName="translationZ"
        android:duration="100"
        android:valueTo="0"
        android:valueType="floatType"/>
    </set>
  </item>
</selector>

定义好动画后。使用android:stateListAnimator属性赋值给须要在状态变化时进行动画的View。在代码中使用AnimationInflater.loadStateListAnimator()装载动画,然后使用View的View.setStateListAnimator()方法设置View的动画。
当你的主题继承material 的主题时。Button默认有一个z方向的动画,要禁止掉这个,设置android:stateListAnimator为@null。


AnimatedStateListDrawable类同意你创建状态变化动画的drawable。以下是一个样例:

<!-- res/drawable/myanimstatedrawable.xml -->
<animated-selector
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- provide a different drawable for each state-->
    <item android:id="@+id/pressed" android:drawable="@drawable/drawableP"
        android:state_pressed="true"/>
    <item android:id="@+id/focused" android:drawable="@drawable/drawableF"
        android:state_focused="true"/>
    <item android:id="@id/default"
        android:drawable="@drawable/drawableD"/>

    <!-- specify a transition -->
    <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>
    </transition>
    ...
</animated-selector>

矢量图动画

AnimatedVectorDrawable类同意你对矢量图进行属性动画。一般定义动画矢量图在3个XML文件里:

  1. 在res/drawable/中使用 元素定义矢量图
  2. 在res/drawable/中使用元素定义动画的矢量图
  3. 在res/anim/中使用定义一个或多个动画
    动画矢量图主要是对 和 进行动画。
<!-- res/drawable/vectordrawable.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="64dp"
    android:width="64dp"
    android:viewportHeight="600"
    android:viewportWidth="600">
    <group
        android:name="rotationGroup"
        android:pivotX="300.0"
        android:pivotY="300.0"
        android:rotation="45.0" >
        <path
            android:name="v"
            android:fillColor="#000000"
            android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
    </group>
</vector>

动画矢量图的定义引用了groups 和paths在矢量图中的名称:

<!-- res/drawable/animvectordrawable.xml -->
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
  android:drawable="@drawable/vectordrawable" >
    <target
        android:name="rotationGroup"
        android:animation="@anim/rotation" />
    <target
        android:name="v"
        android:animation="@anim/path_morph" />
</animated-vector>

动画定义使用ObjectAnimatorAnimatorSet对象。

<!-- res/anim/rotation.xml -->
<objectAnimator
    android:duration="6000"
    android:propertyName="rotation"
    android:valueFrom="0"
    android:valueTo="360" />
<!-- res/anim/path_morph.xml -->
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <objectAnimator
        android:duration="3000"
        android:propertyName="pathData"
        android:valueFrom="M300,70 l 0,-70 70,70 0,0   -70,70z"
        android:valueTo="M300,70 l 0,-70 70,0  0,140 -70,0 z"
        android:valueType="pathType" />
</set>

保持兼容

原文地址:http://developer.android.com/training/material/compatibility.html#SupportLib
非常多Material Design都是在Android 5.0 (API level 21)及以上的版本号中才干用。要在老版本号中使用这些新特性,须要做些兼容工作。

定义多个Styles

兼容主题。能够在支持Material主题的设备中使用Material 主题。不支持的使用替代主题。


1、在旧版(Android 5.0曾经)中定义res/values/styles.xml(比方holo主题)
2、在res/values-v21/styles.xml中定义一个Material主题
3、在Manifest中将app的主题设置为上面定义的主题

假设你使用Material主题但没有提供兼容的主题,则app不会执行在Android5.0之前的系统里

定义多个Layout

參考布局别名。在这里,定义Android5.0的布局在res/layout-v21/*.xml中定义。

使用支持库

v7 Support Libraries r21以上版本号的支持库,支持Material主题。

  • Theme.AppCompat主题支持非常多Material Design的组件:EditText、Spinner、CheckBox、RadioButton、SwitchCompat、CheckedTextView。
  • 支持Color palette<!-- extend one of the Theme.AppCompat themes -->
    <style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
    <!-- customize the color palette -->
    <item name="colorPrimary">@color/material_blue_500</item>
    <item name="colorPrimaryDark">@color/material_blue_700</item>
    <item name="colorAccent">@color/material_green_A200</item>
    </style>
  • RecycleViewCardView

加入依赖

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

检測系统版本号

以下特性是Android5.0及以上版本号才有的:

  • Activity转场(Activity transitions)
  • 触摸反馈(Touch feedback)
  • 显示动画(Reveal animations)
  • 基于Path的动画(Path-based animations)
  • 矢量图(Vector drawables)
  • Drawable着色(Drawable tinting)
    为保持兼容,须要推断版本号:
// Check if we're running on Android 5.0 or higher
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    // Call some material design APIs here
} else {
    // Implement this feature without material design
}

注意:让app支持Material主题,须要在Manifest文件里设置android:targetSdkVersion=21。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!