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背景顏色紅色
img

1
2
3
4
@Composable
fun IconSample() {
    Icon(imageVector = Icons.Default.Translate, contentDescription = null, tint = Color.Red)
}

ICON使用painterResource

img img

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)//紅色背景
)

img

results matching ""

    No results matching ""