写在前面:有的时候下载一个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,recyclerview
design`三个包,
找到清单文件
<?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