Icon
checked
checked變數設為false
可使用來把變數變相反
checked = !checked
也可以使用it來取得switch是true 或false
1
2
3
4
5
6
7
8
@Composable
fun SwitchSample() {
var checked by remember{ mutableStateOf(false)}
Switch(checked = checked, onCheckedChange = {
//checked = !checked
checked = it
})
}
ICON使用官方圖庫
build.gradle(Module :app)中
dependencies {
implementation "androidx.compose.material:material-icons-extended:1.4.2"
}
Icon tint
Icon(imageVector = Icons.Default.Translate, contentDescription = null, tint = Color.Red)
可換成 Icons.Default.AccountBox
參考以下網址
https://fonts.google.com/icons?icon.query=Account
tint = Color.Red背景顏色紅色
1
2
3
4
@Composable
fun IconSample() {
Icon(imageVector = Icons.Default.Translate, contentDescription = null, tint = Color.Red)
}
ICON使用painterResource
1
2
3
4
@Composable
fun IconSample() {
Icon(painter = painterResource(id = ic_android_black_24dp), contentDescription = null)
}
ImageView
1
2
3
4
5
6
Image(
painter = painterResource(id = R.drawable.ic_android_black_24dp),
contentDescription = null,
modifier = Modifier.size(50.dp),//大小
colorFilter = ColorFilter.tint(Color.Red, blendMode = BlendMode.Color)//紅色背景
)