Android Compose 实现渐变背景色

使用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))}}}}

运行后的效果：

Android Compose 实现渐变背景色相关推荐

android view背景颜色,Android - ViewPager进阶篇之渐变背景色
今天本来为了打算租房,在朋友的推荐下,下载了一个"107间"的Android应用...打开应用的瞬间,小编就被首页登录的炫酷引导给吸引了,然后就把租房的事情抛到脑后了...O(∩_ ...
Android 渐变背景色
目录一.背景二.渐变 2.1 线性渐变背景色 1.新建资源文件 2.编辑样式文件 3.使用 4.编辑样式参数说明 2.2 圆角按钮渐变背景色 2.3 放射渐变 2.4 扫描线渐变一.背景单纯的 ...
android view 渐变动画,Android自定义view渐变圆形动画
本文实例为大家分享了Android自定义view渐变圆形动画的具体代码,供大家参考,具体内容如下直接上效果图自定义属性 attrs.xml文件创建一个类 ProgressRing继承自 view ...
Python批量修改Excel文件格式：加粗、颜色交替、渐变背景色填充
功能描述:首先生成几个测试用的Excel文件,然后批量修改这些文件的格式,把表头加粗并设置为黑体,其他行字体为宋体,设置奇偶行颜色不同,并设置偶数行为从红到蓝的渐变背景色填充. from random ...
使用CSS实现网格+渐变背景色的Web页面背景
使用CSS实现网格+渐变背景色的Web页面背景 CSDN:jcLee95 邮箱:291148484@163.com 相关文章推荐: Vue中使用纯CSS实现全屏网格加渐变色背景布局:https://b ...
Android Compose——一个简单的Bilibili APP
Bilibili移动端APP 简介依赖效果登录效果 WebView 自定义TobRow的Indicator大小首页推荐 LazyGridView使用Paging3 热门排行榜搜索模糊 ...
雷达图自定义点样式渐变背景色
雷达图的自定义点样式与渐变背景色 1.首先通过标签方式直接引入构建好的 echarts 文件 <!DOCTYPE html> <html> <head><me ...
iOS代码设置渐变背景色
欢迎到个人博客: liumh.com查看本文. 本文为原创,未经允许勿转载项目会遇到给各种UI控件添加渐变背景色的需求,如果只是上下渐变或者左右渐变,可以使用Xcode xcassets的Slici ...
纯css 渐变背景色动画文字贴合环绕图片
渐变背景色动画渐变色背景是不能通过纯css 动画设置的.所以换一种思路通过 background-size 设置背景的大小,让我们渐变色背景一开始的时候不展示全部的背景,然后通过css动画改变 b ...
Android 实现颜色渐变的一个小 tip
价值 | 思考 | 共鸣简评:TL;DR: 如果要实现某个颜色到透明的渐变时,记得不要改动颜色的 RGB 值. Tip: 如果你想要创建从某个颜色到透明的渐变(gradient)背景,那就要小心使用 ...

Android Compose 实现渐变背景色

Android Compose 实现渐变背景色相关推荐

最新文章

热门文章