iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0

這是基本UI介面的最後一篇,所以講一些比較少用到的功能

多語言

或許你不需要多語言設計,但因為他和其他的資源都是一塊的,所以一起說
開啟translation editor,如圖:

先點擊app.main,就會冒出這個選項,或是點擊app_name,之後從xml開啟也行
介面如圖:
https://ithelp.ithome.com.tw/upload/images/20250924/20178827SGMHStB5ji.png
https://ithelp.ithome.com.tw/upload/images/20250924/20178827fTJrUEbg0C.png

  1. 增加支援語言
  2. 每一個key對應到的內容
    這邊拿我另外一個小專案來展示:
    https://ithelp.ithome.com.tw/upload/images/20250924/20178827yykcKHMzEx.png
    我支援了英文(預設)和中文,其中有很多的key和value,簡單分項講解:
  3. untranslatable,不可翻譯,所以只需要有dafault value就可以了
  4. key name,這是唯一的職,我們會使用R.string.key_name來取得字串
  5. 字串,也就是內容,是支援參數傳遞的,就像是c語言那樣使用%s來傳入字串,可以用%1$s表示使用第一個參數的字串
    範例:
Text(text = stringResource(R.string.submit_btn), fontSize = 24.sp)

圖片資源

這是比較重要的點,像是Icon與Image以及App圖標,都需要圖片
依樣在resource manager點擊+號,可以選擇圖片或向量,一般推薦圖片

注:向量不會因為縮放大小而改變清晰度

  • Vector:無損縮放,適合圖示、按鈕 Icon
  • Bitmap(PNG/JPG):適合照片、複雜背景圖
    之後匯入你要的圖片,在預覽階段有一些效果可以使用,確認後就會有這個圖片資源
    範例:
Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)

圖標的資源則是屬於mip map管理,使用一樣的方式匯入即可


上一篇
Day 9:更靈活的container,簡化排版難度
系列文
現代Android jetpack compose開發入門10
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言