iOS应用程序的有效UI样式[关闭]

Posted 2023-02-24

【中文标题】iOS应用程序的有效UI样式[关闭]

【英文标题】：effective UI styling for iOS app [closed]

【发布时间】：2016-05-31 19:41:09

【问题描述】：

我的问题很简单。在android中，我们可以将xml样式表从布局中分离出来，这样它就可以在任何地方重复使用，并且可以很容易地进行UI设计更改。

ios xcode 中也可以吗？如果可以如何（如果不是来自控制器，则更喜欢）？需要图书馆吗？什么是好的图书馆？

感谢您的回答。

【问题讨论】：

子类化 UI 组件？

您可以为此目的使用类别类。

【参考方案1】：

您可以使用枚举创建自己的样式。通过将枚举放在 Styles 枚举中，您可以获得一个很好的分组：

enum Styles 
    enum Labels 
        case Standard
        case LargeText

        func style(label: UILabel) 
            switch self 
            case .Standard:
                label.font = UIFont.systemFontOfSize(12)
            case .LargeText:
                label.font = UIFont.systemFontOfSize(18)
            
        
    

    enum Buttons 
        case RedButton

        func style(button: UIButton) 
            switch self 
            case .RedButton:
                button.setTitleColor(UIColor.redColor(), forState: UIControlState.Normal)
            
        
    

那么你可以这样使用它：

Styles.Labels.Standard.style(yourLabel)

您还可以为您设置的样式进行扩展：

extension UILabel 
    func style(style: Styles.Labels) 
        style.style(self)
    


extension UIButton 
    func style(style: Styles.Buttons) 
        style.style(self)
    

然后像这样使用扩展：

yourLabel.style(.Standard)
yourButton.style(.RedButton)

【参考方案2】：

您还应该查看UIAppearance。它是一种设计代理，可用于您只需设置一次样式的大多数 UI 元素。

【参考方案3】：

您可以为此目的使用 UIView 的 UICategory 类。为设置borders、border colors、通过bazier-paths、cornerradius 等创建不同的方法。这只是其中的几个。类别是 UIView 所以你可以在buttons,lables,textview,textedits等上使用；

UIView+category.h

@interface UIView (category)
-(void)makeToRoundEdgeWithBorder:(CGFloat )borderwidth bordecolor:(UIColor *)color;

@end

UIView+category.m

@implementation UIView (category)

-(void)makeToRoundEdgeWithBorder:(CGFloat )borderwidth bordecolor:(UIColor *)color

   NSLog(@"height %f width %f",CGRectGetHeight(self.frame),CGRectGetWidth(self.frame));
    self.layer.cornerRadius=CGRectGetHeight(self.frame)/2;
    self.layer.masksToBounds=YES;
    self.layer.borderColor=[color CGColor];
    self.layer.borderWidth=borderwidth;


@end

使用它

[yourlable makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f];

[yourbutton makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f];

[yourTextview makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f];

[yourTextfield makeToRoundEdgeWithBorder:0.0f bordercolor:[UIColor clearColor] cornerRadius:8.0f];

【讨论】：

这不是 Swift - 因为它是公认的答案，不确定 OP 要求什么，也许也提供 Swift 扩展示例。

只是为了避免混淆，特别是对于初学者来说，一个类别不是一个类。事实上，没有UICategory 这样的东西。类别只是向现有类添加新功能的一种方式。

【参考方案4】：

您可以使用Classy 以更类似于 CSS 的方式为您的 UI 定义样式。它由Wire的人们使用和维护

【讨论】：

谢谢！出于好奇点了那个。自述文件的第一行写着NOTICE: Classy is no longer actively maintained see: Looking for contributors，因此可能不是一个好的选择。

正如我所说，它得到了积极的维护。我知道一个事实:) github.com/ClassyKit/Classy/issues/108

如您所见，最后一次合并的拉取请求是 mikeger 于 2015 年 12 月 22 日在我提到的公司工作的。无论是公司还是框架都不会很快消失。我对你使用它没有兴趣，但我可以保证它的质量。

好的，听起来很合法。也许下一次提交应该在自述文件中删除该行。我会试一试！ :) 谢谢！