iT邦幫忙

2023 iThome 鐵人賽

DAY 11
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 11

112/11 - Compose 基礎知識 - 運用工具加快速度

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第一章「Compose 基礎知識」的「運用工具加快速度

學習筆記

  1. Android Studio 建立 Compose 函式快速鍵「COMP + Tab」
  2. Android Studio 建立Row快速鍵「WR + Tab」
  3. 點擊「R.drawable.資源檔」右邊圖示,可以預覽和快速換圖
  4. 點擊「Color(0XFFFFFFFF)」右邊圖示,可以開啟調色盤和快速換色
  5. Android Studio 建立 Compose 帶有@Preview函式快速鍵「PREV + Tab」
  6. Android Studio 偵錯 Compose
    1. 打開佈局選擇器
    2. 左邊可以看到所有節點
  7. 建立多種畫面尺寸的預覽
    @Preview(
        name = "Small font"
        group = "Font scales"
        fontScale = 0.5f
    )
    @Preview(
        name = "Large font"
        group = "Font scales"
        fontScale = 1.5f
    )
    annotation class FontScalePreviews
    
    @FontScalePreviews
    @Composable
    fun AnsuerPreview() {
    
    }
    

上一篇
112/10 - Compose 基礎知識 - 開始使用狀態(下)
下一篇
112/12 - Compose 基礎知識 - 從 View 系統遷移
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言