Day 9 Compose UI AndroidView

Teng Wang
Sep 14, 2021

--

2021 鐵人賽 一天一腳步,30天學會 Android Compose UI!

今年的疫情蠻嚴重的,希望大家都過得安好,
希望疫情快點過去,能回到一些線下技術聚會的時光~

今天要開始了解的 元件 是 AndroidView,一開始覺得很簡單,
但是研究到一半有點卡住,是個讓人有些挫折的地方!加油!

今天目標:了解 AndroidView 的應用

假設今天我就是覺得 Compose UI ,
還是沒有舊有寫好的 UI 元件方便使用,
或是我想引用一些別人很久以前就寫好的 UI 元件,
又或者這些元件早就在上線很長久的專案裡面。

我以前都稱這些老早就寫好的 UI 程式叫 Legacy Code (祖產),
這時候我該怎麼做呢?

這時候我就可以使用 Android View 來減少重寫(偷懶)一些程式碼,
也有時候是因為開發時程上的壓力,因此也不得不這樣做。
(譬如這個 UI 原本排定預計完成的時間點是昨天,
今天可不可以趕一下,拜託~)

AndroidView的用法如下:

其實就是把舊的程式宣告後,放到AndroidView這個元件裡面即可

點開 AndroidView 的程式碼,會看到他的用法如下:

第一個引數可以讓你放入舊有的 Android View 元件,
第二個參數則是讓你可以宣告這個 Android View的一些設定,
第三個則是這個 View 的預設 Call back點。

Callback 是 Android 的重要應用,但我不想在今天談這個,
交給其他鐵人賽的夥伴解釋,哈哈!

練習到今天的話,顯示元件大多應該都會了,
明天會開始研究互動的部分了。

如果還有覺得不懂的地方,可以多多練習。

今天就練習到這裡囉!明天見:)

參考資料:https://foso.github.io/Jetpack-Compose-Playground/viewinterop/androidview/

本文同步發表在 iT邦幫忙 上 文章連結

--

--

Teng Wang
Teng Wang

Written by Teng Wang

A Software Research & Development

No responses yet