如何更改波形颜色 Android Studio kotlin

Question

我一直在关注 Youtube 上的带有波形的录音机教程。我想知道如何改变波形的颜色。我想要蓝色的。

这是 class' 代码

    class WaveformView(context: Context?, attrs: AttributeSet?) : View(context, attrs) {

    private var paint = Paint()
    private var amplitudes = ArrayList<Float>()
    private var spikes = ArrayList<RectF>()

    private var radius = 6f
    private var w = 9f

    private  var sw = 0f
    private  var sh = 400f
    private  var d = 6f

    private var maxSpikes = 0


    init {
        paint.color = Color.rgb(244, 81, 3)

        sw  = resources.displayMetrics.widthPixels.toFloat()

        maxSpikes = (sw / (w+d)).toInt()
    }

    fun addAmplitude(amp: Float){
        var norm  = (amp.toInt() / 7).coerceAtMost(400).toFloat()
        amplitudes.add(norm)

        spikes.clear()
        var amps: List<Float> = amplitudes.takeLast(maxSpikes)

        for(i in amps.indices){

            var left = sw - i*(w+d)
            var top = sh/2 - amps[i]/2
            var right: Float = left + w
            var bottom: Float = top +  amps[i]

            spikes.add(RectF(left, top, right, bottom))

        }

        invalidate()
    }

    fun clear() : ArrayList<Float>{
        var amps: ArrayList<Float> = amplitudes.clone() as ArrayList<Float>
        amplitudes.clear()
        spikes.clear()
        invalidate()

        return amps

    }

    override fun draw(canvas: Canvas?) {
        super.draw(canvas)
        spikes.forEach {
            canvas?.drawRoundRect(it, radius, radius, paint)
        }
    }
}

我已经尝试在 XML 布局文件中更改它，但没有成功。所以在这里粘贴它没有任何意义。

Answer 1

添加一种颜色属性来改变 Paint 的颜色：

var waveFormColor: Int
    @ColorInt get() = paint.color
    set(@ColorInt value) { paint.color = value }

然后你可以从外部修改颜色 class:

myWaveformView.waveFormColor = Color.parseColor("#FF0080")

// or

myWaveformView.waveFormColor = "#FF0080".toColorInt()

// or

myWaveformView.waveFormColor = Color.rgb(255, 0, 128)

@ColorInt是可选的，你可以省略它。在某些情况下，它可以帮助 Lint 防止您传递错误类型的值。

如果你想制作它以便可以设置 XML 的颜色，请先在 res/values 中创建一个 attrs.xml 文件（如果你还没有的话），然后添加为您的自定义视图设置主题的条目：

<resources>
   <declare-styleable name="WaveformView">
       <attr name="waveform_color" format="color"/>
   </declare-styleable>
</resources>

在您的视图布局文件中，您可以使用此属性 app:waveform_color="@color/someColor"。

然后更新自定义视图的 init 块以使用该 XML 属性：

init {
    context.theme.obtainStyledAttributes(attrs, R.styleable.WaveformView, 0, 0).use {
        paint.color = it.getColor(R.styleable.WaveformView_waveform_color, Color.rgb(244, 81, 3))
    }

    sw  = resources.displayMetrics.widthPixels.toFloat()

    maxSpikes = (sw / (w+d)).toInt()
}

如何更改波形颜色 Android Studio kotlin

How to change wave form colour Android Studio kotlin

android-studio

kotlin

audiowaveform