diff --git a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/V2XWarningView.kt b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/V2XWarningView.kt
index 8ceca5e6fe..52e42c7373 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/V2XWarningView.kt
+++ b/core/function-impl/mogo-core-function-hmi/src/main/java/com/mogo/eagle/core/function/hmi/ui/widget/V2XWarningView.kt
@@ -2,6 +2,7 @@ package com.mogo.eagle.core.function.hmi.ui.widget
 
 import android.content.Context
 import android.util.AttributeSet
+import android.util.Log
 import android.view.LayoutInflater
 import android.view.View
 import android.widget.RelativeLayout
@@ -18,9 +19,9 @@ import kotlinx.android.synthetic.main.module_hmi_warning_v2x.view.*
  *@date          2021/9/10 7:44 下午
  */
 class V2XWarningView @JvmOverloads constructor(
-    context: Context,
-    attrs: AttributeSet? = null,
-    defStyleAttr: Int = 0
+        context: Context,
+        attrs: AttributeSet? = null,
+        defStyleAttr: Int = 0
 ) : RelativeLayout(context, attrs, defStyleAttr) {
 
     companion object {
@@ -60,67 +61,107 @@ class V2XWarningView @JvmOverloads constructor(
                 removeCallbacks(closeWarningTask)
                 postDelayed(closeWarningTask, closeTime)
             }
-            when (direction) {
+            when (ALERT_WARNING_TOP_RIGHT) {
                 ALERT_WARNING_NON -> {
                     removeCallbacks(closeWarningTask)
                     hmiWarningTopImg.visibility = View.GONE
                     hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_TOP -> {
                     hmiWarningTopImg.visibility = View.VISIBLE
                     hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_RIGHT -> {
                     hmiWarningTopImg.visibility = View.GONE
                     hmiWarningRightImg.visibility = View.VISIBLE
                     hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_BOTTOM -> {
                     hmiWarningTopImg.visibility = View.GONE
                     hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.VISIBLE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_LEFT -> {
                     hmiWarningTopImg.visibility = View.GONE
                     hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.VISIBLE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_TOP_RIGHT -> {
-                    hmiWarningTopImg.visibility = View.VISIBLE
-                    hmiWarningRightImg.visibility = View.VISIBLE
+                    hmiWarningTopImg.visibility = View.GONE
+                    hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.VISIBLE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_BOTTOM_RIGHT -> {
                     hmiWarningTopImg.visibility = View.GONE
-                    hmiWarningRightImg.visibility = View.VISIBLE
-                    hmiWarningBottomImg.visibility = View.VISIBLE
+                    hmiWarningRightImg.visibility = View.GONE
+                    hmiWarningBottomImg.visibility = View.GONE
                     hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.VISIBLE
+                    hmiWarningRightBottomImg.visibility = View.VISIBLE
                 }
                 ALERT_WARNING_BOTTOM_LEFT -> {
                     hmiWarningTopImg.visibility = View.GONE
                     hmiWarningRightImg.visibility = View.GONE
-                    hmiWarningBottomImg.visibility = View.VISIBLE
-                    hmiWarningLeftImg.visibility = View.VISIBLE
+                    hmiWarningBottomImg.visibility = View.GONE
+                    hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.GONE
+                    hmiWarningLeftBottomImg.visibility = View.VISIBLE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_TOP_LEFT -> {
                     hmiWarningTopImg.visibility = View.VISIBLE
                     hmiWarningRightImg.visibility = View.GONE
                     hmiWarningBottomImg.visibility = View.GONE
-                    hmiWarningLeftImg.visibility = View.VISIBLE
+                    hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.VISIBLE
+                    hmiWarningLeftBottomImg.visibility = View.GONE
+                    hmiWarningRightTopImg.visibility = View.GONE
+                    hmiWarningRightBottomImg.visibility = View.GONE
                 }
                 ALERT_WARNING_ALL -> {
-                    hmiWarningTopImg.visibility = View.VISIBLE
-                    hmiWarningRightImg.visibility = View.VISIBLE
-                    hmiWarningBottomImg.visibility = View.VISIBLE
-                    hmiWarningLeftImg.visibility = View.VISIBLE
+                    hmiWarningTopImg.visibility = View.GONE
+                    hmiWarningRightImg.visibility = View.GONE
+                    hmiWarningBottomImg.visibility = View.GONE
+                    hmiWarningLeftImg.visibility = View.GONE
+                    hmiWarningLeftTopImg.visibility = View.VISIBLE
+                    hmiWarningLeftBottomImg.visibility = View.VISIBLE
+                    hmiWarningRightTopImg.visibility = View.VISIBLE
+                    hmiWarningRightBottomImg.visibility = View.VISIBLE
                 }
             }
         }
@@ -145,26 +186,22 @@ class V2XWarningView @JvmOverloads constructor(
                 hmiWarningLeftImg.visibility = View.GONE
             }
             ALERT_WARNING_TOP_RIGHT -> {
-                hmiWarningTopImg.visibility = View.GONE
-                hmiWarningRightImg.visibility = View.GONE
+                hmiWarningRightTopImg.visibility = View.GONE
             }
             ALERT_WARNING_BOTTOM_RIGHT -> {
-                hmiWarningRightImg.visibility = View.GONE
-                hmiWarningBottomImg.visibility = View.GONE
+                hmiWarningRightBottomImg.visibility = View.GONE
             }
             ALERT_WARNING_BOTTOM_LEFT -> {
-                hmiWarningBottomImg.visibility = View.GONE
-                hmiWarningLeftImg.visibility = View.GONE
+                hmiWarningLeftBottomImg.visibility = View.GONE
             }
             ALERT_WARNING_TOP_LEFT -> {
-                hmiWarningTopImg.visibility = View.GONE
-                hmiWarningLeftImg.visibility = View.GONE
+                hmiWarningLeftTopImg.visibility = View.GONE
             }
             ALERT_WARNING_ALL -> {
-                hmiWarningTopImg.visibility = View.GONE
-                hmiWarningRightImg.visibility = View.GONE
-                hmiWarningBottomImg.visibility = View.GONE
-                hmiWarningLeftImg.visibility = View.GONE
+                hmiWarningLeftTopImg.visibility = View.GONE
+                hmiWarningLeftBottomImg.visibility = View.GONE
+                hmiWarningRightTopImg.visibility = View.GONE
+                hmiWarningRightBottomImg.visibility = View.GONE
             }
             else -> {
                 CallerLogger.d("$M_HMI$TAG", "Not Support Direction")
diff --git a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/module_hmi_warning_v2x.xml b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/module_hmi_warning_v2x.xml
index 0c1a3e25ea..ee46c71e06 100644
--- a/core/function-impl/mogo-core-function-hmi/src/main/res/layout/module_hmi_warning_v2x.xml
+++ b/core/function-impl/mogo-core-function-hmi/src/main/res/layout/module_hmi_warning_v2x.xml
@@ -4,22 +4,43 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <!--四个方向，碰撞预警-->
+    <!--上方-->
     <ImageView
         android:id="@+id/hmiWarningTopImg"
         android:layout_width="match_parent"
         android:layout_height="@dimen/dp_290"
         android:background="@drawable/module_hmi_warning_bkg_top"
         android:visibility="gone"
-        tools:visibility="visible" />
+        tools:visibility="invisible" />
 
+    <!--左方-->
     <ImageView
         android:id="@+id/hmiWarningLeftImg"
         android:layout_width="@dimen/dp_290"
         android:layout_height="match_parent"
         android:background="@drawable/module_hmi_warning_bkg_left"
         android:visibility="gone"
-        tools:visibility="visible" />
+        tools:visibility="invisible" />
 
+    <!--左上角-->
+    <ImageView
+        android:id="@+id/hmiWarningLeftTopImg"
+        android:layout_width="@dimen/dp_730"
+        android:layout_height="match_parent"
+        android:background="@drawable/module_hmi_warning_bkg_left_top"
+        android:visibility="gone"
+        tools:visibility="invisible" />
+
+    <!--左下角-->
+    <ImageView
+        android:id="@+id/hmiWarningLeftBottomImg"
+        android:layout_width="@dimen/dp_730"
+        android:layout_height="match_parent"
+        android:background="@drawable/module_hmi_warning_bkg_left_top"
+        android:visibility="gone"
+        tools:visibility="invisible" />
+
+    <!--右方-->
     <ImageView
         android:id="@+id/hmiWarningRightImg"
         android:layout_width="@dimen/dp_290"
@@ -27,8 +48,29 @@
         android:layout_gravity="end"
         android:background="@drawable/module_hmi_warning_bkg_right"
         android:visibility="gone"
-        tools:visibility="visible" />
+        tools:visibility="invisible" />
 
+    <!--右上角-->
+    <ImageView
+        android:id="@+id/hmiWarningRightTopImg"
+        android:layout_width="@dimen/dp_730"
+        android:layout_height="match_parent"
+        android:layout_gravity="end"
+        android:background="@drawable/module_hmi_warning_bkg_right_top"
+        android:visibility="gone"
+        tools:visibility="invisible" />
+
+    <!--右下角-->
+    <ImageView
+        android:id="@+id/hmiWarningRightBottomImg"
+        android:layout_width="@dimen/dp_730"
+        android:layout_height="match_parent"
+        android:layout_gravity="end"
+        android:background="@drawable/module_hmi_warning_bkg_right_bottom"
+        android:visibility="gone"
+        tools:visibility="invisible" />
+
+    <!--下方-->
     <ImageView
         android:id="@+id/hmiWarningBottomImg"
         android:layout_width="match_parent"
@@ -36,5 +78,5 @@
         android:layout_gravity="bottom"
         android:background="@drawable/module_hmi_warning_bkg_bottom"
         android:visibility="gone"
-        tools:visibility="visible" />
+        tools:visibility="invisible" />
 </FrameLayout>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_bottom.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_bottom.xml
index 74097c2465..bf08199996 100644
--- a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_bottom.xml
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_bottom.xml
@@ -3,6 +3,6 @@
     <gradient
         android:angle="90"
         android:endColor="#00F03232"
-        android:startColor="#66FF0808"
-        android:type="linear"/>
+        android:startColor="@color/module_hmi_warning_bg_color"
+        android:type="linear" />
 </shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left.xml
index a9b438c963..aa8f02910c 100644
--- a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left.xml
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left.xml
@@ -3,6 +3,6 @@
     <gradient
         android:angle="0"
         android:endColor="#00F03232"
-        android:startColor="#66FF0808"
+        android:startColor="@color/module_hmi_warning_bg_color"
         android:type="linear"/>
 </shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_bottom.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_bottom.xml
new file mode 100644
index 0000000000..1edc95bf47
--- /dev/null
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_bottom.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="45"
+        android:endColor="#00F03232"
+        android:startColor="@color/module_hmi_warning_bg_color"
+        android:type="linear"/>
+</shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_top.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_top.xml
new file mode 100644
index 0000000000..1cf7b8045d
--- /dev/null
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_left_top.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="135"
+        android:endColor="@color/module_hmi_warning_bg_color"
+        android:startColor="#00F03232"
+        android:type="linear"/>
+</shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right.xml
index 1a6e8c89b3..96d008ba4f 100644
--- a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right.xml
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right.xml
@@ -3,6 +3,6 @@
     <gradient
         android:angle="180"
         android:endColor="#00F03232"
-        android:startColor="#66FF0808"
+        android:startColor="@color/module_hmi_warning_bg_color"
         android:type="linear"/>
 </shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_bottom.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_bottom.xml
new file mode 100644
index 0000000000..4524166cb2
--- /dev/null
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_bottom.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="135"
+        android:endColor="#00F03232"
+        android:startColor="@color/module_hmi_warning_bg_color"
+        android:type="linear"/>
+</shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_top.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_top.xml
new file mode 100644
index 0000000000..cd4f977de2
--- /dev/null
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_right_top.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="225"
+        android:endColor="#00F03232"
+        android:startColor="@color/module_hmi_warning_bg_color"
+        android:type="linear"/>
+</shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_top.xml b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_top.xml
index 1188f9c6d0..4225002fff 100644
--- a/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_top.xml
+++ b/core/mogo-core-res/src/main/function-hmi-res/drawable/module_hmi_warning_bkg_top.xml
@@ -3,6 +3,6 @@
     <gradient
         android:angle="270"
         android:endColor="#00FF0606"
-        android:startColor="#66FF0808"
+        android:startColor="@color/module_hmi_warning_bg_color"
         android:type="linear"/>
 </shape>
\ No newline at end of file
diff --git a/core/mogo-core-res/src/main/res/values/color.xml b/core/mogo-core-res/src/main/res/values/color.xml
index b2c628bf52..2c85694472 100644
--- a/core/mogo-core-res/src/main/res/values/color.xml
+++ b/core/mogo-core-res/src/main/res/values/color.xml
@@ -6,5 +6,7 @@
     <color name="module_switch_map_bg">#323C6F</color>
 
     <color name="module_ext_color_voice_text">#FFFFFF</color>
+    <color name="module_hmi_warning_bg_color">#8C7F2503</color>
+
 
 </resources>
\ No newline at end of file