本文介绍了如何将渐变应用于任何视图的强调颜色 - SwiftUI的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在这里使用 Slider.我们可以像这样改变 Slider 的 accentColor，
Here i'm working with Slider. We can change Slider's accentColor like this,
Slider(value: $tip, in: 0...50, step: 1)
.accentColor(.red)
但是如何将 Gradient 应用到 accentColor 上呢?
But how to apply Gradient to an accentColor?
我尝试通过屏蔽滑块来应用渐变，但后来我无法再滑动它了.
I tried to apply gradient by masking slider, but then i'm not able to slide it anymore.
LinearGradient(gradient: Gradient(colors: [.red, .blue]), startPoint: .top, endPoint: .bottom)
.mask(Slider(value: $tip, in: 0...50, step: 1))
那么有没有间接的方法呢?
So is there any indirect way to do it?
推荐答案
ZStack {
LinearGradient(
gradient: Gradient(colors: [.red, .blue]),
startPoint: .leading,
endPoint: .trailing
)
.mask(Slider(value: $val, in: 0...50, step: 1))
// Dummy replicated slider, to allow sliding
Slider(value: $val, in: 0...50, step: 1)
.opacity(0.05) // Opacity is the trick here.
// .accentColor(.clear)
// instead setting opacity,
// setting clear color is another alternative
// slider's circle remains white in this case
}
这篇关于如何将渐变应用于任何视图的强调颜色 - SwiftUI的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！