日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后，達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

Android?UI動(dòng)態(tài)設(shè)置帶有Stroke漸變色背景Drawable_Android

作者：AiLo ? 更新時(shí)間： 2023-03-18 編程語(yǔ)言

摘要

每天一個(gè)UI小技巧，提高開(kāi)發(fā)效率 UI開(kāi)發(fā)中繁瑣的drawable xml開(kāi)發(fā)，不同的view背景樣式一致，卻因?yàn)椴糠衷O(shè)計(jì)區(qū)別，就要重新寫(xiě)一套新的xml drawable，寫(xiě)還是不寫(xiě)？寫(xiě)的越多冗余代碼越多，就因?yàn)楦牧艘稽c(diǎn)小小的高度？

代碼中設(shè)置Stroke漸變

  • 實(shí)際效果如下

代碼實(shí)現(xiàn)

class StrokeGradientLRDrawable(colors: IntArray,
                               radius: Float,
                               strokeWidth: Float) : ShapeDrawable() {
    init {
        // 外部矩形弧度
        val outerR = floatArrayOf(radius, radius, radius, radius, radius, radius, radius, radius)
        // 內(nèi)部矩形與外部矩形的距離
        val inset = RectF(strokeWidth, strokeWidth, strokeWidth, strokeWidth)
        // 內(nèi)部矩形弧度
        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很簡(jiǎn)單，三個(gè)參數(shù)。

漸變的顏色數(shù)組； 圓角半徑； Stroke的線(xiàn)條寬度

如何使用

  • 如果達(dá)到圖一的效果，即半徑恰好為高度的一半，只需要把radius設(shè)置為一個(gè)更大的值即可。給個(gè)1000就行了
view.background = StrokeGradientLRDrawable(intArrayOf(Color.RED, Color.BLUE), 1000f, 5f)
  • 普通的圓角就設(shè)置值就好了
view.background = StrokeGradientLRDrawable(intArrayOf(Color.RED, Color.BLUE), 50f, 5f)

原文鏈接：https://juejin.cn/post/7078955592382939149

欄目分類(lèi)
最近更新