欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

AndroidUI动态设置带有Stroke渐变色背景Drawable,

来源: 开发者 投稿于  被查看 7648 次 评论:122

AndroidUI动态设置带有Stroke渐变色背景Drawable,


目录
  • 摘要
  • 代码中设置Stroke渐变
    • 代码实现
    • 如何使用

摘要

每天一个UI小技巧,提高开发效率 UI开发中繁琐的drawable xml开发,不同的view背景样式一致,却因为部分设计区别,就要重新写一套新的xml drawable,写还是不写?写的越多冗余代码越多,就因为改了一点小小的高度?

代码中设置Stroke渐变

  • 实际效果如下

代码实现

class StrokeGradientLRDrawable(colors: IntArray,
                               radius: Float,
                               strokeWidth: Float) : ShapeDrawable() {
    init {
        // 外部矩形弧度
        val outerR = floatArrayOf(radius, radius, radius, radius, radius, radius, radius, radius)
        // 内部矩形与外部矩形的距离
        val inset = RectF(strokeWidth, strokeWidth, strokeWidth, strokeWidth)
        // 内部矩形弧度
        val innerRadius = radius - strokeWidth
        val innerRadii = floatArrayOf(innerRadius, innerRadius, innerRadius, innerRadius, innerRadius, innerRadius, innerRadius, innerRadius)
        val rr = RoundRectShape(outerR, inset, innerRadii)
        shape = rr
        shaderFactory = object : ShaderFactory() {
            override fun resize(width: Int, height: Int): Shader {
                return LinearGradient(0f, 0f, width.toFloat(),
                    0f, colors, null, Shader.TileMode.CLAMP)
            }
        }
    }
}

Drawable很简单,三个参数。

渐变的颜色数组; 圆角半径; Stroke的线条宽度

如何使用

  • 如果达到图一的效果,即半径恰好为高度的一半,只需要把radius设置为一个更大的值即可。给个1000就行了
view.background = StrokeGradientLRDrawable(intArrayOf(Color.RED, Color.BLUE), 1000f, 5f)
  • 普通的圆角就设置值就好了
view.background = StrokeGradientLRDrawable(intArrayOf(Color.RED, Color.BLUE), 50f, 5f)

以上就是Android UI动态设置带有Stroke渐变色背景Drawable的详细内容,更多关于Android UI Stroke渐变色背景的资料请关注3672js教程其它相关文章!

您可能感兴趣的文章:
  • Android的VSYNC机制和UI刷新流程示例详解
  • Android MaterialAlertDialogBuilder修改按钮属性
  • 声网SDK教程Android UIKit 实时视频通话添加自定义背景
  • Android性能优化系列篇UI优化
  • 使用Composing builds提升Android编译速度
  • Android的UI调优教程

用户评论