自定义 SDCAlertView

Question

我正在使用 SDCAlertView Cocoapod 并尝试自定义 alertview 和 actionsheet，以便更改cornerradius、actionViewSeparatorColor、默认 textcolor 和 .Destructive textcolor，如下图所示：

• image of alertview
• image of actionsheet

我已尝试按照 github 文档中的建议创建类型：

如果您正在寻找更多自定义，请创建一个符合 VisualStyle 的类型并在 AlertController 实例上使用 visualStyle。您还可以将 DefaultVisualStyle 子类化为一组默认值，然后您可以根据需要覆盖这些默认值。

但是没有任何运气。我希望你能提供一个如何做到这一点的例子？

这是我希望在 pod 中覆盖的三件事：

  VisualStyle protocol extension:

   public var actionViewSeparatorColor: UIColor { return UIColor(red: 142/255.0, green: 54/255.0, blue: 65/255.0, alpha: 0.4) }


   public func textColor(forAction action: AlertAction?) -> UIColor {
        if action?.style == .Destructive {
            return Style.maincolor()
        } else {
            return Style.mainTextColor()
        }
    }

DefaultVisualStyle Class:

    public var cornerRadius: CGFloat {
        if #available(iOS 9, *) {
            return 6
        } else {
            return self.alertStyle == .Alert ? 6 : 4
        }
    }

为了回答您的问题，在 cmets 中，我尝试了以下方法：

import UIKit
import SDCAlertView

public class AlertViewStyle: VisualStyle {

        private let alertStyle: AlertControllerStyle
init(alertStyle: AlertControllerStyle) { self.alertStyle = alertStyle }

            public var width: CGFloat { return self.alertStyle == .Alert ? 270 : 1 }

            public var cornerRadius: CGFloat {
                if #available(iOS 9, *) {
                    return 6
                } else {
                    return self.alertStyle == .Alert ? 6 : 4
                }
            }

            public var margins: UIEdgeInsets {
                if self.alertStyle == .Alert {
                    if #available(iOS 9, *) {
                        return UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
                    } else {
                        return UIEdgeInsetsZero
                    }
                } else {
                    if #available(iOS 9, *) {
                        return UIEdgeInsets(top: 30, left: 10, bottom: -10, right: 10)
                    } else {
                        return UIEdgeInsets(top: 10, left: 10, bottom: -8, right: 10)
                    }
                }
            }

            public var actionViewSize: CGSize {
                if #available(iOS 9, *) {
                    return self.alertStyle == .Alert ? CGSize(width: 90, height: 44) : CGSize(width: 90, height: 57)
                } else {
                    return CGSize(width: 90, height: 44)
                }
            }

            public func font(forAction action: AlertAction?) -> UIFont {
                switch (self.alertStyle, action?.style) {
                case (.Alert, let style) where style == .Preferred:
                    return UIFont.boldSystemFontOfSize(17)

                case (.Alert, _):
                    return UIFont.systemFontOfSize(17)

                case (.ActionSheet, let style) where style == .Preferred:
                    return UIFont.boldSystemFontOfSize(20)

                case (.ActionSheet, _):
                    return UIFont.systemFontOfSize(20)
                }
            }



            public func textColor(forAction action: AlertAction?) -> UIColor {

                if action?.style == .Destructive {
                    return Style.mainColour
                } else {
                    return Style.mainTextColour
                }

            }


         public var actionViewSeparatorColor: UIColor { return UIColor(red: 142/255.0, green: 54/255.0, blue: 65/255.0, alpha: 0.4) }


        }

然后我尝试通过以下方式在视图控制器中创建警报时将其变为现实：

 let alert = AlertController(title: title, message: message, preferredStyle: .Alert)

        let alertStyle: AlertControllerStyle = ???

        alert.visualStyle = AlertViewStyle(alertStyle)

我只是在玩。我尝试了一大堆不同的东西来尝试让它编译但没有运气。我从 SDCAlertView github 问题中看到有人成功自定义了警报和操作表视图。根据上面的代码，您对我应该如何进行有任何建议。

任何见解将不胜感激。

非常感谢，

亚历克西斯

Answer 1

在一位同事的帮助下，我想出了其中的一部分。创建AlertViewStyle类是正确的。

然后，当您在视图控制器中创建警报时，请执行以下操作：

 //Create an alert
    let alert = AlertController(title: title, message: message, preferredStyle: .Alert)

 //And declare its style
        // for alertviews
        alert.visualStyle = AlertViewStyle(alertStyle: .Alert)

       // for actionsheets
        alert.visualStyle = AlertViewStyle(alertStyle: .ActionSheet)

 // Add actions and present...
        alert.addAction(AlertAction(title: "OK", style: .Default))

        alert.present()

这改变了操作表的所有内容，但对于警报视图，我仍然无法更改标题和消息标签的字体或颜色。如果您对如何访问和自定义它有任何建议 - 那会很棒。谢谢。