feat(chat-ui): 채팅 쿼터 부족 안내 리소스를 광고 구매 UI로 바꾼다

This commit is contained in:
2026-04-30 12:47:44 +09:00
parent 17fc70d9ee
commit 723fe6b90c
4 changed files with 144 additions and 61 deletions

View File

@@ -1,51 +1,62 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="vertical" android:orientation="vertical"
android:paddingVertical="20dp"> android:paddingVertical="20dp">
<LinearLayout <LinearLayout
android:id="@+id/ll_rewarded_ad"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="120dp" android:layout_height="wrap_content"
android:background="@drawable/bg_chat_notice_quota" android:background="@drawable/bg_chat_quota_rewarded_ad_button"
android:gravity="center" android:gravity="center"
android:orientation="vertical"> android:orientation="horizontal"
android:paddingVertical="12dp">
<ImageView
android:id="@+id/iv_icon"
android:layout_width="30dp"
android:layout_height="30dp"
android:contentDescription="@null"
android:src="@drawable/ic_time" />
<TextView
android:id="@+id/tv_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:fontFamily="@font/bold"
android:textColor="@color/white"
android:textSize="18sp"
tools:text="--:--:--" />
<TextView <TextView
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:fontFamily="@font/bold" android:fontFamily="@font/bold"
android:text="@string/chat_quota_notice_message" android:includeFontPadding="false"
android:textColor="@color/white" android:text="@string/chat_quota_rewarded_ad_label"
android:textColor="@color/color_37474f"
android:textSize="24sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="4dp"
android:fontFamily="@font/medium"
android:includeFontPadding="false"
android:text="@string/chat_quota_separator"
android:textColor="@color/color_37474f"
android:textSize="18sp" /> android:textSize="18sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/medium"
android:includeFontPadding="false"
android:text="@string/chat_quota_rewarded_ad_chat_count"
android:textColor="@color/color_37474f"
android:textSize="18sp" />
</LinearLayout> </LinearLayout>
<LinearLayout <LinearLayout
android:id="@+id/ll_purchase"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="10dp" android:layout_marginTop="10dp"
android:baselineAligned="false"
android:gravity="center"
android:orientation="horizontal">
<LinearLayout
android:id="@+id/ll_purchase_10_can"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginEnd="4dp"
android:layout_weight="1"
android:background="@drawable/bg_buy_button" android:background="@drawable/bg_buy_button"
android:gravity="center" android:gravity="center"
android:orientation="horizontal" android:orientation="horizontal"
@@ -63,19 +74,76 @@
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:fontFamily="@font/bold" android:fontFamily="@font/bold"
android:includeFontPadding="false" android:includeFontPadding="false"
android:text="@string/chat_quota_price" android:text="@string/chat_quota_10_can"
android:textColor="#263238" android:textColor="@color/color_37474f"
android:textSize="24sp" /> android:textSize="24sp" />
<TextView <TextView
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="4dp" android:layout_marginHorizontal="4dp"
android:fontFamily="@font/bold" android:fontFamily="@font/medium"
android:includeFontPadding="false" android:includeFontPadding="false"
android:text="@string/chat_quota_purchase_cta" android:text="@string/chat_quota_separator"
android:textColor="#263238" android:textColor="@color/color_37474f"
android:textSize="18sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/medium"
android:includeFontPadding="false"
android:text="@string/chat_quota_10_can_chat_count"
android:textColor="@color/color_37474f"
android:textSize="18sp" /> android:textSize="18sp" />
</LinearLayout> </LinearLayout>
<LinearLayout
android:id="@+id/ll_purchase_20_can"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="4dp"
android:layout_weight="1"
android:background="@drawable/bg_buy_button"
android:gravity="center"
android:orientation="horizontal"
android:paddingVertical="12dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="4dp"
android:contentDescription="@null"
android:src="@drawable/ic_can" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/bold"
android:includeFontPadding="false"
android:text="@string/chat_quota_20_can"
android:textColor="@color/color_37474f"
android:textSize="24sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginHorizontal="4dp"
android:fontFamily="@font/medium"
android:includeFontPadding="false"
android:text="@string/chat_quota_separator"
android:textColor="@color/color_37474f"
android:textSize="18sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/medium"
android:includeFontPadding="false"
android:text="@string/chat_quota_20_can_chat_count"
android:textColor="@color/color_37474f"
android:textSize="18sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout> </LinearLayout>

View File

@@ -56,9 +56,14 @@
<string name="chat_background_picker_title">Select background image</string> <string name="chat_background_picker_title">Select background image</string>
<string name="chat_background_current_label">Current</string> <string name="chat_background_current_label">Current</string>
<string name="chat_unlock_image_hint">Tap to unlock</string> <string name="chat_unlock_image_hint">Tap to unlock</string>
<string name="chat_quota_notice_message">Free access will be available if you wait.</string> <string name="chat_quota_rewarded_ad_label">Ad</string>
<string name="chat_quota_price">10</string> <string name="chat_quota_rewarded_ad_chat_count">5 chats</string>
<string name="chat_quota_purchase_cta">(12 chats) Start chatting now</string> <string name="chat_quota_10_can">10</string>
<string name="chat_quota_10_can_chat_count">15 chats</string>
<string name="chat_quota_20_can">20</string>
<string name="chat_quota_20_can_chat_count">40 chats</string>
<string name="chat_quota_separator">/</string>
<string name="chat_quota_rewarded_ad_unavailable">Unable to load the ad.</string>
<string name="chat_more_title">Chat settings</string> <string name="chat_more_title">Chat settings</string>
<string name="chat_more_background_label">Background image</string> <string name="chat_more_background_label">Background image</string>
<string name="chat_more_background_change">Change background image</string> <string name="chat_more_background_change">Change background image</string>

View File

@@ -56,9 +56,14 @@
<string name="chat_background_picker_title">背景画像を選択</string> <string name="chat_background_picker_title">背景画像を選択</string>
<string name="chat_background_current_label">現在の背景</string> <string name="chat_background_current_label">現在の背景</string>
<string name="chat_unlock_image_hint">タップしてアンロック</string> <string name="chat_unlock_image_hint">タップしてアンロック</string>
<string name="chat_quota_notice_message">待てば無料で利用できます。</string> <string name="chat_quota_rewarded_ad_label">広告</string>
<string name="chat_quota_price">10</string> <string name="chat_quota_rewarded_ad_chat_count">5チャット</string>
<string name="chat_quota_purchase_cta">(チャット12回) すぐに開始</string> <string name="chat_quota_10_can">10</string>
<string name="chat_quota_10_can_chat_count">15チャット</string>
<string name="chat_quota_20_can">20</string>
<string name="chat_quota_20_can_chat_count">40チャット</string>
<string name="chat_quota_separator">/</string>
<string name="chat_quota_rewarded_ad_unavailable">広告を読み込めませんでした。</string>
<string name="chat_more_title">トーク設定</string> <string name="chat_more_title">トーク設定</string>
<string name="chat_more_background_label">背景画像</string> <string name="chat_more_background_label">背景画像</string>
<string name="chat_more_background_change">背景画像の変更</string> <string name="chat_more_background_change">背景画像の変更</string>

View File

@@ -56,9 +56,14 @@
<string name="chat_background_picker_title">배경 이미지 선택</string> <string name="chat_background_picker_title">배경 이미지 선택</string>
<string name="chat_background_current_label">현재 배경</string> <string name="chat_background_current_label">현재 배경</string>
<string name="chat_unlock_image_hint">눌러서 잠금해제</string> <string name="chat_unlock_image_hint">눌러서 잠금해제</string>
<string name="chat_quota_notice_message">기다리면 무료 이용이 가능합니다.</string> <string name="chat_quota_rewarded_ad_label">광고</string>
<string name="chat_quota_price">10</string> <string name="chat_quota_rewarded_ad_chat_count">5채팅</string>
<string name="chat_quota_purchase_cta">(채팅 12개) 바로 대화 시작</string> <string name="chat_quota_10_can">10</string>
<string name="chat_quota_10_can_chat_count">15채팅</string>
<string name="chat_quota_20_can">20</string>
<string name="chat_quota_20_can_chat_count">40채팅</string>
<string name="chat_quota_separator">/</string>
<string name="chat_quota_rewarded_ad_unavailable">광고를 불러오지 못했어요.</string>
<string name="chat_more_title">대화 설정</string> <string name="chat_more_title">대화 설정</string>
<string name="chat_more_background_label">배경 이미지</string> <string name="chat_more_background_label">배경 이미지</string>
<string name="chat_more_background_change">배경 이미지 변경</string> <string name="chat_more_background_change">배경 이미지 변경</string>