기본 콘텐츠로 건너뛰기

안드로이드 앱 만들기 : Jetpack Compose 에 admob banner 달아보기 (feat 인터넷 펌)


원본출처: 티스토리 바로가기

https://andresand.medium.com/add-admob-ad-banner-using-android-compose-9ba78c8f1591

 

Add AdMob Ad banner using Android Compose

Tutorial shows how to display Google AdMob banner ads using Android Compose. Currently there is no official doc about AdMob and Android…

andresand.medium.com

 

jetpack compose 을 구현하면서 쉽게 광고판 달아보기 예제를 펌 했습니다.  읽어 보시면 도움이 될 것 같아요.

 

그래도 혹시나 해서 제가 만든 소스 의 일부를 공유해 봅니다. 

 

import android.content.Intent import android.content.SharedPreferences import android.os.Bundle import android.util.Log import android.view.KeyEvent import android.view.KeyEvent.* import android.view.View import android.view.View.inflate import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.viewModels import androidx.compose.foundation.background import androidx.compose.foundation.gestures.Orientation import androidx.compose.foundation.gestures.rememberScrollableState import androidx.compose.foundation.gestures.scrollable import androidx.compose.foundation.layout.* import androidx.compose.material.* import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled.Logout import androidx.compose.runtime.* import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Color.Companion.Red import androidx.compose.ui.graphics.Color.Companion.White import androidx.compose.ui.platform.LocalInspectionMode import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.unit.dp import androidx.compose.ui.viewinterop.AndroidView import androidx.compose.ui.viewinterop.AndroidViewBinding import androidx.core.content.ContextCompat import com.billcoreatech.multichat416.databean.* import com.billcoreatech.multichat416.databinding.ActivityChatRoomBinding import com.billcoreatech.multichat416.ui.theme.MultiChat416Theme import com.google.android.gms.ads.AdRequest import com.google.android.gms.ads.AdSize import com.google.android.gms.ads.AdView import com.google.firebase.auth.FirebaseAuth import com.google.firebase.auth.ktx.auth import com.google.firebase.database.ChildEventListener import com.google.firebase.database.DataSnapshot import com.google.firebase.database.DatabaseError import com.google.firebase.database.ktx.database import com.google.firebase.ktx.Firebase import retrofit2.Call import retrofit2.Callback import retrofit2.Response import java.text.SimpleDateFormat import java.util.*  class ChatRoomActivity : ComponentActivity() {      var TAG = "ChatRoomActivity"      lateinit var displayName:String     lateinit var auth: FirebaseAuth     lateinit var sp: SharedPreferences     lateinit var sdf:SimpleDateFormat     private val database = Firebase.database     private val chatroomViewModel by viewModels<ListViewModel>()     private val chatMessages = database.getReference("ChatMessage")     lateinit var df:SimpleDateFormat     lateinit var chatId:String     lateinit var startDt:String     lateinit var adapter:ChatAdapter     var chatMesgItems = ArrayList<ChatMessage>()         private set     lateinit var binding:ActivityChatRoomBinding     lateinit var retrofitApi:RetrofitApi      override fun onCreate(savedInstanceState: Bundle?) {         super.onCreate(savedInstanceState)          retrofitApi = RetrofitApi.create()         auth = Firebase.auth         sp = getSharedPreferences("MultiChat", MODE_PRIVATE)         sdf = SimpleDateFormat("yyyyMMddHHmmss")         df = SimpleDateFormat("yyyy-MM-dd HH:mm:ss")         chatId = intent.getStringExtra("chatId") as String         startDt = intent.getSerializableExtra("startDt") as String         Log.e(TAG, "${startDt}")         displayName = auth.currentUser?.displayName.toString()          chatMesgItems.clear()         adapter = ChatAdapter(chatMesgItems, displayName)         binding = ActivityChatRoomBinding.inflate(layoutInflater)          setContent {             val isDarkTheme = remember { mutableStateOf(false) }             if(isDarkTheme.value){                 this.window.statusBarColor = ContextCompat.getColor(this, R.color.softBlack)             }else{                 this.window.statusBarColor = ContextCompat.getColor(this, R.color.softBlue)             }             MultiChat416Theme(darkTheme = isDarkTheme.value) {                 Scaffold(topBar = {                     ThemeAppBar(darkThemeState = isDarkTheme)                 }, modifier = Modifier.fillMaxSize()                 ) { innerPadding ->                     mainContent(Modifier.padding(innerPadding))                     // 광고를 달아 봅니다.                     AdvertView()                 }             }         }     }      @Composable     fun ThemeAppBar(darkThemeState: MutableState<Boolean>) {          TopAppBar(title = {             Row {                 Text(text = getString(R.string.app_name), modifier = Modifier.weight(8f))                 Switch(checked = darkThemeState.value, onCheckedChange = {                     darkThemeState.value = it                 }, modifier = Modifier.weight(2f))                 IconButton(onClick = { doLogOut() }) {                     Icon(imageVector = Icons.Default.Logout, contentDescription = "LogOut")                 }             }         })     }      @Composable     fun mainContent(padding: Modifier) {         Box(             Modifier                 .fillMaxWidth()                 .fillMaxHeight()                 .scrollable(rememberScrollableState {                     // view world deltas should be reflected in compose world                     // components that participate in nested scrolling                     it                 }, Orientation.Vertical)         ) {             AndroidViewBinding(ActivityChatRoomBinding::inflate) {                 binding = this                 chatMessages.child(chatId).orderByChild("crtDtim").startAfter(startDt.toString())                     .addChildEventListener(object : ChildEventListener{                         override fun onChildAdded(snapshot: DataSnapshot, previousChildName: String?) {                             Log.e(TAG, "onChildAdded")                             var chatMessageItem = snapshot.getValue(ChatMessage::class.java)                             // 왜 2번씩 들어가는지 모르겠지만... 일단은 한번만 들어가게 하기 위해서                             if (chatMessageItem != null && chatMesgItems.indexOf(chatMessageItem) < 0) {                                 if (sp.getBoolean("translateTy", false)                                     && !sp.getString("languageCode", "kr").equals(chatMessageItem.locale)                                 ) {                                     doGetTranslate(chatMessageItem)                                 }                                 chatMesgItems.add(chatMessageItem)                             }                             binding.rv.adapter = adapter                             binding.rv.scrollToPosition(chatMesgItems.size - 1)                         }                          override fun onChildChanged(snapshot: DataSnapshot, previousChildName: String?) {                             Log.e(TAG, "onChildChanged")                         }                          override fun onChildRemoved(snapshot: DataSnapshot) {                             Log.e(TAG, "onChildRemoved")                         }                          override fun onChildMoved(snapshot: DataSnapshot, previousChildName: String?) {                             Log.e(TAG, "onChildMoved")                         }                          override fun onCancelled(error: DatabaseError) {                             Log.e(TAG, "onCancelled")                         }                      })                 binding.sendIv.setOnClickListener {                     doChatWrite()                 }                 binding.rv.setOnScrollChangeListener { view, i, i2, i3, i4 ->                  }                 binding.contentEt.setOnKeyListener(object : View.OnKeyListener{                     override fun onKey(v: View?, keyCode: Int, event: KeyEvent?): Boolean {                         if (event?.action == ACTION_DOWN && keyCode == KEYCODE_ENTER) {                             doChatWrite()                         }                         return true                     }                 })             }         }     }      // 이 부분은 펌한 코드 입니다.      @Composable     fun AdvertView(modifier: Modifier = Modifier) {         val isInEditMode = LocalInspectionMode.current         if (isInEditMode) {             Text(                 modifier = modifier                     .fillMaxWidth()                     .background(Red)                     .padding(horizontal = 2.dp, vertical = 6.dp),                 textAlign = TextAlign.Center,                 color = White,                 text = "Advert Here",             )         } else {             AndroidView(                 modifier = modifier.fillMaxWidth(),                 factory = { context ->                     AdView(context).apply {                         adSize = AdSize.BANNER                         adUnitId = context.getString(R.string.admob_banner_test_id)                         loadAd(AdRequest.Builder().build())                     }                 }             )         }     }     .....        private fun doLogOut() {         chatMessages.child(chatId).setValue(null)         var rIntent:Intent = intent         rIntent.putExtra("chatId", chatId)         setResult(RESULT_OK, rIntent)         finish()     }  }

 

이렇게 구현을 해 보면 다음과 같이 광고가 보입니다.

 

광고가 들어간 화면 예시

 

귤탐 당도선별 감귤 로열과, 3kg(S~M), 1박스 삼립 호빵 발효미종 단팥, 92g, 14개입 [엉클컴퍼니] 우리밀 찐빵/흑미찐빵/단호박찐빵/고구마찐빵 국산팥, 우리밀 고구마찐빵(20개입) 1300g 국산팥 우리밀 MORIT 여성용 방한장갑 터치스크린 다용도 고급겨울장갑 에이치머스 스마트폰 터치 방한 장갑
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

개인정보처리방침 안내

 billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 8월 26부터 적용됩니다. 제1조(개인정보의 처리 목적) billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 서비스 제공 맞춤서비스 제공을 목적으로 개인정보를 처리합니다. 제2조(개인정보의 처리 및 보유 기간) ① billcoreaTech은(는) 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다. ② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다. 1.<서비스 제공> <서비스 제공>와 관련한 개인정보는 수집.이용에 관한 동의일로부터<사용자의 설정시간>까지 위 이용목적을 위하여 보유.이용됩니다. 보유근거 : 앱의 기본기능 활용에 필요한 위치정보 제3조(개인정보의 제3자 제공) ① billcoreaTech은(는) 개인정보를 제1조(개인정보의 처리 목적)에서 명시한 범위 내에서만 처리하며, 정보주체의 동의, 법률의 특별한 규정 등 「개인정보 보호법」 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다. ② billcoreaTech...
댓글 쓰기
자세한 내용 보기

안드로이드 앱 만들기 : onBackPressed 가 deprecated 되었다니 ?

원본출처: 티스토리 바로가기 onBackPressed 가 deprecated 되었다? 이제 우리는 구글이 제안하는 안드로이드 13에 타기팅하는 앱을 제출 해야만 하는 시기에 도달하고 있습니다.  구글이 새로운 안드로이드 버전을 배포하기 시작하면서 오래된 안드로이드에 대한 게시를 제한 합니다.    그래서 이번에 API 33 인 안드로이드 13에 타겟팅 하는 앱을 작성해 보았습니다. 그러다 만난 몇 가지 사용 제한이 되는 것들에 대한 정리를 해 두고자 합니다.    onBackPressed는 사용자가 뒤로 가기 버튼을 클릭하는 경우 제어를 하기 위해서 사용했던 함수 입니다. MainActivity 에서 최종적으로 뒤로 가기를 클릭 하는 경우 앱을 종료시키는 기능도 사용이 되는 함수였는 데...   안드로이드 13에서는 더 이상 사용할 수 없는 (?)  - 사용은 가능 하나 소스 코드에 중간 줄이 생긴 모양을 보면서 코드를 지속적으로 봐야 합니다.    onBackPressed 어떻게 해소를 하면 될까요?   CallBack을 하나 만들어 봅니다. private val callback = object : OnBackPressedCallback(true) { override fun handleOnBackPressed() { doCloseApps() } } 다른 건 없고 이런 모양으로 callback 함수를 하나 만들어 둡니다.  그러고 onCreate 에서 이 callback 이 호출 되도록 한 줄 넣어 주는 것으로 그 코딩은 마무리 됩니다.    @RequiresApi(Build.VERSION_CODES.TIRAMISU) override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(sav...
댓글 쓰기
자세한 내용 보기