webview Setting
@SuppressLint("SetJavaScriptEnabled")
private fun setWebView() {
//chrome inspect로 디버깅 가능 하도록 설정
WebView.setWebContentsDebuggingEnabled(true)
//웹뷰는 기본적으로 url을 처리할 수 있는 외부 앱으로 열린다.
//그것을 막고 웹뷰 내에서 url을 로드 하기 위해서는
//webviewClient를 설정해준다.
//https://developer.android.com/guide/webapps/webview#web-management
//onPageStarted, onPageFinished 등을 통해
//url이 로드 되기 시작한 시점, 로드 완료된 시점을 알 수 있다.
//백그라운드에서 푸시알림을 받았을때, 푸시알림의 data를 웹에 전달하기 위해서
//sendPushDataToWeb()함수-bundle이 있으면 bundle 내용을 js에 전달하는 함수-를 만들었다.
//url이 로드 완료된 시점에 이 함수를 불러서 webview에 제대로 전달 될 수 있도록 하자.
//당연한 말이지만 webview가 로드 완료 되기 전에 callJsFunction을 해도 아무 소용이 없다.
//(포그라운드에서 푸시알림을 받았을 때는 onNewIntent에서 처리했다.)
//(url이 로드 완료될때마다 불러지는 함수이므로, 한번 callJsFunction을 하고 난 후
//intent?.removeExtra("bundle이름")으로 bundle을 지워주자)
//그렇지 않으면 bundle이 남아있어서 url이 로드 완료될때마다 계속 js 함수를 부르게된다.
binding.webveiw.webViewClient = object : WebViewClient() {
override fun onPageFinished(view: WebView?, url: String?) {
super.onPageFinished(view, url)
sendPushDataToWeb()
}
}
//안드로이드 웹뷰는 기본적으로 동영상 재생 시 전체화면을 제공하지 않는다.
//따로 뷰를 만들어서 설정해줘야한다.
binding.webveiw.webChromeClient = FullScreenView(this)
//브릿지 설정
binding.webveiw.addJavascriptInterface(
webAppInterface,
"Android"
)
binding.webveiw.settings.apply {
javaScriptEnabled = true
domStorageEnabled = true
setSupportZoom(false)
javaScriptCanOpenWindowsAutomatically = true
cacheMode = WebSettings.LOAD_NO_CACHE
}
}
binding.webveiw.loadUrl("https://developer.android.com")
브릿지 클래스
class WebAppInterface {
//js에서 안드로이드 네이티브 함수를 부르려면
//아래의 annotation을 써줘야한다.
@JavascriptInterface
fun getStatusBarHeightHandler() {
println("안녕") //js에서 함수가 불러졌을때 하고싶은 기능 구현
}
//js function 호출 - object argument 일 때 처리하는 함수
fun callJavascript(webView: WebView, fnName: String = "", data: Array<Any>) {
if (fnName == "attach"
|| fnName == "detach"
|| fnName == "callNative"
|| fnName == "callJavascript"
) {
return
}
webView.let { webview ->
val fn = "${fnName}(${
data.map {
if (it is String) {
"\"$it\""
} else {
it
}
}.joinToString(separator = ",")
})"
webview.evaluateJavascript("javascript:$fn", null)
Log.d("webivew", "callJavascript fn -> $fn")
}
}
}js function 호출 - object argument
private fun callJsFunction(
age: Int,
count: Int,
name: String,
) {
val data = """
{
"$age": $age,
"$count": $count,
"$name": "$name" //👈string은 ""을 붙여줘야한다.
}
""".trimIndent()
try {
val result = JSONObject(data)
webAppInterface.callJavascript(binding.webveiw, "callJsFunction", arrayOf(result))
} catch (e: Exception) {
Log.d(LOG, "${e.message}")
}
}js function 호출 - primitive argument
//sendData라는 함수에 30 이라는 값을 넣는 경우
binding.webveiw.loadUrl("javascript:sendData(30)")
동영상 전체재생 view
class FullScreenView(activity: Activity) : WebChromeClient() {
private var mActivity: Activity? = null
private var mCustomView: View? = null
private var mCustomViewCallback: WebChromeClient.CustomViewCallback? = null
private var mOriginalOrientation: Int = 0
private var mFullscreenContainer: FrameLayout? = null
private val COVER_SCREEN_PARAMS = FrameLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT
)
init {
this.mActivity = activity
}
override fun onShowCustomView(view: View?, callback: CustomViewCallback?) {
if (mCustomView != null) {
callback!!.onCustomViewHidden()
return
}
this.mActivity?.requestedOrientation = SCREEN_ORIENTATION_LANDSCAPE
mOriginalOrientation = mActivity!!.requestedOrientation
val decor = mActivity?.window?.decorView as FrameLayout
mFullscreenContainer = FullscreenHolder(mActivity!!)
mFullscreenContainer!!.addView(view, COVER_SCREEN_PARAMS)
decor.addView(mFullscreenContainer, COVER_SCREEN_PARAMS)
mCustomView = view
setFullscreen(true)
mCustomViewCallback = callback
super.onShowCustomView(view, callback)
}
override fun onHideCustomView() {
if (mCustomView == null) {
return
}
setFullscreen(false)
val decor = mActivity!!.window.decorView as FrameLayout
decor.removeView(mFullscreenContainer)
mFullscreenContainer = null
mCustomView = null
mCustomViewCallback!!.onCustomViewHidden()
mActivity?.requestedOrientation = SCREEN_ORIENTATION_PORTRAIT
}
private fun setFullscreen(enabled: Boolean) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
val win = mActivity!!.window
val controller = win.insetsController
if (enabled) {
if (controller != null) {
controller.hide(
WindowInsets.Type.statusBars() or
WindowInsets.Type.navigationBars()
)
controller.systemBarsBehavior =
WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
}
} else {
controller?.show(
WindowInsets.Type.statusBars() or
WindowInsets.Type.navigationBars()
)
if (mCustomView != null) {
mActivity!!.window.setDecorFitsSystemWindows(true)
}
}
} else {
val win = mActivity!!.window
val winParams = win.attributes
val bits = WindowManager.LayoutParams.FLAG_FULLSCREEN
if (enabled) {
winParams.flags = winParams.flags or bits
mCustomView!!.systemUiVisibility =
View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or SYSTEM_UI_FLAG_FULLSCREEN or SYSTEM_UI_FLAG_HIDE_NAVIGATION
} else {
winParams.flags = winParams.flags and bits.inv()
if (mCustomView != null) {
mCustomView!!.systemUiVisibility = View.SYSTEM_UI_FLAG_VISIBLE
}
}
win.attributes = winParams
}
}
private class FullscreenHolder(ctx: Context) : FrameLayout(ctx) {
init {
setBackgroundColor(ContextCompat.getColor(ctx, android.R.color.black))
}
override fun onTouchEvent(evt: MotionEvent): Boolean {
return true
}
}
//동영상을 로드하는 동안 안드로이드에서 제공하는(?) 디폴트 이미지가 나온다.
//(회색 바탕에 검정 재생버튼)
//그것을 안보이게 하는 방법
override fun getDefaultVideoPoster(): Bitmap? {
return Bitmap.createBitmap(10, 10, Bitmap.Config.ARGB_8888)
}
}
뒤로가기 버튼
//뒤로 갈 페이지가 있으면 뒤로가기
//그렇지 않으면 앱 종료
override fun onBackPressed() {
if ( binding.webveiw.canGoBack()) {
binding.webveiw.goBack()
} else {
super.onBackPressed()
}
}
되고싶다