yutou/pandorapan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

红包打开创建领取的样式逻辑构建

Browse Source
This commit is contained in:
18401019693
2023-06-29 10:15:24 +08:00
parent 279575d80b
commit 40455fffc9
17 changed files with 598 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
live/src/main/res/drawable/background_open_red_packet.xml Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="320dp" />
<stroke
android:width="3dp"
android:color="#FBD16C" />
<solid android:color="#FD2D48" />
</shape>

5
live/src/main/res/drawable/background_red_packet_list.xml Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="23dp" />
<solid android:color="#40FFC0D5" />
</shape>

5
live/src/main/res/drawable/background_send_red_packet_illustrate.xml Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="16dp" />
<solid android:color="#cc000000" />
</shape>

2
live/src/main/res/layout/view_live_room.xml
View File

@@ -746,7 +746,7 @@
android:translationX="-48dp" />
</FrameLayout>
<!--接收-->
<FrameLayout
android:id="@+id/ft_hot_add"
android:layout_width="81dp"

126
live/src/main/res/layout/view_receive_red_packet.xml Normal file
View File

@@ -0,0 +1,126 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/background_red_packet"
android:animateLayoutChanges="true"
android:backgroundTintMode="src_over">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="171dp"
android:background="@mipmap/icon_ellipse" />
<!--头像-->
<com.yunbao.common.views.weight.ClipPathCircleImage
android:id="@+id/head_portrait"
android:layout_width="59dp"
android:layout_height="59dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="40dp"
android:src="@mipmap/hide" />
<TextView
android:id="@+id/receive_red"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/head_portrait"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:text="來自小PD的獎勵，齊心協力連成目標"
android:textColor="@color/white"
android:textSize="14sp"
android:textStyle="bold" />
<LinearLayout
android:id="@+id/red_packet_value_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/receive_red"
android:layout_centerHorizontal="true"
android:layout_marginTop="6dp"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/red_packet_value"
android:textColor="@color/white"
android:textSize="12sp" />
<ImageView
android:layout_width="16dp"
android:layout_height="14dp"
android:layout_marginStart="15dp"
android:src="@mipmap/icon_zhuansi" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="10dp"
android:text="13160"
android:textColor="@color/white"
android:textSize="12sp" />
</LinearLayout>
<Button
android:id="@+id/red_packet_open"
android:layout_width="96dp"
android:layout_height="96dp"
android:layout_below="@+id/red_packet_value_layout"
android:layout_centerHorizontal="true"
android:layout_marginTop="12dp"
android:background="@drawable/background_open_red_packet"
android:text="@string/red_packet_open"
android:textColor="#FFE9BF"
android:textSize="36sp"
android:textStyle="bold"
android:visibility="invisible" />
<FrameLayout
android:id="@+id/red_packet_time_layout"
android:layout_width="96dp"
android:layout_height="96dp"
android:layout_below="@+id/red_packet_value_layout"
android:layout_centerHorizontal="true"
android:layout_marginTop="12dp">
<com.yunbao.common.views.weight.CircleProgress
android:id="@+id/circleProgress"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<TextView
android:id="@+id/red_packet_time_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="0"
android:textColor="#FFFFF9"
android:textSize="36sp"
android:textStyle="bold" />
</FrameLayout>
<LinearLayout
android:id="@+id/red_packet_list"
android:layout_width="260dp"
android:layout_height="45dp"
android:layout_below="@id/red_packet_open"
android:layout_centerHorizontal="true"
android:layout_marginTop="26dp"
android:background="@drawable/background_red_packet_list"
android:orientation="horizontal">
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/red_packet_list"
android:layout_centerHorizontal="true"
android:layout_marginTop="27dp"
android:text="@string/randomly_available"
android:textColor="@color/white"
android:textSize="12sp" />
</RelativeLayout>

69
live/src/main/res/layout/view_result_red_packet.xml Normal file
View File

@@ -0,0 +1,69 @@
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:animateLayoutChanges="true"
android:background="@mipmap/background_red_packet"
android:backgroundTintMode="src_over">
<ImageView
android:id="@+id/illustrate_close"
android:layout_width="19dp"
android:layout_height="19dp"
android:layout_gravity="end"
android:layout_margin="25dp"
android:src="@mipmap/meiyan_icon_close" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="58dp"
android:gravity="center_horizontal"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/congratulations_on_getting_the_red_envelope"
android:textColor="@color/white"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="34dp"
android:text="@string/cred_envelope_obtained"
android:textColor="@color/white"
android:textSize="14sp" />
<ImageView
android:layout_width="75dp"
android:layout_height="75dp"
android:layout_marginTop="13dp"
android:src="@mipmap/hide" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:text="@string/view_lucky_viewers"
android:textColor="@color/white"
android:textSize="12sp" />
<Button
android:id="@+id/anchor_his_heart"
android:layout_width="205dp"
android:layout_height="45dp"
android:layout_gravity="center_horizontal|bottom"
android:layout_marginTop="25dp"
android:layout_marginBottom="34dp"
android:background="@drawable/background_send_red_packet"
android:gravity="center"
android:text="@string/anchor_his_heart"
android:textColor="#8F3B00"
android:textSize="16sp"
android:textStyle="bold" />
</LinearLayout>
</FrameLayout>

113
live/src/main/res/layout/view_send_red_packet.xml
View File

@@ -3,6 +3,7 @@
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:animateLayoutChanges="true"
android:background="@mipmap/background_red_packet"
android:backgroundTintMode="src_over">
@@ -18,6 +19,7 @@
android:textStyle="bold" />
<ImageView
android:id="@+id/icon_instructions"
android:layout_width="19dp"
android:layout_height="19dp"
android:layout_gravity="end"
@@ -146,7 +148,7 @@
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginStart="22dp"
android:layout_marginStart="15dp"
android:layout_marginEnd="49dp">
<Button
@@ -197,23 +199,126 @@
android:textSize="12sp" />
</FrameLayout>
<Button
<TextView
android:layout_width="160dp"
android:layout_height="40dp"
android:layout_gravity="center_horizontal|bottom"
android:layout_marginBottom="34dp"
android:background="@drawable/background_send_red_packet"
android:gravity="center"
android:text="@string/red_pack_6"
android:textColor="#8F3B00"
android:textSize="16sp"
android:textStyle="bold" />
<TextView
android:id="@+id/top_up_now"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|bottom"
android:layout_marginBottom="13dp"
android:textSize="12sp"
android:text="@string/top_up_now"
android:textColor="@color/white"
android:text="@string/top_up_now" />
android:textSize="12sp" />
<FrameLayout
android:id="@+id/red_packet_illustrate"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background_send_red_packet_illustrate"
android:clickable="true"
android:focusable="true"
android:visibility="gone">
<!--结果-->
<LinearLayout
android:layout_width="245dp"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:layout_marginTop="25dp"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate1"
android:textColor="@color/white"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate2"
android:textColor="@color/white"
android:textSize="11sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:text="@string/send_red_packet_illustrate3"
android:textColor="@color/white"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate4"
android:textColor="@color/white"
android:textSize="11sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:text="@string/send_red_packet_illustrate5"
android:textColor="@color/white"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate6"
android:textColor="@color/white"
android:textSize="11sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:text="@string/send_red_packet_illustrate7"
android:textColor="@color/white"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate8"
android:textColor="@color/white"
android:textSize="11sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:text="@string/send_red_packet_illustrate9"
android:textColor="@color/white"
android:textSize="12sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/send_red_packet_illustrate10"
android:textColor="@color/white"
android:textSize="11sp" />
</LinearLayout>
<ImageView
android:id="@+id/illustrate_close"
android:layout_width="19dp"
android:layout_height="19dp"
android:layout_gravity="end"
android:layout_margin="12dp"
android:src="@mipmap/meiyan_icon_close" />
</FrameLayout>
</FrameLayout>

BIN
live/src/main/res/mipmap-xhdpi/icon_ellipse.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
live/src/main/res/mipmap-xxxhdpi/icon_ellipse.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB