From 6257b7f79a6e9f6f1a80910995647540344a7547 Mon Sep 17 00:00:00 2001
From: lixiaopeng <lixiaopeng@zhidaoauto.com>
Date: Tue, 29 Dec 2020 18:04:31 +0800
Subject: [PATCH] opt ui

---
 .../res/drawable/module_media_circle_bg.xml   |  9 +++
 ...le_media_music_window_alert_layout_new.xml | 56 ++++++++++++-------
 2 files changed, 44 insertions(+), 21 deletions(-)
 create mode 100644 modules/mogo-module-media/src/main/res/drawable/module_media_circle_bg.xml

diff --git a/modules/mogo-module-media/src/main/res/drawable/module_media_circle_bg.xml b/modules/mogo-module-media/src/main/res/drawable/module_media_circle_bg.xml
new file mode 100644
index 0000000000..4f0286a260
--- /dev/null
+++ b/modules/mogo-module-media/src/main/res/drawable/module_media_circle_bg.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval"
+    android:useLevel="false">
+    <solid android:color="#000000" />
+    <size
+        android:width="@dimen/module_media_pop_window_anim_img_size_new"
+        android:height="@dimen/module_media_pop_window_anim_img_size_new" />
+</shape>
diff --git a/modules/mogo-module-media/src/main/res/layout/module_media_music_window_alert_layout_new.xml b/modules/mogo-module-media/src/main/res/layout/module_media_music_window_alert_layout_new.xml
index 2469ea2ba7..9002881140 100644
--- a/modules/mogo-module-media/src/main/res/layout/module_media_music_window_alert_layout_new.xml
+++ b/modules/mogo-module-media/src/main/res/layout/module_media_music_window_alert_layout_new.xml
@@ -7,45 +7,59 @@
 
     <com.mogo.module.media.widget.CircleNumberProgress
         android:id="@+id/window_circle_bg"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:circleBackground="@color/modules_media_music_bg_color"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:circleBackground="@color/modules_media_music_bg_color"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent" />
-<!--    app:ringColor="@color/modules_media_music_circle_color"-->
+        app:layout_constraintTop_toTopOf="parent" />
+    <!--    app:ringColor="@color/modules_media_music_circle_color"-->
 
-<!--    <com.mogo.module.media.widget.PercentageRingView-->
-<!--        android:id="@+id/window_circle_bg"-->
-<!--        app:layout_constraintBottom_toBottomOf="parent"-->
-<!--        app:layout_constraintLeft_toLeftOf="parent"-->
-<!--        app:layout_constraintTop_toTopOf="parent"-->
-<!--        app:layout_constraintRight_toRightOf="parent"-->
-<!--        android:layout_width="match_parent"-->
-<!--        android:layout_height="match_parent" />-->
+    <!--    <com.mogo.module.media.widget.PercentageRingView-->
+    <!--        android:id="@+id/window_circle_bg"-->
+    <!--        app:layout_constraintBottom_toBottomOf="parent"-->
+    <!--        app:layout_constraintLeft_toLeftOf="parent"-->
+    <!--        app:layout_constraintTop_toTopOf="parent"-->
+    <!--        app:layout_constraintRight_toRightOf="parent"-->
+    <!--        android:layout_width="match_parent"-->
+    <!--        android:layout_height="match_parent" />-->
 
     <com.mogo.module.media.widget.AnimCircleImageView
         android:id="@+id/window_circle_img_new"
         android:layout_width="@dimen/module_media_pop_window_anim_img_size_new"
         android:layout_height="@dimen/module_media_pop_window_anim_img_size_new"
-        android:src="@drawable/module_media_default_music_img_new"
         android:scaleType="fitCenter"
+        android:src="@drawable/module_media_default_music_img_new"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />
 
-    <ImageView
-        android:id="@+id/window_play_pause_new"
-        android:layout_width="@dimen/module_media_pop_window_pause"
-        android:layout_height="@dimen/module_media_pop_window_pause"
-        android:background="@drawable/module_media_play_bg_selector"
-        android:src="@drawable/module_media_window_pop_play_new"
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent">
+
+        <ImageView
+            android:id="@+id/window_obscuration"
+            android:layout_width="@dimen/module_media_pop_window_anim_img_size_new"
+            android:layout_height="@dimen/module_media_pop_window_anim_img_size_new"
+            android:layout_gravity="center_vertical|center_horizontal"
+            android:alpha="0.5"
+            android:background="@drawable/module_media_circle_bg" />
+
+        <ImageView
+            android:id="@+id/window_play_pause_new"
+            android:layout_width="@dimen/module_media_pop_window_pause"
+            android:layout_height="@dimen/module_media_pop_window_pause"
+            android:layout_gravity="center_vertical|center_horizontal"
+            android:background="@drawable/module_media_play_bg_selector"
+            android:src="@drawable/module_media_window_pop_play_new" />
+    </FrameLayout>
 </androidx.constraintlayout.widget.ConstraintLayout>