修改分享框界面,适配点击操作

This commit is contained in:
tongchenfei
2020-05-19 17:19:58 +08:00
parent d18ec5e1f2
commit eacfde25e4
30 changed files with 223 additions and 198 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

View File

@@ -1,5 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/dp_20" />
<solid android:color="@color/color_545362"/>
<corners android:radius="@dimen/dp_30" />
<gradient
android:angle="-45"
android:startColor="#3F4057"
android:endColor="#2A2B38" />
</shape>

View File

@@ -31,25 +31,138 @@
app:layout_constraintStart_toStartOf="@+id/vBg"
app:layout_constraintTop_toTopOf="@+id/vBg" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rvShareBtnContainer"
android:layout_marginTop="@dimen/dp_64"
android:layout_width="0dp"
android:layout_height="@dimen/dp_235"
app:layout_constraintRight_toRightOf="@+id/vBg"
app:layout_constraintTop_toBottomOf="@+id/btn_share_title"
app:layout_constraintLeft_toLeftOf="@+id/vBg"/>
<TextView
android:id="@+id/tvBlock"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="可以对小智说:上报拥堵、上报交通检查、上报封路、发起求助"
android:textColor="@color/white_40"
android:textSize="@dimen/share_module_bottom_size"
android:textStyle="bold"
android:layout_marginTop="@dimen/dp_55"
app:layout_constraintEnd_toEndOf="@+id/vBg"
app:layout_constraintStart_toStartOf="@+id/vBg"
app:layout_constraintTop_toBottomOf="@+id/rvShareBtnContainer" />
android:drawableTop="@drawable/share_block_up"
android:text="拥堵"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
app:layout_constraintHorizontal_chainStyle="spread_inside"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/btn_share_title"
app:layout_constraintRight_toLeftOf="@+id/tvTrafficCheck"
app:layout_constraintLeft_toLeftOf="@+id/vBg"
android:layout_marginStart="@dimen/dp_116"
android:layout_marginTop="@dimen/dp_78"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvTrafficCheck"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_traffic_check"
android:text="交通检查"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
android:gravity="center"
app:layout_constraintTop_toTopOf="@+id/tvBlock"
app:layout_constraintLeft_toRightOf="@id/tvBlock"
app:layout_constraintRight_toLeftOf="@+id/tvClosure"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvClosure"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_road_closure"
android:text="封路"
android:textSize="@dimen/dp_32"
app:layout_constraintTop_toTopOf="@+id/tvBlock"
app:layout_constraintLeft_toRightOf="@+id/tvTrafficCheck"
app:layout_constraintRight_toLeftOf="@+id/tvAccident"
android:textColor="#fff"
android:gravity="center"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvAccident"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_accident"
android:text="事故"
android:textSize="@dimen/dp_32"
app:layout_constraintTop_toTopOf="@+id/tvBlock"
app:layout_constraintLeft_toRightOf="@+id/tvClosure"
app:layout_constraintRight_toLeftOf="@+id/tvConstruction"
android:textColor="#fff"
android:gravity="center"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvConstruction"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_road_construction"
android:text="施工"
android:textSize="@dimen/dp_32"
app:layout_constraintTop_toTopOf="@+id/tvBlock"
app:layout_constraintLeft_toRightOf="@+id/tvAccident"
app:layout_constraintRight_toRightOf="@+id/vBg"
android:layout_marginEnd="@dimen/dp_116"
android:textColor="#fff"
android:gravity="center"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvRealTimeTraffic"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_real_time_traffic"
android:text="实时路况"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/tvBlock"
app:layout_constraintLeft_toLeftOf="@+id/tvBlock"
android:layout_marginTop="@dimen/dp_62"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvSeekHelp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_seek_help"
android:text="故障求助"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/tvTrafficCheck"
app:layout_constraintLeft_toLeftOf="@+id/tvTrafficCheck"
android:layout_marginTop="@dimen/dp_62"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvStagnantWater"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_stagnant_water"
android:text="道路积水"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
android:gravity="center"
app:layout_constraintTop_toBottomOf="@+id/tvClosure"
app:layout_constraintLeft_toLeftOf="@+id/tvClosure"
android:layout_marginTop="@dimen/dp_62"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvRoadIcy"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_road_icy"
android:text="道路积冰"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
app:layout_constraintTop_toBottomOf="@+id/tvAccident"
app:layout_constraintLeft_toLeftOf="@+id/tvAccident"
android:layout_marginTop="@dimen/dp_62"
android:gravity="center"
android:drawablePadding="@dimen/dp_30" />
<TextView
android:id="@+id/tvDenseFog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/share_dense_fog"
android:text="浓雾"
android:textSize="@dimen/dp_32"
android:textColor="#fff"
app:layout_constraintTop_toBottomOf="@+id/tvConstruction"
app:layout_constraintLeft_toLeftOf="@+id/tvConstruction"
android:layout_marginTop="@dimen/dp_62"
android:gravity="center"
android:drawablePadding="@dimen/dp_30" />
</androidx.constraintlayout.widget.ConstraintLayout>

View File

@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="share_module_width">693px</dimen>
<dimen name="share_module_height">320px</dimen>
<dimen name="share_module_width">776px</dimen>
<dimen name="share_module_height">428px</dimen>
<dimen name="share_module_margin_top">34px</dimen>
<dimen name="share_module_title_margin_top">43px</dimen>
<dimen name="share_module_first_margin_left">100px</dimen>

View File

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="share_module_width">1300px</dimen>
<dimen name="share_module_height">600px</dimen>
<dimen name="share_module_width">1464px</dimen>
<dimen name="share_module_height">808px</dimen>
<dimen name="share_module_margin_top">64px</dimen>
<dimen name="share_module_title_margin_top">80px</dimen>
<dimen name="share_module_first_margin_left">200px</dimen>