添加网易云音乐UI模仿

maojunjun · Feb 27, 2016 · 215e806 · 215e806
1 parent 529a606
commit 215e806
Show file tree

Hide file tree

Showing 13 changed files with 176 additions and 8 deletions.
diff --git a/note/02_AndroidSystemUI：开始使用NavigationDrawer.md b/note/02_AndroidSystemUI：开始使用NavigationDrawer.md
@@ -1,4 +1,4 @@
-# 谈谈我眼中的 NavigationDrawer 
+# 最详细的 NavigationDrawer 开发实践总结 
 
 
 

diff --git a/src/main/AndroidManifest.xml b/src/main/AndroidManifest.xml
@@ -41,6 +41,9 @@
             android:name=".ui.activity.navigation.SimpleNavigationDrawerActivity"
             android:label="@string/simple_navigation_drawer"
             android:theme="@style/Theme.Translucent.Navigation" />
+        <activity
+            android:name=".ui.activity.navigation.CloudMusicActivity"
+            android:theme="@style/Theme.Translucent.Navigation" />
     </application>
 
 </manifest>
diff --git a/src/main/java/com/clock/systemui/ui/activity/MainActivity.java b/src/main/java/com/clock/systemui/ui/activity/MainActivity.java
@@ -6,6 +6,7 @@
 import android.view.View;
 
 import com.clock.systemui.R;
+import com.clock.systemui.ui.activity.navigation.CloudMusicActivity;
 import com.clock.systemui.ui.activity.navigation.SimpleDrawerActivity;
 import com.clock.systemui.ui.activity.navigation.SimpleNavigationDrawerActivity;
 import com.clock.systemui.ui.activity.toolbar.ToolBarActivity;
@@ -28,6 +29,7 @@ protected void onCreate(Bundle savedInstanceState) {
         findViewById(R.id.btn_toolbar_zhihu).setOnClickListener(this);
         findViewById(R.id.btn_simple_drawer).setOnClickListener(this);
         findViewById(R.id.btn_simple_navigation_drawer).setOnClickListener(this);
+        findViewById(R.id.btn_cloud_music).setOnClickListener(this);
 
     }
 
@@ -58,10 +60,14 @@ public void onClick(View v) {
             Intent simpleDrawerIntent = new Intent(this, SimpleDrawerActivity.class);
             startActivity(simpleDrawerIntent);
 
-        } else if (viewId == R.id.btn_simple_navigation_drawer){
+        } else if (viewId == R.id.btn_simple_navigation_drawer) {
             Intent simpleNavigationDrawerIntent = new Intent(this, SimpleNavigationDrawerActivity.class);
             startActivity(simpleNavigationDrawerIntent);
 
+        } else if (viewId == R.id.btn_cloud_music) {
+            Intent cloudmusicIntent = new Intent(this, CloudMusicActivity.class);
+            startActivity(cloudmusicIntent);
+
         }
     }
 }
diff --git a/src/main/java/com/clock/systemui/ui/activity/navigation/CloudMusicActivity.java b/src/main/java/com/clock/systemui/ui/activity/navigation/CloudMusicActivity.java
@@ -0,0 +1,21 @@
+package com.clock.systemui.ui.activity.navigation;
+
+import android.os.Bundle;
+
+import com.clock.systemui.R;
+import com.clock.systemui.ui.activity.base.BaseActivity;
+
+/**
+ * 仿网易云音乐
+ *
+ * @author Clock
+ * @since 2016-02-27
+ */
+public class CloudMusicActivity extends BaseActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_cloud_music);
+    }
+}
diff --git a/src/main/java/com/clock/systemui/ui/activity/navigation/SimpleNavigationDrawerActivity.java b/src/main/java/com/clock/systemui/ui/activity/navigation/SimpleNavigationDrawerActivity.java
@@ -27,8 +27,8 @@ protected void onCreate(Bundle savedInstanceState) {
 
         mDrawer = (DrawerLayout) findViewById(R.id.drawer);
 
-        mNavigationView = (NavigationView) findViewById(R.id.navigation_view);//ScrimInsetsFrameLayout
-        mNavigationView.setItemIconTintList(null);//设置菜单图标的颜色
+        mNavigationView = (NavigationView) findViewById(R.id.navigation_view);
+        mNavigationView.setItemIconTintList(null);//设置菜单图标恢复本来的颜色
         mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
             @Override
             public boolean onNavigationItemSelected(MenuItem item) {

diff --git a/src/main/res/layout/activity_cloud_music.xml b/src/main/res/layout/activity_cloud_music.xml
@@ -0,0 +1,133 @@
+<?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"
+    android:id="@+id/drawer"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/color_cd3e3a">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:fitsSystemWindows="true"
+        android:orientation="vertical">
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="65dp"
+            android:background="@color/color_cd3e3a"
+            android:gravity="center"
+            android:text="网易云音乐"
+            android:textColor="@android:color/white"
+            android:textSize="18sp" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="@android:color/white"
+            android:orientation="vertical">
+
+        </LinearLayout>
+    </LinearLayout>
+
+    <LinearLayout
+        android:id="@+id/navigation_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_gravity="start"
+        android:background="@android:color/white"
+        android:fitsSystemWindows="true"
+        android:orientation="vertical"
+        app:insetForeground="@android:color/transparent">
+
+        <ImageView
+            android:layout_width="match_parent"
+            android:layout_height="180dp"
+            android:scaleType="centerCrop"
+            android:src="@mipmap/topinfo_ban_bg" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginLeft="10dp"
+                android:layout_marginRight="10dp"
+                android:src="@mipmap/topmenu_icn_msg" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="我的消息"
+                android:textColor="@android:color/black"
+                android:textSize="15sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginLeft="10dp"
+                android:layout_marginRight="10dp"
+                android:src="@mipmap/topmenu_icn_store" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="积分商城"
+                android:textColor="@android:color/black"
+                android:textSize="15sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginLeft="10dp"
+                android:layout_marginRight="10dp"
+                android:src="@mipmap/topmenu_icn_member" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="付费音乐包"
+                android:textColor="@android:color/black"
+                android:textSize="15sp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginLeft="10dp"
+                android:layout_marginRight="10dp"
+                android:src="@mipmap/topmenu_icn_free" />
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="在线听歌免流量"
+                android:textColor="@android:color/black"
+                android:textSize="15sp" />
+        </LinearLayout>
+    </LinearLayout>
+</android.support.v4.widget.DrawerLayout>
diff --git a/src/main/res/layout/activity_main.xml b/src/main/res/layout/activity_main.xml
@@ -50,4 +50,10 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:text="Simple Navigation Drawer" />
+
+    <Button
+        android:id="@+id/btn_cloud_music"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="NavigationDrawer（网易云音乐）" />
 </LinearLayout>
diff --git a/src/main/res/layout/activity_simple_navigation_drawer.xml b/src/main/res/layout/activity_simple_navigation_drawer.xml
@@ -4,20 +4,18 @@
     android:id="@+id/drawer"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/color_cd3e3a">
+    android:fitsSystemWindows="true">
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="@color/color_cd3e3a"
         android:orientation="vertical">
 
         <TextView
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:gravity="center"
-            android:text="NavigationDrawerContent"
-            android:textColor="@android:color/white" />
+            android:text="NavigationDrawerContent" />
     </LinearLayout>
 
     <android.support.design.widget.NavigationView
@@ -27,6 +25,7 @@
         android:layout_gravity="start"
         android:fitsSystemWindows="true"
         app:headerLayout="@layout/navigation_drawer_header"
+        app:insetForeground="@android:color/transparent"
         app:menu="@menu/navigation_drawer_menu" />
 
 </android.support.v4.widget.DrawerLayout>
diff --git a/src/main/res/mipmap-xhdpi/topinfo_ban_bg.png b/src/main/res/mipmap-xhdpi/topinfo_ban_bg.png
diff --git a/src/main/res/mipmap-xhdpi/topmenu_icn_free.png b/src/main/res/mipmap-xhdpi/topmenu_icn_free.png
diff --git a/src/main/res/mipmap-xhdpi/topmenu_icn_member.png b/src/main/res/mipmap-xhdpi/topmenu_icn_member.png
diff --git a/src/main/res/mipmap-xhdpi/topmenu_icn_msg.png b/src/main/res/mipmap-xhdpi/topmenu_icn_msg.png
diff --git a/src/main/res/mipmap-xhdpi/topmenu_icn_store.png b/src/main/res/mipmap-xhdpi/topmenu_icn_store.png