├── app
├── .gitignore
├── src
│ ├── main
│ │ ├── res
│ │ │ ├── values-v21
│ │ │ │ └── styles.xml
│ │ │ ├── drawable
│ │ │ │ ├── pear.png
│ │ │ │ ├── angle.jpg
│ │ │ │ ├── ic_done.png
│ │ │ │ ├── ic_menu.png
│ │ │ │ ├── suili.jpg
│ │ │ │ ├── yangmi.jpg
│ │ │ │ ├── ic_backup.png
│ │ │ │ ├── ic_delete.png
│ │ │ │ ├── linyuner.jpg
│ │ │ │ ├── liuyifei.jpg
│ │ │ │ ├── nav_call.png
│ │ │ │ ├── nav_icon.jpg
│ │ │ │ ├── nav_icon1.png
│ │ │ │ ├── nav_mail.png
│ │ │ │ ├── nav_task.png
│ │ │ │ ├── tangyan.jpeg
│ │ │ │ ├── tongliya.jpg
│ │ │ │ ├── zhaoliyin.jpg
│ │ │ │ ├── gulinazha.jpeg
│ │ │ │ ├── ic_comment.png
│ │ │ │ ├── ic_settings.png
│ │ │ │ ├── libingbing.JPG
│ │ │ │ ├── nav_friends.png
│ │ │ │ ├── nav_location.png
│ │ │ │ └── watermelon.jpg
│ │ │ ├── mipmap-hdpi
│ │ │ │ └── ic_launcher.png
│ │ │ ├── mipmap-mdpi
│ │ │ │ └── ic_launcher.png
│ │ │ ├── mipmap-xhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ ├── mipmap-xxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ ├── mipmap-xxxhdpi
│ │ │ │ └── ic_launcher.png
│ │ │ ├── values
│ │ │ │ ├── colors.xml
│ │ │ │ ├── strings.xml
│ │ │ │ ├── dimens.xml
│ │ │ │ └── styles.xml
│ │ │ ├── values-w820dp
│ │ │ │ └── dimens.xml
│ │ │ ├── menu
│ │ │ │ ├── menu.xml
│ │ │ │ └── nav_menu.xml
│ │ │ └── layout
│ │ │ │ ├── nav_header.xml
│ │ │ │ ├── fruit_item.xml
│ │ │ │ ├── activity_second.xml
│ │ │ │ ├── activity_main.xml
│ │ │ │ └── activity_fruit.xml
│ │ ├── java
│ │ │ └── com
│ │ │ │ └── xiaweizi
│ │ │ │ └── materialdesign
│ │ │ │ ├── Meizhi.java
│ │ │ │ ├── MeizhiAdapter.java
│ │ │ │ ├── MeizhiActivity.java
│ │ │ │ └── MainActivity.java
│ │ └── AndroidManifest.xml
│ ├── test
│ │ └── java
│ │ │ └── com
│ │ │ └── xiaweizi
│ │ │ └── materialdesign
│ │ │ └── ExampleUnitTest.java
│ └── androidTest
│ │ └── java
│ │ └── com
│ │ └── xiaweizi
│ │ └── materialdesign
│ │ └── ExampleInstrumentedTest.java
├── proguard-rules.pro
└── build.gradle
├── settings.gradle
├── .idea
├── copyright
│ └── profiles_settings.xml
├── inspectionProfiles
│ ├── profiles_settings.xml
│ └── Project_Default.xml
├── file.template.settings.xml
├── modules.xml
├── runConfigurations.xml
├── gradle.xml
├── compiler.xml
└── misc.xml
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── .gitignore
├── gradle.properties
├── gradlew.bat
├── gradlew
└── README.md
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app'
2 |
--------------------------------------------------------------------------------
/app/src/main/res/values-v21/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/.idea/copyright/profiles_settings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/app/src/main/res/drawable/pear.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/pear.png
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/app/src/main/res/drawable/angle.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/angle.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_done.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_done.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_menu.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/suili.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/suili.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/yangmi.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/yangmi.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_backup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_backup.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_delete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_delete.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/linyuner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/linyuner.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/liuyifei.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/liuyifei.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_call.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_call.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_icon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_icon.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_icon1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_icon1.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_mail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_mail.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_task.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_task.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/tangyan.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/tangyan.jpeg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/tongliya.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/tongliya.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/zhaoliyin.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/zhaoliyin.jpg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/gulinazha.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/gulinazha.jpeg
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_comment.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_comment.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/ic_settings.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/libingbing.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/libingbing.JPG
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_friends.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_friends.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/nav_location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/nav_location.png
--------------------------------------------------------------------------------
/app/src/main/res/drawable/watermelon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/drawable/watermelon.jpg
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaweizi/MaterialDesign/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/workspace.xml
5 | /.idea/libraries
6 | .DS_Store
7 | /build
8 | /captures
9 | .externalNativeBuild
10 |
--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #3F51B5
4 | #303F9F
5 | #FF4081
6 |
7 |
--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | MaterialDesign
3 | open
4 | close
5 | Main2Activity
6 |
7 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Mon Dec 28 10:00:20 PST 2015
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
7 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/profiles_settings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/app/src/main/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 16dp
4 | 16dp
5 | 16dp
6 |
7 |
--------------------------------------------------------------------------------
/.idea/file.template.settings.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/app/src/main/res/values-w820dp/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 | 64dp
6 |
7 |
--------------------------------------------------------------------------------
/app/src/main/java/com/xiaweizi/materialdesign/Meizhi.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | public class Meizhi {
4 |
5 | private String name;
6 |
7 | private int imageId;
8 |
9 | public Meizhi(String name, int imageId) {
10 | this.name = name;
11 | this.imageId = imageId;
12 | }
13 |
14 | public String getName() {
15 | return name;
16 | }
17 |
18 | public int getImageId() {
19 | return imageId;
20 | }
21 |
22 | }
--------------------------------------------------------------------------------
/app/src/test/java/com/xiaweizi/materialdesign/ExampleUnitTest.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | import org.junit.Test;
4 |
5 | import static org.junit.Assert.*;
6 |
7 | /**
8 | * Example local unit test, which will execute on the development machine (host).
9 | *
10 | * @see Testing documentation
11 | */
12 | public class ExampleUnitTest {
13 | @Test
14 | public void addition_isCorrect() throws Exception {
15 | assertEquals(4, 2 + 2);
16 | }
17 | }
--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
--------------------------------------------------------------------------------
/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/app/src/main/res/menu/menu.xml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # By default, the flags in this file are appended to flags specified
3 | # in D:\Android\newsdk\sdk/tools/proguard/proguard-android.txt
4 | # You can edit the include path and order by changing the proguardFiles
5 | # directive in build.gradle.
6 | #
7 | # For more details, see
8 | # http://developer.android.com/guide/developing/tools/proguard.html
9 |
10 | # Add any project specific keep options here:
11 |
12 | # If your project uses WebView with JS, uncomment the following
13 | # and specify the fully qualified class name to the JavaScript interface
14 | # class:
15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
16 | # public *;
17 | #}
18 |
--------------------------------------------------------------------------------
/.idea/compiler.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | org.gradle.jvmargs=-Xmx1536m
13 |
14 | # When configured, Gradle will run in incubating parallel mode.
15 | # This option should only be used with decoupled projects. More details, visit
16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
17 | # org.gradle.parallel=true
18 |
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/app/src/androidTest/java/com/xiaweizi/materialdesign/ExampleInstrumentedTest.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | import android.content.Context;
4 | import android.support.test.InstrumentationRegistry;
5 | import android.support.test.runner.AndroidJUnit4;
6 |
7 | import org.junit.Test;
8 | import org.junit.runner.RunWith;
9 |
10 | import static org.junit.Assert.*;
11 |
12 | /**
13 | * Instrumentation test, which will execute on an Android device.
14 | *
15 | * @see Testing documentation
16 | */
17 | @RunWith(AndroidJUnit4.class)
18 | public class ExampleInstrumentedTest {
19 | @Test
20 | public void useAppContext() throws Exception {
21 | // Context of the app under test.
22 | Context appContext = InstrumentationRegistry.getTargetContext();
23 |
24 | assertEquals("com.xiaweizi.materialdesign", appContext.getPackageName());
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/app/src/main/res/menu/nav_menu.xml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/nav_header.xml:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
14 |
15 |
23 |
24 |
32 |
33 |
--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.application'
2 |
3 | android {
4 | compileSdkVersion 24
5 | buildToolsVersion "25.0.2"
6 | defaultConfig {
7 | applicationId "com.xiaweizi.materialdesign"
8 | minSdkVersion 21
9 | targetSdkVersion 24
10 | versionCode 1
11 | versionName "1.0"
12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
13 | }
14 | buildTypes {
15 | release {
16 | minifyEnabled false
17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
18 | }
19 | }
20 | }
21 |
22 | dependencies {
23 | compile fileTree(dir: 'libs', include: ['*.jar'])
24 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
25 | exclude group: 'com.android.support', module: 'support-annotations'
26 | })
27 | compile 'com.android.support:appcompat-v7:24.2.1'
28 | compile 'org.litepal.android:core:1.4.1'
29 | compile 'com.android.support:design:24.0.0'
30 | compile'com.android.support:recyclerview-v7:24.0.0'
31 | compile 'com.github.bumptech.glide:glide:3.7.0'
32 | compile 'com.android.support:cardview-v7:24.1.1'
33 | compile 'de.hdodenhof:circleimageview:2.1.0'
34 | testCompile 'junit:junit:4.12'
35 | }
36 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/fruit_item.xml:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
17 |
18 |
23 |
24 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_second.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
12 |
13 |
16 |
17 |
25 |
26 |
27 |
32 |
33 |
37 |
38 |
39 |
46 |
47 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
13 |
17 |
21 |
22 |
31 |
32 |
33 |
38 |
39 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @if "%DEBUG%" == "" @echo off
2 | @rem ##########################################################################
3 | @rem
4 | @rem Gradle startup script for Windows
5 | @rem
6 | @rem ##########################################################################
7 |
8 | @rem Set local scope for the variables with windows NT shell
9 | if "%OS%"=="Windows_NT" setlocal
10 |
11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
12 | set DEFAULT_JVM_OPTS=
13 |
14 | set DIRNAME=%~dp0
15 | if "%DIRNAME%" == "" set DIRNAME=.
16 | set APP_BASE_NAME=%~n0
17 | set APP_HOME=%DIRNAME%
18 |
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 |
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 |
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 |
32 | goto fail
33 |
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 |
38 | if exist "%JAVA_EXE%" goto init
39 |
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 |
46 | goto fail
47 |
48 | :init
49 | @rem Get command-line arguments, handling Windowz variants
50 |
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 | if "%@eval[2+2]" == "4" goto 4NT_args
53 |
54 | :win9xME_args
55 | @rem Slurp the command line arguments.
56 | set CMD_LINE_ARGS=
57 | set _SKIP=2
58 |
59 | :win9xME_args_slurp
60 | if "x%~1" == "x" goto execute
61 |
62 | set CMD_LINE_ARGS=%*
63 | goto execute
64 |
65 | :4NT_args
66 | @rem Get arguments from the 4NT Shell from JP Software
67 | set CMD_LINE_ARGS=%$
68 |
69 | :execute
70 | @rem Setup the command line
71 |
72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
73 |
74 | @rem Execute Gradle
75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
76 |
77 | :end
78 | @rem End local scope for the variables with windows NT shell
79 | if "%ERRORLEVEL%"=="0" goto mainEnd
80 |
81 | :fail
82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
83 | rem the _cmd.exe /c_ return code!
84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
85 | exit /b 1
86 |
87 | :mainEnd
88 | if "%OS%"=="Windows_NT" endlocal
89 |
90 | :omega
91 |
--------------------------------------------------------------------------------
/app/src/main/java/com/xiaweizi/materialdesign/MeizhiAdapter.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | import android.content.Context;
4 | import android.content.Intent;
5 | import android.support.v7.widget.CardView;
6 | import android.support.v7.widget.RecyclerView;
7 | import android.view.LayoutInflater;
8 | import android.view.View;
9 | import android.view.ViewGroup;
10 | import android.widget.ImageView;
11 | import android.widget.TextView;
12 |
13 | import com.bumptech.glide.Glide;
14 |
15 | import java.util.List;
16 |
17 | public class MeizhiAdapter extends RecyclerView.Adapter{
18 |
19 | private static final String TAG = "MeizhiAdapter";
20 |
21 | private Context mContext;
22 |
23 | private List mMeizhiList;
24 |
25 | static class ViewHolder extends RecyclerView.ViewHolder {
26 | CardView cardView;
27 | ImageView fruitImage;
28 | TextView fruitName;
29 |
30 | public ViewHolder(View view) {
31 | super(view);
32 | cardView = (CardView) view;
33 | fruitImage = (ImageView) view.findViewById(R.id.fruit_image);
34 | fruitName = (TextView) view.findViewById(R.id.fruit_name);
35 | }
36 | }
37 |
38 | public MeizhiAdapter(List meizhiList) {
39 | mMeizhiList = meizhiList;
40 | }
41 |
42 | @Override
43 | public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
44 | if (mContext == null) {
45 | mContext = parent.getContext();
46 | }
47 | View view = LayoutInflater.from(mContext).inflate(R.layout.fruit_item, parent, false);
48 | final ViewHolder holder = new ViewHolder(view);
49 | holder.cardView.setOnClickListener(new View.OnClickListener() {
50 | @Override
51 | public void onClick(View v) {
52 | int position = holder.getAdapterPosition();
53 | Meizhi meizhi = mMeizhiList.get(position);
54 | Intent intent = new Intent(mContext, MeizhiActivity.class);
55 | intent.putExtra(MeizhiActivity.FRUIT_NAME, meizhi.getName());
56 | intent.putExtra(MeizhiActivity.FRUIT_IMAGE_ID, meizhi.getImageId());
57 | mContext.startActivity(intent);
58 | }
59 | });
60 | return holder;
61 | }
62 |
63 | @Override
64 | public void onBindViewHolder(ViewHolder holder, int position) {
65 | Meizhi meizhi = mMeizhiList.get(position);
66 | holder.fruitName.setText(meizhi.getName());
67 | Glide.with(mContext).load(meizhi.getImageId()).into(holder.fruitImage);
68 | }
69 |
70 | @Override
71 | public int getItemCount() {
72 | return mMeizhiList.size();
73 | }
74 |
75 | }
76 |
--------------------------------------------------------------------------------
/app/src/main/java/com/xiaweizi/materialdesign/MeizhiActivity.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | import android.content.Intent;
4 | import android.os.Build;
5 | import android.os.Bundle;
6 | import android.support.design.widget.CollapsingToolbarLayout;
7 | import android.support.v7.app.ActionBar;
8 | import android.support.v7.app.AppCompatActivity;
9 | import android.support.v7.widget.Toolbar;
10 | import android.view.MenuItem;
11 | import android.view.WindowManager;
12 | import android.widget.ImageView;
13 | import android.widget.TextView;
14 |
15 | import com.bumptech.glide.Glide;
16 |
17 | public class MeizhiActivity extends AppCompatActivity {
18 |
19 | public static final String FRUIT_NAME = "fruit_name";
20 |
21 | public static final String FRUIT_IMAGE_ID = "fruit_image_id";
22 |
23 | @Override
24 | protected void onCreate(Bundle savedInstanceState) {
25 | super.onCreate(savedInstanceState);
26 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
27 | //透明状态栏
28 | getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
29 | //透明导航栏
30 | getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
31 | }
32 | setContentView(R.layout.activity_fruit);
33 | Intent intent = getIntent();
34 | String fruitName = intent.getStringExtra(FRUIT_NAME);
35 | int fruitImageId = intent.getIntExtra(FRUIT_IMAGE_ID, 0);
36 |
37 | Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
38 | CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
39 | ImageView fruitImageView = (ImageView) findViewById(R.id.fruit_image_view);
40 | TextView fruitContentText = (TextView) findViewById(R.id.fruit_content_text);
41 | setSupportActionBar(toolbar);
42 | ActionBar actionBar = getSupportActionBar();
43 | if (actionBar != null) {
44 | actionBar.setDisplayHomeAsUpEnabled(true);
45 | }
46 | collapsingToolbar.setTitle(fruitName);
47 | Glide.with(this).load(fruitImageId).into(fruitImageView);
48 | String fruitContent = generateFruitContent(fruitName);
49 | fruitContentText.setText(fruitContent);
50 | }
51 |
52 | private String generateFruitContent(String fruitName) {
53 | StringBuilder fruitContent = new StringBuilder();
54 | for (int i = 0; i < 500; i++) {
55 | fruitContent.append(fruitName);
56 | }
57 | return fruitContent.toString();
58 | }
59 |
60 | @Override
61 | public boolean onOptionsItemSelected(MenuItem item) {
62 | switch (item.getItemId()) {
63 | case android.R.id.home:
64 | finish();
65 | return true;
66 | }
67 | return super.onOptionsItemSelected(item);
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_fruit.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
14 |
15 |
23 |
24 |
31 |
32 |
37 |
38 |
39 |
40 |
44 |
45 |
49 |
50 |
58 |
59 |
64 |
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
10 | DEFAULT_JVM_OPTS=""
11 |
12 | APP_NAME="Gradle"
13 | APP_BASE_NAME=`basename "$0"`
14 |
15 | # Use the maximum available, or set MAX_FD != -1 to use that value.
16 | MAX_FD="maximum"
17 |
18 | warn ( ) {
19 | echo "$*"
20 | }
21 |
22 | die ( ) {
23 | echo
24 | echo "$*"
25 | echo
26 | exit 1
27 | }
28 |
29 | # OS specific support (must be 'true' or 'false').
30 | cygwin=false
31 | msys=false
32 | darwin=false
33 | case "`uname`" in
34 | CYGWIN* )
35 | cygwin=true
36 | ;;
37 | Darwin* )
38 | darwin=true
39 | ;;
40 | MINGW* )
41 | msys=true
42 | ;;
43 | esac
44 |
45 | # Attempt to set APP_HOME
46 | # Resolve links: $0 may be a link
47 | PRG="$0"
48 | # Need this for relative symlinks.
49 | while [ -h "$PRG" ] ; do
50 | ls=`ls -ld "$PRG"`
51 | link=`expr "$ls" : '.*-> \(.*\)$'`
52 | if expr "$link" : '/.*' > /dev/null; then
53 | PRG="$link"
54 | else
55 | PRG=`dirname "$PRG"`"/$link"
56 | fi
57 | done
58 | SAVED="`pwd`"
59 | cd "`dirname \"$PRG\"`/" >/dev/null
60 | APP_HOME="`pwd -P`"
61 | cd "$SAVED" >/dev/null
62 |
63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
64 |
65 | # Determine the Java command to use to start the JVM.
66 | if [ -n "$JAVA_HOME" ] ; then
67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
68 | # IBM's JDK on AIX uses strange locations for the executables
69 | JAVACMD="$JAVA_HOME/jre/sh/java"
70 | else
71 | JAVACMD="$JAVA_HOME/bin/java"
72 | fi
73 | if [ ! -x "$JAVACMD" ] ; then
74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
75 |
76 | Please set the JAVA_HOME variable in your environment to match the
77 | location of your Java installation."
78 | fi
79 | else
80 | JAVACMD="java"
81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
82 |
83 | Please set the JAVA_HOME variable in your environment to match the
84 | location of your Java installation."
85 | fi
86 |
87 | # Increase the maximum file descriptors if we can.
88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
89 | MAX_FD_LIMIT=`ulimit -H -n`
90 | if [ $? -eq 0 ] ; then
91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
92 | MAX_FD="$MAX_FD_LIMIT"
93 | fi
94 | ulimit -n $MAX_FD
95 | if [ $? -ne 0 ] ; then
96 | warn "Could not set maximum file descriptor limit: $MAX_FD"
97 | fi
98 | else
99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
100 | fi
101 | fi
102 |
103 | # For Darwin, add options to specify how the application appears in the dock
104 | if $darwin; then
105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
106 | fi
107 |
108 | # For Cygwin, switch paths to Windows format before running java
109 | if $cygwin ; then
110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
112 | JAVACMD=`cygpath --unix "$JAVACMD"`
113 |
114 | # We build the pattern for arguments to be converted via cygpath
115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
116 | SEP=""
117 | for dir in $ROOTDIRSRAW ; do
118 | ROOTDIRS="$ROOTDIRS$SEP$dir"
119 | SEP="|"
120 | done
121 | OURCYGPATTERN="(^($ROOTDIRS))"
122 | # Add a user-defined pattern to the cygpath arguments
123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
125 | fi
126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
127 | i=0
128 | for arg in "$@" ; do
129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
131 |
132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
134 | else
135 | eval `echo args$i`="\"$arg\""
136 | fi
137 | i=$((i+1))
138 | done
139 | case $i in
140 | (0) set -- ;;
141 | (1) set -- "$args0" ;;
142 | (2) set -- "$args0" "$args1" ;;
143 | (3) set -- "$args0" "$args1" "$args2" ;;
144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
150 | esac
151 | fi
152 |
153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
154 | function splitJvmOpts() {
155 | JVM_OPTS=("$@")
156 | }
157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
159 |
160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
161 |
--------------------------------------------------------------------------------
/app/src/main/java/com/xiaweizi/materialdesign/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.xiaweizi.materialdesign;
2 |
3 | import android.graphics.Color;
4 | import android.support.design.widget.NavigationView;
5 | import android.support.design.widget.Snackbar;
6 | import android.support.v4.widget.DrawerLayout;
7 | import android.support.v4.widget.SwipeRefreshLayout;
8 | import android.support.v7.app.ActionBarDrawerToggle;
9 | import android.support.v7.app.AppCompatActivity;
10 | import android.os.Bundle;
11 | import android.support.v7.widget.GridLayoutManager;
12 | import android.support.v7.widget.RecyclerView;
13 | import android.support.v7.widget.Toolbar;
14 | import android.view.Menu;
15 | import android.view.MenuItem;
16 | import android.view.View;
17 | import android.widget.Toast;
18 |
19 | import java.util.ArrayList;
20 | import java.util.List;
21 | import java.util.Random;
22 |
23 | public class MainActivity extends AppCompatActivity {
24 |
25 | private static final String TAG = "MainActivity-->";
26 |
27 | private Toolbar mToolbar;
28 | private DrawerLayout mDrawerLayout;
29 | private NavigationView mNavigationView;
30 | private ActionBarDrawerToggle mToggle;
31 | private RecyclerView mRecyclerView;
32 | private SwipeRefreshLayout mRefreshLayout;
33 |
34 | private Meizhi[] meizhis = {new Meizhi("AngleBaby", R.drawable.angle), new Meizhi("古力娜扎", R.drawable.gulinazha),
35 | new Meizhi("林允儿", R.drawable.linyuner), new Meizhi("刘亦菲", R.drawable.liuyifei),
36 | new Meizhi("孙俪", R.drawable.suili), new Meizhi("佟丽娅", R.drawable.tongliya),
37 | new Meizhi("杨幂", R.drawable.yangmi), new Meizhi("赵丽颖", R.drawable.zhaoliyin),
38 | new Meizhi("李冰冰", R.drawable.libingbing), new Meizhi("唐嫣", R.drawable.tangyan)};
39 |
40 | private List beautyList = new ArrayList<>();
41 |
42 | private MeizhiAdapter mAdpter;
43 |
44 | @Override
45 | protected void onCreate(Bundle savedInstanceState) {
46 | super.onCreate(savedInstanceState);
47 |
48 | setContentView(R.layout.activity_main);
49 |
50 | mToolbar = (Toolbar) findViewById(R.id.toolbar);
51 | mDrawerLayout = (DrawerLayout) findViewById(R.id.dl_main);
52 | mNavigationView = (NavigationView) findViewById(R.id.nv_left);
53 | mRecyclerView = (RecyclerView) findViewById(R.id.rv_main);
54 | mRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.srl_main);
55 |
56 | initData();
57 | mAdpter = new MeizhiAdapter(beautyList);
58 | mRecyclerView.setLayoutManager(new GridLayoutManager(this, 2));
59 | mRecyclerView.setAdapter(mAdpter);
60 |
61 |
62 | setSupportActionBar(mToolbar);
63 |
64 |
65 | //给NavigationView设置item选择事件
66 | mNavigationView.setCheckedItem(R.id.nav_call);
67 | mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
68 | @Override
69 | public boolean onNavigationItemSelected(MenuItem item) {
70 | Snackbar snackbar = Snackbar.make(getCurrentFocus(), item.getTitle(), Snackbar.LENGTH_SHORT);
71 | snackbar.setAction("Undo", new View.OnClickListener() {
72 | @Override
73 | public void onClick(View v) {
74 |
75 | }
76 | });
77 | snackbar.setActionTextColor(Color.BLUE);
78 | snackbar.show();
79 | return true;
80 | }
81 | });
82 |
83 | //给打开左侧菜单的按钮是指特效
84 | mToggle = new ActionBarDrawerToggle(MainActivity.this,
85 | mDrawerLayout,
86 | mToolbar,
87 | R.string.open, R.string.close);
88 | mToggle.syncState();
89 | mDrawerLayout.addDrawerListener(mToggle);
90 |
91 | mRefreshLayout.setColorSchemeColors(Color.RED, Color.BLUE, Color.YELLOW, Color.GREEN);
92 | mRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
93 | @Override
94 | public void onRefresh() {
95 | refreshData();
96 | }
97 | });
98 |
99 | }
100 |
101 | /***************************
102 | * 创建菜单
103 | ***************************/
104 | @Override
105 | public boolean onCreateOptionsMenu(Menu menu) {
106 | getMenuInflater().inflate(R.menu.menu, menu);
107 | return true;
108 | }
109 |
110 | /***************************
111 | * 给菜单设置点击事件
112 | ***************************/
113 | @Override
114 | public boolean onOptionsItemSelected(MenuItem item) {
115 | switch (item.getItemId()) {
116 | case R.id.backup:
117 | Toast.makeText(MainActivity.this, "backup", Toast.LENGTH_SHORT).show();
118 | break;
119 | case R.id.delete:
120 | Toast.makeText(this, "delete", Toast.LENGTH_SHORT).show();
121 | break;
122 | case R.id.settings:
123 | Toast.makeText(this, "setting", Toast.LENGTH_SHORT).show();
124 | break;
125 | default:
126 | }
127 | return true;
128 | }
129 |
130 | private void initData() {
131 | beautyList.clear();
132 | for (int i = 0; i < 50; i++) {
133 | Random random = new Random();
134 | int index = random.nextInt(meizhis.length);
135 | beautyList.add(meizhis[index]);
136 | }
137 | }
138 |
139 | private void refreshData() {
140 | new Thread(new Runnable() {
141 | @Override
142 | public void run() {
143 | try {
144 | Thread.sleep(2000);
145 | } catch (InterruptedException e) {
146 | e.printStackTrace();
147 | }
148 | runOnUiThread(new Runnable() {
149 | @Override
150 | public void run() {
151 | initData();
152 | mAdpter.notifyDataSetChanged();
153 | mRefreshLayout.setRefreshing(false);
154 | Toast.makeText(MainActivity.this, "更新成功!", Toast.LENGTH_SHORT).show();
155 | }
156 | });
157 | }
158 | }).start();
159 | }
160 | }
161 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | >接下来我会按照下面流程介绍如何实现这一效果
2 | >
3 | 1. `Toolbar`
4 | 2. `DrawerLayout`
5 | 3. `SnackBar`
6 | 4. `CardView`
7 | 5. `RecyclerView`
8 | 6. `SwipeRefreshLayout`
9 | 7. `AppBarLayout`
10 | 8. `CollapsingToolbarLayout`
11 | 9. `沉浸式状态栏`
12 |
13 | 首先添加依赖:
14 |
15 | compile 'com.android.support:appcompat-v7:24.2.1'
16 | compile 'com.android.support:design:24.0.0'
17 | compile'com.android.support:recyclerview-v7:24.0.0'
18 | compile 'com.github.bumptech.glide:glide:3.7.0'
19 | compile 'com.android.support:cardview-v7:24.1.1'
20 | compile 'de.hdodenhof:circleimageview:2.1.0'
21 |
22 |
23 | # 1. Toolbar #
24 | 效果如下:
25 |
26 | 
27 |
28 | 它有点类似于之前得ActionBar,就是活动最顶部得哪个标题栏。但是,它只能位于活动得顶部,从而影响效果,所有官方现在已经不再建议使用ActionBar了。
29 |
30 | #### 1. 设置AppTheme("NoActionBar") ####
31 |
32 |
36 | #### 2. 添加控件 ####
37 |
38 |
45 | >其他属性我就不说了,`app:popupTheme` 这个是单独将弹出得菜单项指定成淡色主题。
46 |
47 | >这个时候需要指定一个新的命名空间 `xmlns:app` 这是由于MaterialDesign是在Android5.0系统中才出现得,而很多Material属性在5.0之前得系统中是不存在得,那么为了能够兼容之前得老系统,我们就得使用 `app:` 。
48 | #### 3. 在代码中使用 ####
49 |
50 | mToolbar = (Toolbar) findViewById(R.id.toolbar);
51 | setSupportActionBar(mToolbar);
52 | >首先通过 `findViewById` 得到Toobar实例,然后调用setSupportActionBar()方法将实例传入。
53 | #### 4. 设置菜单选项 ####
54 |
55 |
73 | >在menu文件夹中创建xml文件
74 |
75 | >`app:showAsAction` 来指定按钮得显示位置
76 |
77 | >`ifRoom`: 表示屏幕空间足够得情况下显示再Toolbar,不够就显示再菜单中
78 |
79 | >`always`: 表示永远显示在Toolbar中,如果屏幕空间不够则不显示
80 |
81 | >`never`: 表示永远显示在菜单当中
82 |
83 | #### 5. 在代码中实用菜单选项 ####
84 |
85 | /***************************
86 | * 创建菜单
87 | ***************************/
88 | @Override
89 | public boolean onCreateOptionsMenu(Menu menu) {
90 | getMenuInflater().inflate(R.menu.menu, menu);
91 | return true;
92 | }
93 |
94 | /***************************
95 | * 给菜单设置点击事件
96 | ***************************/
97 | @Override
98 | public boolean onOptionsItemSelected(MenuItem item) {
99 | switch (item.getItemId()) {
100 | case R.id.backup:
101 | Toast.makeText(MainActivity.this, "backup", Toast.LENGTH_SHORT).show();
102 | break;
103 | case R.id.delete:
104 | Toast.makeText(this, "delete", Toast.LENGTH_SHORT).show();
105 | break;
106 | case R.id.settings:
107 | Toast.makeText(this, "setting", Toast.LENGTH_SHORT).show();
108 | break;
109 | default:
110 | }
111 | return true;
112 | }
113 |
114 | # 2. DrawerLayout #
115 | 这个在我之前得文章讲过,可以直接点击查看 [高大上的侧滑菜单DrawerLayout,解决了不能全屏滑动的问题 ](http://www.jianshu.com/p/ce8a7a20c03c)
116 | 不过左侧可以再优化下,实用新的控件 `NavigetionView`
117 | **NavigetionView**
118 |
119 | 效果如下:
120 |
121 | 
122 | >在使用前,提前准备好两个东西:`menu` 和 `headerLayout`
123 | #### 1. 创建menu ####
124 |
125 |
149 | >将group得 `checkableBehavior` 属性指定为single,表示所有得菜单项只能单选
150 | #### 2. 创建headerLayout ####
151 |
152 |
157 |
158 |
164 |
165 |
173 |
174 |
182 |
183 |
184 | #### 3. 在布局中使用 ####
185 |
192 |
193 | >`app:headerLayout ` : headerLayout文件
194 | >
195 | >`app:menu`: menu文件
196 |
197 | >`android:layout_gravity="left"` 设置为左侧菜单
198 |
199 | #### 4. 在代码中使用 ####
200 | //给NavigationView设置item选择事件
201 | mNavigationView.setCheckedItem(R.id.nav_call);
202 | mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
203 | @Override
204 | public boolean onNavigationItemSelected(MenuItem item) {
205 | ...
206 | return true;
207 | }
208 | });
209 | # 3. SnackBar #
210 | 跟Toast有点相似,不过不同点在于加入一个可交互按钮,当用户点击按钮得时候可以执行一些额外得逻辑操作
211 |
212 | 效果如下:
213 |
214 | 
215 |
216 | 使用起来比较简单,跟Toast很像。
217 |
218 | Snackbar snackbar = Snackbar.make(getCurrentFocus(), item.getTitle(), Snackbar.LENGTH_SHORT);
219 | snackbar.setAction("Undo", new View.OnClickListener() {
220 | @Override
221 | public void onClick(View v) {
222 |
223 | }
224 | });
225 | snackbar.setActionTextColor(Color.BLUE);
226 | snackbar.show();
227 | # 4. CardView #
228 | 效果如下:
229 |
230 | 
231 |
232 | `CardView` 其实是一个FrameLayout,只是额外提供了圆角和阴影效果,
233 | 直接在布局中使用。
234 |
235 |
244 | ...//子布局
245 |
246 | >`app:cardCornerRadius` 指定卡片圆角得弧度,数值越大,圆角得弧度越大
247 |
248 | >`app:cardElevation` 制定卡片得高度,高度值越大,投影得范围越大
249 |
250 | # 5. RecyclerView #
251 | 这个在之前得文章也说过,如果需要查看,请移驾到: [简单粗暴----RecyclerView](http://www.jianshu.com/p/60819de9eb42)
252 | 本次得Demo里数据我就不详细说了,太多了,很简单。
253 | # 6. SwipeRefreshLayout #
254 | 效果如下:
255 |
256 | 
257 | 使用 `SwipeRefreshLayout` 直接可以实现下拉刷新的功能
258 |
259 | #### 1. 在布局中添加 ####
260 |
264 |
265 |
269 |
270 |
271 |
272 | #### 2. 在代码中添加 ####
273 | mRefreshLayout.setColorSchemeColors(Color.RED, Color.BLUE, Color.YELLOW, Color.GREEN);
274 | mRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
275 | @Override
276 | public void onRefresh() {
277 | refreshFruits();
278 | }
279 | });
280 | >可以给刷新得时候设置颜色的变换,在 `onRefresh()` 中实现刷新得功能
281 | # 7. AppBarLayout #
282 | 先看一下效果:
283 |
284 | 
285 |
286 | >`AppBarLayout` 实际是一个垂直方向得 `LinearLayout`,它在内部做了很多滚动事件得封装,并应用了MaterialDesign设计理念。
287 |
288 | 在布局中实用:
289 |
290 |
293 |
297 |
301 |
302 |
311 |
312 |
313 |
316 | ...
317 |
318 |
319 |
320 | > `app:layout_scrollFlags`: 当AppBarLayout接收到滚动事件得时候,它内部得子空间就是通过这个属性影响这些事件的
321 |
322 | >`scroll`:表示当 `RecyclerView`向上滚动得时候,Toolbar会跟着一起向上滚动并实现隐藏。
323 |
324 | >`enterAlways`:表示当 `RecyclerView`向下滚动得时候,Toolbar会跟着一起向下滚动并重新显示。
325 |
326 | >`snap`:表示当Toolbar还没有完全隐藏或显示得时候,会根据当前滚动得距离,自动选择是隐藏还是显示。
327 | # 8. CollapsingToolbarLayout #
328 | 效果如下:
329 |
330 | 
331 | **可折叠式标题栏**这个就比之前就负责点了,我先贴代码,然后一一解释。
332 |
333 |
334 |
340 |
341 |
346 |
347 |
355 |
356 |
363 |
364 |
369 |
370 |
371 |
372 |
376 |
377 |
381 |
382 |
390 |
391 |
396 |
397 |
398 |
399 |
400 |
401 | > `app:contentScrim`:在趋于折叠状态以及折叠之后得背景色
402 |
403 | > `app:layout_scrollFlags` 这个之前讲过
404 | >
405 | > `scroll` :表示 `CollapsingToolbarLayout`会随着妹纸内容详情得滚动一起滚动
406 |
407 | >`exitUntilCollapsed`:表示当 `CollapsingToolbarLayout`随着滚动完成折叠之后就保留在界面上,不再移出屏幕
408 |
409 | > `app:layout_collapseMode="pin"` 把Toolbar指定成pin,表示在折叠的过程中位置始终保持不变
410 |
411 | > `app:layout_collapseMode="parallax"` ImageView 指定成 parallax,表示会在折叠得过程中产生一定得错位偏移,这种模式得视觉效果会非常好
412 |
413 | > `NestedScrollView` :在ScrollView基础上增加了嵌套响应滚动事件得功能
414 |
415 | # 9. 沉浸式状态栏 #
416 | 这个只是在Android5.0后才有的,设置状态栏为透明
417 |
418 | 在`setContentView();`之前添加代码:
419 |
420 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
421 | //透明状态栏
422 | getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
423 | //透明导航栏
424 | getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
425 | }
426 | 需要在直接子布局添加:`android:fitsSystemWindows="true` 表示该控件会出现在系统状态栏里
427 |
428 | 我的源码地址:[https://github.com/xiaweizi/MaterialDesign](https://github.com/xiaweizi/MaterialDesign)
429 |
--------------------------------------------------------------------------------