// 固定尺寸的魔法藥水
Box(
    modifier = Modifier
        .size(200.dp)   // 魔杖一揮，200x200的結(jié)界
        .background(Color.LightGray)
) {
    Text("我是方盒子")   // 被困在結(jié)界里的文字
}

// 充氣魔法（充滿父容器）
Button(
    onClick = { /* 咒語 */ },
    modifier = Modifier.fillMaxWidth()  // 橫向充氣到最大
) {
    Text("胖胖按鈕")
}

// 漸變色咒語
Box(
    modifier = Modifier
        .background(
            Brush.verticalGradient(  // 從上到下的彩虹瀑布
                colors = listOf(Color.Red, Color.Yellow, Color.Green)
            )
        )
        .padding(16.dp)
) {
    Text("彩虹橋", color = Color.White)
}

// 邊框魔法陣
Box(
    modifier = Modifier
        .border(4.dp, Color.Magenta, CircleShape)  // 圓形粉色魔法陣
        .size(120.dp)
)

var isExpanded by remember { mutableStateOf(false) }

Box(
    modifier = Modifier
        .clickable { isExpanded = !isExpanded }  // 點(diǎn)擊觸發(fā)咒語
        .scale(if (isExpanded) 2felse1f)      // 放大兩倍
        .rotate(if (isExpanded) 360felse0f)  // 旋轉(zhuǎn)特效
        .background(Color.Cyan)
        .size(100.dp)
) {
    Text(if (isExpanded) "Boom!"else"點(diǎn)我")
}

Box {
    // 紅色卡片（z軸位置2層）
    Box(
        modifier = Modifier
            .zIndex(2f)
            .offset(x = 20.dp, y = 20.dp)
            .size(100.dp)
            .background(Color.Red)
    )

    // 藍(lán)色卡片（z軸位置1層）
    Box(
        modifier = Modifier
            .zIndex(1f)
            .size(100.dp)
            .background(Color.Blue)
    )
}

// 魔法漢堡制作流程
Modifier
    .padding(8.dp)        // 第一步：加包裝紙
    .background(Color.Magenta) // 第二步：涂奶油
    .size(200.dp)         // 第三步：定型
    .clickable { }        // 第四步：裝感應(yīng)芯片
    .shadow(4.dp)        // 第五步：撒金粉