Android開(kāi)發(fā)Compose集成高德地圖實(shí)例
正文
Compose中我們應(yīng)該怎么使用地圖呢?像之前我們?cè)趚ml里面創(chuàng)建MapView,都是在Activity里面,管理MapView生命周期,和其他的監(jiān)聽(tīng)器,Compose里面怎么搞?
下面我們以高德地圖為例,在Compose中創(chuàng)建地圖MapView,然后用AndroidView添加MapView,像下面這樣:
AndroidView(modifier = Modifier, factory = { MapView }){...}
高德地圖官網(wǎng)開(kāi)發(fā)者建議
我們看到,高德地圖官網(wǎng),給開(kāi)發(fā)者的建議:

所以我們需要做什么,大家曉得了哇,生命周期回調(diào)我們要拿到,那我們應(yīng)該怎么搞?
我們需要用到LocalLifecycleOwner.current.lifecycle去添加生命周期觀察者, LifecycleObserver是一個(gè)接口,它長(zhǎng)下面這樣:

我們看注釋可以看到,我們可以使用DefaultLifecycleObserver或者LifecycleEventObserver, DefaultLifecycleObserver里面它提供了所有的生命周期事件的回調(diào),并且默認(rèn)情況下都是什么都不做。 LifecycleEventObserver,它提供了一個(gè)onStateChanged方法,所有的生命周期事件都可以在這里被接受到。
所以,我們這里就使用LifecycleEventObserver,為啥懂的都懂。
我們有了2個(gè)需要初始化的東西,一個(gè)是MapView,一個(gè)是添加生命周期觀察者。
為什么要添加生命周期觀察者,看了上面的官方文檔應(yīng)該知道是為什么,是需要管理地圖的生命周期,下面我們來(lái)講講如何做,該怎么做。
初始化MapView并添加到AndroidView里面
val context = LocalContext.current
// aMapOptionsFactory: () -> AMapOptions = { AMapOptions() }
val mapView = remember {
MapView(context, aMapOptionsFactory()).apply{
id = R.id.map
}
}
// 添加MapView
AndroidView(modifier = modifier, factory = { mapView })
我們來(lái)拆解一下,如何添加生命周期管理者,我們給大家聊聊:registerComponentCallbacks,這個(gè)ComponentCallbacks里面提供了2個(gè)方法: onConfigurationChanged、onLowMemory
onConfigurationChanged: 設(shè)備配置發(fā)生改變,組件還在運(yùn)行時(shí)
onLowMemory:系統(tǒng)運(yùn)行的內(nèi)存不足時(shí),可以通過(guò)實(shí)現(xiàn)該方法去釋放內(nèi)存或不需要的資源,我們需要在這個(gè)方法里面,調(diào)用MapView#onLowMemory
在上面官方文檔中,我們看到地圖的生命周期管理,需要調(diào)用下面4個(gè)方法: MapView#onCreate、MapView#onResume、MapView#onPause、MapView#onDestory,有了這些前奏,我們就知道怎么寫(xiě)地圖生命周期的擴(kuò)展方法了。
MapView增加一個(gè)管理地圖生命周期的擴(kuò)展
// 管理地圖生命周期
private fun MapView.lifecycleObserver(): LifecycleEventObserver =
LifecycleEventObserver { _, event ->
when (event) {
Lifecycle.Event.ON_CREATE -> this.onCreate(Bundle())
Lifecycle.Event.ON_RESUME -> this.onResume() // 重新繪制加載地圖
Lifecycle.Event.ON_PAUSE -> this.onPause() // 暫停地圖的繪制
Lifecycle.Event.ON_DESTROY -> this.onDestroy() // 銷毀地圖
else -> {}
}
}
private fun MapView.componentCallbacks(): ComponentCallbacks =
object : ComponentCallbacks {
// 設(shè)備配置發(fā)生改變,組件還在運(yùn)行時(shí)
override fun onConfigurationChanged(config: Configuration) {}
// 系統(tǒng)運(yùn)行的內(nèi)存不足時(shí),可以通過(guò)實(shí)現(xiàn)該方法去釋放內(nèi)存或不需要的資源
override fun onLowMemory() {
// 調(diào)用地圖的onLowMemory
this@componentCallbacks.onLowMemory()
}
}
給MapView添加生命周期觀察者
@Composable
private fun MapLifecycle(mapView: MapView) {
val context = LocalContext.current
val lifecycle = LocalLifecycleOwner.current.lifecycle
DisposableEffect(context, lifecycle, mapView) {
val mapLifecycleObserver = mapView.lifecycleObserver()
val callbacks = mapView.componentCallbacks()
// 添加生命周期觀察者
lifecycle.addObserver(mapLifecycleObserver)
// 注冊(cè)ComponentCallback
context.registerComponentCallbacks(callbacks)
onDispose {
// 刪除生命周期觀察者
lifecycle.removeObserver(mapLifecycleObserver)
// 取消注冊(cè)ComponentCallback
context.unregisterComponentCallbacks(callbacks)
}
}
}
添加MapView的生命周期控制
使用起來(lái)也很容易,先初始化MapView然后添加到AndroidView,最后添加MapView的生命周期控制:
val context = LocalContext.current
val mapView = remember {
MapView(context, aMapOptionsFactory()).apply{
id = R.id.map
}
}
AndroidView(modifier = modifier, factory = { mapView })
MapLifecycle(mapView)
這樣只能說(shuō)滿足我們的正常地圖顯示,實(shí)際上我們開(kāi)發(fā)過(guò)程中,常見(jiàn)的地圖拖拽選點(diǎn)、定位藍(lán)點(diǎn)、標(biāo)記位等都需要我們?nèi)U(kuò)展。
拿地圖拖拽選點(diǎn)功能來(lái)說(shuō),我們就需要在MapLifecycle添加2個(gè)生命周期的回調(diào),onResume和onPause
MapLifecycle(
mapView = mapView,
// 從mapView.lifecycleObserver回調(diào)回來(lái)即可
onResume = {
mapView.map.apply{
setOnMapLoadedListener(...)
setOnCameraChangeListener(...)
}
},
onPause = {
mapView.map.apply{
setOnMapLoadedListener(null)
setOnCameraChangeListener(null)
}
}
)
剩下的功能,都是拿AMap對(duì)象去做事情,添加覆蓋物,移動(dòng)相機(jī)鏡頭等等。
注意: 初始化地圖的時(shí)候,傳入的aMapOptionsFactory,可以從外面初始化好傳進(jìn)來(lái)。
aMapOptionsFactory: () -> AMapOptions = { AMapOptions() }

Compose集成的高德地圖效果
以上就是Android開(kāi)發(fā)Compose集成高德地圖實(shí)例的詳細(xì)內(nèi)容,更多關(guān)于Android Compose集成高德地圖的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Input系統(tǒng)按鍵事件的分發(fā)處理示例詳解
這篇文章主要為大家介紹了Input系統(tǒng)按鍵事件的分發(fā)處理示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01
Android 中ContentProvider的實(shí)例詳解
這篇文章主要介紹了Android 中ContentProvider的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文大家能掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09
百度語(yǔ)音識(shí)別(Baidu Voice) Android studio版本詳解
這篇文章主要介紹了百度語(yǔ)音識(shí)別(Baidu Voice) Android studio版本詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
Android Studio 代理配置指南(小結(jié))
這篇文章主要介紹了Android Studio 代理配置指南(小結(jié)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
zxing二維碼位矩陣轉(zhuǎn)換成Bitmap位圖的實(shí)戰(zhàn)教程
二維碼的應(yīng)用已經(jīng)可以說(shuō)是非常廣泛了,下面這篇文章主要給大家介紹了關(guān)于zxing二維碼位矩陣轉(zhuǎn)換成Bitmap位圖的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
Android個(gè)人手機(jī)通訊錄開(kāi)發(fā)詳解
在本篇文章里小編給大家分享了關(guān)于Android個(gè)人手機(jī)通訊錄開(kāi)發(fā)的步驟和相關(guān)源碼,有需要的朋友們學(xué)習(xí)下。2019-02-02
Android基于OpenCV實(shí)現(xiàn)QR二維碼檢測(cè)
QR碼比普通一維條碼具有快速讀取和更大的存儲(chǔ)資料容量,也無(wú)需要像一維條碼般在掃描時(shí)需要直線對(duì)準(zhǔn)掃描儀。因此其應(yīng)用范圍已經(jīng)擴(kuò)展到包括產(chǎn)品跟蹤,物品識(shí)別,文檔管理,庫(kù)存營(yíng)銷等方面。本文講解Android基于OpenCV實(shí)現(xiàn)QR二維碼檢測(cè)的步驟2021-06-06
Android Service總結(jié)及詳細(xì)介紹
本文主要介紹Android Service的知識(shí),這里整理了詳細(xì)資料及簡(jiǎn)單實(shí)現(xiàn)示例代碼,有需要的小伙伴可以參考下2016-09-09
Android新特性頁(yè)面之ViewPager拖拽到最后一頁(yè)再拖拽打開(kāi)其他Activity(三種方法)
這篇文章主要介紹了Android新特性頁(yè)面之ViewPager拖拽到最后一頁(yè)再拖拽打開(kāi)其他Activity的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08

