如何将渐变应用于任何视图的强调颜色 - SwiftUI

How to apply gradient to an accentColor of any View - SwiftUI(如何将渐变应用于任何视图的强调颜色 - 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！