Android Compose 实现渐变背景色

wk灬丨

已于 2022-09-04 00:35:27 修改

阅读量1.7k

点赞数 1

分类专栏： Compose 文章标签： android kotlin composer

于 2022-08-30 22:29:27 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47592544/article/details/126614093

版权

Compose 专栏收录该内容

8 篇文章

订阅专栏

使用Compose去实现渐变色有现成的API：

    /**
     * Row：可以看作横向的LinearLayout
     * size：只写一个就是宽高一致，可以分开写，不写默认是wrap_content
     * align：可以看作是gravity
     */
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Row(Modifier.padding(20.dp)) {
                Box(Modifier.size(100.dp).background(Color.Cyan)) {
                    Text("纯色", Modifier.align(Alignment.Center))
                }
                Spacer(Modifier.width(20.dp))   // 距离分隔工具（因为Compose没有Margin）
                Box(
                    Modifier.size(100.dp).background(Brush.verticalGradient(
                        listOf(
                            Color.White,
                            Color.Cyan,        // 这里可以加无数个
                            Color(0xFF2196F3)
                        )
                    ))
                ) {
                    Text("渐变色", Modifier.align(Alignment.Center))
                }
            }
        }
    }

运行后的效果：