Material Design学习跟随demo解读（一）

写在前面：有的时候下载一个demo可能不能马上运行成功，会遇到各种编译问题，除了最基本的改改编译版本，其实还有更直接的，直接把main下面的文件，包括java文件，res，mainifest全部复制到一个新建的项目中，然后rebuild。。。这个demo我就是这么做的

先看build.gradle文件

直接看依赖包

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:24.2.1'
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:cardview-v7:24.2.1'
    compile 'com.android.support:recyclerview-v7:24.2.1'
    compile 'com.android.support:design:24.2.1'
}

添加了cardview，recyclerviewdesign`三个包，

找到清单文件

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.steven.materialdesigncomplex">
    <uses-permission android:name="android.permission.INTERNET" />


    <application
        android:name=".MyApp"
        android:allowBackup="true"
        android:hardwareAccelerated="false"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/MyAppTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".DetailActivity"
            android:label="@string/title_activity_detail"
            android:theme="@style/MyAppTheme"></activity>
        <activity
            android:name=".H5Activity"
            android:screenOrientation="portrait" />
    </application>

</manifest>

这里application标签下有几个不常用的属性

• android:allowBackup=”true”：从安卓2.2开始google针对安卓系统和应用开启了一个备份的功能
• android:hardwareAccelerated=”false”：控制硬加速，3.0新增
• supportsRtl：声明你的application是否愿意支持从右到左(RTL就是right-to-left 的缩写…)的布局

从清单文件中找到入口activity

从清单文件上可以知道MainActivity就是这个demo的入口

从xml开始

布局文件activity_main

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                        xmlns:app="http://schemas.android.com/apk/res-auto"
                                        xmlns:tools="http://schemas.android.com/tools"
                                        android:id="@+id/drawerLayout_main"
                                        android:layout_width="match_parent"
                                        android:layout_height="match_parent"
                                        android:fitsSystemWindows="true"
                                        tools:openDrawer="start">

    <include
    layout="@layout/include_content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigationView_main"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/navigation_header"
        app:menu="@menu/menu_navigationview"/>

</android.support.v4.widget.DrawerLayout>

布局很简单，做外层是一个DrawerLayout里面只允许有两个子视图，一个作为主界面布局，一个作为侧滑布局，include标签引入的为主布局，NavigationView导航视图，即侧滑内容，这个NavigationView就是依赖包design里面的控件，

值得注意的是这里面的一些属性

DrawerLayout 设置了android:fitsSystemWindows="true"和tools:openDrawer="start"第一个属性设置自适应系统窗口，第二个属性设置打开菜单位置，需要添加命名空间xmlns:tools="http://schemas.android.com/tools"

NavigationView需要设置android:layout_gravity=”start”属性，可以填satrt也可以是left或者right，决定了侧滑的位置。和tools:openDrawer="start"搭配使用，同时也设置了android:fitsSystemWindows=”true”属性
app:headerLayout=”@layout/navigation_header”设置侧滑界面头部视图
app:menu=”@menu/menu_navigationview”设置侧滑界面菜单视图
也要添加命名空间 也可以不是menu，可以是任意自定义布局xmlns:app=”http://schemas.android.com/apk/res-auto”`

看include标签下的内容布局include_content_main.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:id="@+id/coordinatorLayout_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--//继承自LinearLayout实际是一个LinearLayout-->
    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        <!--app:layout_scrollFlags="scroll|enterAlways"：滚动标识，
        放在哪个视图属性下就代表哪个视图在滚动是将被折叠，与app:layout_behavior一起使用，
        就是当设置了app:layout_behavior的视图滚动时，
        设置了app:layout_scrollFlags属性的视图会被折叠
        -->
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar_main"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize