[FEAT/#210] 알람 해제 화면 상단에 애드몹 배너 광고 추가

Author: DongChyeon

app/src/main/java/com/yapp/orbit/OrbitApplication.kt

@@ -1,11 +1,13 @@
 package com.yapp.orbit
 
 import android.app.Application
+import com.google.android.gms.ads.MobileAds
 import dagger.hilt.android.HiltAndroidApp
 
 @HiltAndroidApp
 class OrbitApplication : Application() {
     override fun onCreate() {
         super.onCreate()
+        MobileAds.initialize(this)
     }
 }

feature/alarm-interaction/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest>
-
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.INTERNET" />
 </manifest>

feature/alarm-interaction/src/main/java/com/yapp/alarm/interaction/action/AlarmActionScreen.kt

@@ -7,9 +7,11 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.Icon
@@ -26,8 +28,12 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.google.android.gms.ads.AdRequest
+import com.google.android.gms.ads.AdSize
+import com.google.android.gms.ads.AdView
 import com.yapp.common.navigation.OrbitNavigator
 import com.yapp.designsystem.theme.OrbitTheme
 import com.yapp.ui.component.button.OrbitButton
@@ -121,61 +127,65 @@ private fun AlarmActionContent(
     onSnoozeClick: () -> Unit,
     onDismissClick: () -> Unit,
 ) {
-    Column(
-        modifier = Modifier
-            .fillMaxSize()
-            .background(
-                color = Color(0xFF496381),
-            ),
-        horizontalAlignment = Alignment.CenterHorizontally,
-    ) {
-        Spacer(
-            modifier = Modifier.heightForScreenPercentage(
-                0.17f,
-            ),
-        )
+    Box(modifier = Modifier.statusBarsPadding()) {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(
+                    color = Color(0xFF496381),
+                ),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Spacer(
+                modifier = Modifier.heightForScreenPercentage(
+                    0.17f,
+                ),
+            )
 
-        AlarmTime(
-            isAm = isAm,
-            hour = hour,
-            minute = minute,
-            todayDate = todayDate,
-        )
+            AlarmTime(
+                isAm = isAm,
+                hour = hour,
+                minute = minute,
+                todayDate = todayDate,
+            )
 
-        Spacer(modifier = Modifier.height(102.dp))
+            Spacer(modifier = Modifier.height(102.dp))
 
-        Icon(
-            painter = painterResource(id = core.designsystem.R.drawable.ic_alarm_action_character),
-            tint = Color(0xFF07203E),
-            contentDescription = "Alarm Action Character",
-        )
+            Icon(
+                painter = painterResource(id = core.designsystem.R.drawable.ic_alarm_action_character),
+                tint = Color(0xFF07203E),
+                contentDescription = "Alarm Action Character",
+            )
+
+            Spacer(modifier = Modifier.height(56.dp))
 
-        Spacer(modifier = Modifier.height(56.dp))
+            if (snoozeEnabled && snoozeCount != 0) {
+                AlarmSnoozeButton(
+                    snoozeInterval = snoozeInterval,
+                    snoozeCount = snoozeCount,
+                    onSnoozeClick = onSnoozeClick,
+                )
+            } else {
+                Spacer(modifier = Modifier.height(54.dp))
+            }
+
+            Spacer(modifier = Modifier.weight(1f))
 
-        if (snoozeEnabled && snoozeCount != 0) {
-            AlarmSnoozeButton(
-                snoozeInterval = snoozeInterval,
-                snoozeCount = snoozeCount,
-                onSnoozeClick = onSnoozeClick,
+            OrbitButton(
+                label = stringResource(id = R.string.alarm_off_btn),
+                enabled = true,
+                modifier = Modifier
+                    .padding(
+                        start = 40.dp,
+                        end = 40.dp,
+                        bottom = 48.dp,
+                    )
+                    .height(62.dp),
+                onClick = onDismissClick,
             )
-        } else {
-            Spacer(modifier = Modifier.height(54.dp))
         }
 
-        Spacer(modifier = Modifier.weight(1f))
-
-        OrbitButton(
-            label = stringResource(id = R.string.alarm_off_btn),
-            enabled = true,
-            modifier = Modifier
-                .padding(
-                    start = 40.dp,
-                    end = 40.dp,
-                    bottom = 48.dp,
-                )
-                .height(62.dp),
-            onClick = onDismissClick,
-        )
+        BannersAds()
     }
 }
 
@@ -281,6 +291,27 @@ private fun AlarmSnoozeButton(
     }
 }
 
+@Composable
+private fun BannersAds(
+    modifier: Modifier = Modifier,
+) {
+    val adUnitId = stringResource(id = R.string.admob_ad_unit_id)
+
+    AndroidView(
+        modifier = modifier.fillMaxWidth(),
+        factory = { context ->
+            AdView(context).apply {
+                setAdSize(AdSize.BANNER)
+                this.adUnitId = adUnitId
+                loadAd(AdRequest.Builder().build())
+            }
+        },
+        update = { adView ->
+            adView.loadAd(AdRequest.Builder().build())
+        },
+    )
+}
+
 @Preview
 @Composable
 internal fun AlarmActionScreenPreview() {