如何使右下角变尖？ SwiftUI

Posted 2023-03-11

【中文标题】如何使右下角变尖？ SwiftUI

【英文标题】：How to make the lower right corner sharp ? SwiftUI

【发布时间】：2021-10-03 16:46:41

【问题描述】：

如何让右下角变尖？结果显示在屏幕截图中

这是我的代码：

struct Test123: View 
    var body: some View 
        Text("Hello, World!")
            .foregroundColor(.white)
            .frame(width: 200, height: 50)
            .background(Color.black)
        
    

【参考方案1】：

可能的解决方案是使用.clipShape，准备任何您想要的自定义形状。

这里是一个演示（使用 Xcode 13 / ios 15 准备）

struct SharpShape: Shape 

    func path(in rect: CGRect) -> Path 
        Path  path in
                let chunk = rect.height * 0.5
            path.move(to: .zero)
            path.addLine(to: CGPoint(x: rect.width, y: 0))
            path.addLine(to: CGPoint(x: rect.width, y: chunk))
            path.addLine(to: CGPoint(x: max(rect.width - chunk, rect.width / 2), y: rect.height))
            path.addLine(to: CGPoint(x: 0, y: rect.height))
        
    


struct Test123: View 
    var body: some View 
        Text("Hello, World!")
            .foregroundColor(.white)
            .frame(width: 200, height: 50)
            .background(Color.black)
            .clipShape(SharpShape())

    

【讨论】：

非常感谢！