发光颜色到文本 SwiftUI

Question

我在 SwiftUI 中使用下面的自定义 class 代码借助阴影将发光颜色添加到文本。

想达到：-

输出：-

代码:-

struct ContentView: View {
var body: some View {
    ZStack {
        Text("Hello world!")
            .underline()
            .font(Font.system(size: 26))
            .padding(.bottom, 80).shadow(color: Color(UIColor(displayP3Red: 96/255, green: 252/255, blue: 255/255, alpha: 2)), radius: 3, x: 1, y: 1)
      }
   }
}

问题：谁能给我解释一下如何在文本上设置相同的发光颜色，我已经用上面的代码试过了，但还没有结果。

有人可以向我解释一下如何获得进度吗？

如有任何帮助，我们将不胜感激。

提前致谢。

Answer 1

试试这个：-

struct CustomLabelModify: View {

var body: some View {
    ZStack{
        Color.black
        Group{
            Text("Following")
                .addGlowEffect(color1: Color(Color.RGBColorSpace.sRGB, red: 96/255, green: 252/255, blue: 255/255, opacity: 1), color2: Color(Color.RGBColorSpace.sRGB, red: 44/255, green: 158/255, blue: 238/255, opacity: 1), color3: Color(Color.RGBColorSpace.sRGB, red: 0/255, green: 129/255, blue: 255/255, opacity: 1))
          }
       }
    }
 }


extension View {
func addGlowEffect(color1:Color, color2:Color, color3:Color) -> some View {
    self
        .foregroundColor(Color(hue: 0.5, saturation: 0.8, brightness: 1))
        .background {
            self
                .foregroundColor(color1).blur(radius: 0).brightness(0.8)
        }
        .background {
            self
                .foregroundColor(color2).blur(radius: 4).brightness(0.35)
        }
        .background {
            self
                .foregroundColor(color3).blur(radius: 2).brightness(0.35)
        }
        .background {
            self
                .foregroundColor(color3).blur(radius: 12).brightness(0.35)
            
        }
     }
  }

发光颜色到文本 SwiftUI

Glow Colour To Text SwiftUI

text

swiftui

label

glow