KMM-Kotlin跨平臺應(yīng)用初識

由于業(yè)務(wù)需求和人力的現(xiàn)狀孝赫,采用了Kotlin實現(xiàn)業(yè)務(wù)邏輯招驴,iOS和Android分別實現(xiàn)UI繪制的開發(fā)方式脆侮。

1蟀给、構(gòu)建環(huán)境+創(chuàng)建首個跨平臺KMM項目

可參考Kotlin官方指導(dǎo)創(chuàng)建和體驗首個跨平臺項目。

  • 安裝好 Android studio后叉跛,先下載插件:Preferences - Plugins - Marketplace - 搜索 Kotlin Multiplatform Mobile 并安裝松忍。
screenshot-20220314-160641.png
  • 新建項目,選擇KMM app
screenshot-20220314-160359.png
  • 構(gòu)建成功后筷厘,選擇iosApp進行編譯和運行
screenshot-20220314-142249.png
  • 可以構(gòu)建不同模擬器進行編譯
截屏2022-03-14 下午2.23.33.png
screenshot-20220314-142404.png

2鸣峭、KMM項目結(jié)構(gòu)

KMM項目主要為三部分組成:

  • 共享模塊
  • Android app
  • iOS app

項目結(jié)構(gòu)如下所示:

screenshot-20220314-153802.png

3伟桅、共享代碼+分平臺代碼

  • 共享代碼放在 commonMain 的文件夾中,多平臺可直接調(diào)用
screenshot-20220314-161302.png
  • 因平臺差異叽掘,須分別實現(xiàn)的,則放在各自平臺的文件夾中玖雁,如 iosMain更扁,但是需要 expect-actual 配對實現(xiàn),具體如下:
    • commonMain 實現(xiàn)接口申明:expect
package com.example.xqkmmdemo

expect class Platform() {
    val platform: String
}
  • iosMain或androidMain 進行接口實現(xiàn):actual
package com.example.xqkmmdemo

import platform.UIKit.UIDevice

actual class Platform actual constructor() {
    actual val platform: String = UIDevice.currentDevice.systemName() + " " + UIDevice.currentDevice.systemVersion
}

4赫冬、Kotlin和客戶端交互

4.1浓镜、 Kotlin 直接調(diào)用原生系統(tǒng)方法
package com.example.xqkmmdemo
// 引入原生庫
import platform.UIKit.UIDevice

actual class Platform actual constructor() {
    // 調(diào)用原生系統(tǒng)方法
    actual val platform: String = UIDevice.currentDevice.systemName() + " " + UIDevice.currentDevice.systemVersion
}
4.2、 客戶端調(diào)用Kotlin方法

查看KMM項目中自動創(chuàng)建的iosApp項目劲厌,即可發(fā)現(xiàn)客戶端是如何調(diào)用kotlin的方法膛薛。

screenshot-20220315-113558.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市补鼻,隨后出現(xiàn)的幾起案子哄啄,更是在濱河造成了極大的恐慌,老刑警劉巖风范,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咨跌,死亡現(xiàn)場離奇詭異,居然都是意外死亡硼婿,警方通過查閱死者的電腦和手機锌半,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來寇漫,“玉大人刊殉,你說我怎么就攤上這事≈莞欤” “怎么了记焊?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長陋葡。 經(jīng)常有香客問我亚亲,道長,這世上最難降的妖魔是什么腐缤? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任捌归,我火速辦了婚禮,結(jié)果婚禮上岭粤,老公的妹妹穿的比我還像新娘惜索。我一直安慰自己,他們只是感情好剃浇,可當我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布巾兆。 她就那樣靜靜地躺著猎物,像睡著了一般。 火紅的嫁衣襯著肌膚如雪角塑。 梳的紋絲不亂的頭發(fā)上蔫磨,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天,我揣著相機與錄音圃伶,去河邊找鬼堤如。 笑死,一個胖子當著我的面吹牛窒朋,可吹牛的內(nèi)容都是我干的搀罢。 我是一名探鬼主播,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼侥猩,長吁一口氣:“原來是場噩夢啊……” “哼榔至!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起欺劳,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤唧取,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后划提,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體兵怯,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年腔剂,在試婚紗的時候發(fā)現(xiàn)自己被綠了媒区。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡掸犬,死狀恐怖袜漩,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情湾碎,我是刑警寧澤宙攻,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站介褥,受9級特大地震影響座掘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜柔滔,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一溢陪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧睛廊,春花似錦形真、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽邓馒。三九已至,卻和暖如春蛾坯,著一層夾襖步出監(jiān)牢的瞬間光酣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工脉课, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挂疆,地道東北人。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓下翎,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宝当。 傳聞我的和親對象是個殘疾皇子视事,可洞房花燭夜當晚...
    茶點故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內(nèi)容