Jetpack Compose解決Android開發三大痛點
Jetpack Compose 在 Android 開發者中越來越受歡迎，因為近年來它的使用量持續增加。 越來越多的公司正在使用設計系統來改進其應用程式的各個螢幕、建構新功能，甚至建立整個項目而不再依賴 XML 布局。
然而，當我開始使用這個新的 UI 設計系統時，也就是使用它的第一天，在編寫實際代碼時有些事情困擾着我。
在本文中，我将引導您解決在使用 Jetpack Compose 的第一天遇到的三個痛點，以及我如何找到 Piyush Pradeekumar 的 Compose Helper Android Studio / IntelliJ 插件來解決這些問題。
安裝插件
在我們開始之前——要使用該插件，您隻需通過 Android Studio → 檔案 → 設定 → 插件進入插件市場，搜尋 Compose Helper 并安裝它。
在撰寫本文時 (05.02.2023)，該插件支援 Android Studio 到 Android Studio Flamingo。 是以，如果您使用的是 Android Studio Giraffe，則該插件尚不支援
移除頂級可組合項
第一個痛點是移除父可組合項。 想象一個具有真正嵌套層次結構的可組合項。
@Composable
fun TutorialContent() {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
// more composables
Box() {
// more composables
Box() {
// more composables
}
}
}
} 有人可能會争辯說，無論如何您都會在自己的可組合項中提取這樣的嵌套層次結構，但在複雜的情況下，您最終會得到一個包含大量代碼行的可組合項。
在這種情況下，要删除父可組合項（在 Column 布局上方的示例中），我首先需要從 Column 聲明中選擇所有代碼，将其删除，然後向下滾動到我的 TutorialComposable 的最底部，并删除剩餘的 括号。
在 Compose Helper 插件的幫助下，我隻需聚焦列，按下 Alt + Enter（在 MacOS 上為 Options + Enter）打開上下文操作菜單并選擇删除父 Composable，即可簡化此過程。
檢視以下 .gif 以了解其實際工作原理：
一次删除整個可組合項
但是，如果我們不僅要删除可組合項的頂級元素，還要删除其所有嵌套層次結構怎麼辦？
在這種情況下，我們不依賴 Remove The parent Composable 而是 Remove this Composable 操作。
檢視以下 .gif 以了解其實際工作原理：
将一個可組合項包裝到另一個
我們要讨論的最後一個痛點不是移除可組合項，而是将一個可組合項包裝到另一個可組合項中。
在引入或更改可組合項的布局時，您尤其經常發現自己這樣做。
在正常情況下，您需要首先引入可組合聲明本身，滾動到要包裝的可組合的底部，然後添加右括号。
多虧了 Compose Helper 插件，這對于 Box、Column 等布局可組合項不再是必需的。
檢視以下 .gif 以了解其實際工作原理：
但是，這裡的一個缺點是您隻能使用基本布局，而不能使用您自己實作的自定義可組合項。
結論
在本文中，我們讨論了适用于 Android Studio 的 Compose Helper 插件。 我們研究了使用 Jetpack Compose 開發 Android 應用程式的三個痛點，以及 Compose Helper 插件如何解決這些問題。
總之，我隻能強烈建議任何使用 Jetpack Compose 的 Android 開發人員都試一試這個免費使用的插件。 通過減少建立 Jetpack Compose 螢幕所需的時間，它極大地提高了我的工作效率。 不再浪費時間滾動！
我希望你有一些收獲，如果你喜歡我的文章，請鼓掌，確定訂閱以通過電子郵件獲得通知，并關注更多！