ios - 给 UIView 添加斜角效果

Question

我希望我的按钮看起来像这样。

我问过设计师，他说他用了斜角效果，我还是第一次听到斜角这个词。

我搜索了 Stack Overflow，但没有找到任何有用的信息。

Answer 1

我相信设计师的意思是斜面和浮雕效果。这是 UIImage 上的示例扩展，用于使用着色器图像应用浮雕效果。

extension UIImage {
    func applyBevelAndEmboss(shadingImage: UIImage) -> UIImage {
        // Create filters
        guard let heightMapFilter = CIFilter(name: "CIHeightFieldFromMask") else { return self }
        guard let shadedMaterialFilter = CIFilter(name: "CIShadedMaterial") else { return self }
        // Filters chain
        heightMapFilter.setValue(CIImage(image: self),
                                 forKey: kCIInputImageKey)
        guard let heightMapFilterOutput = heightMapFilter.outputImage else { return self }
        shadedMaterialFilter.setValue(heightMapFilterOutput,
                                      forKey: kCIInputImageKey)
        shadedMaterialFilter.setValue(CIImage(image: shadingImage),
                                      forKey: "inputShadingImage")
        // Catch output
        guard let filteredImage = shadedMaterialFilter.outputImage else { return self }
        return UIImage(ciImage: filteredImage)
    }
}

请向设计师索取着色器图像并将其应用于平面图像。

我个人的看法是，最好从设计师那里获取处理后的图像并使用它，而不是在应用程序中执行所有这些处理。