为我的应用创建夜间主题

Question

我是iOS开发的新手,想知道如何添加类似于tweetbot 3的夜间主题并清除.根据我的研究,我还没有找到关于iOS应用程序的任何内容.

我会在另一个专门针对主题的故事板中重新制作应用吗？

谢谢.

Answer 1

为了添加其他人所说的内容,有一个关于代码的WWDC视频.我已经采取了更进一步的步骤,为我在几个应用程序中使用的主题创建了一个轻量级框架.要点如下.

每次创建标签,按钮等(或者当它们将出现在屏幕上时,如果您使用界面构建器),您将它们传递给设置其外观的Theme实例.如果多个UI组件协同工作,请使用Facade设计模式将它们组合到一个对象中(例如,如果您的按钮具有客户包装器,标签和特定位置的图像,请将它们包装到一个叫做的单一类 - 例如 - WrappedButton).

我有时会发现用uml进行交流比较容易,所以......

主题协议可能看起来像这样.

@protocol Theme <NSObject>

- (void)themeHeadingLabel:(UILabel *)headingLabel;
- (void)themeBodyLabel:(UILabel *)bodyLabel;

- (void)themeNavigationButton:(UIButton *)navigationButton;
- (void)themeActionButton:(UIButton *)actionButton;

@end

顺便提一下,我通常会将代码放在那里以允许按钮,标签等响应iOS7中的文本大小更改(来自"设置"应用程序).所以也可能有类似的方法,

- (void)respondToTextSizeChangeForHeadingLabel:(UILabel *)headingLabel;
- (void)respondToTextSizeChangeForBodyLabel:(UILabel *)bodyLabel;

// and do the same for buttons

然后,当然,您将拥有该协议的一个或多个实现.这是您的主题将存在的地方.以下是一些可能看起来像什么的片段.

#import "Theme.h"

@interface LightTheme : NSObject <Theme>

@end

@implementation LightTheme

- (void)themeHeadingLabel:(UILabel *)headingLabel
{
    headingLabel.backgroundColor = [UIColor lightTextColor];
    headingLabel.textColor = [UIColor darkTextColor];

    headingLabel.font = [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline];
}

// the rest of your theming

@end

你可以有一个黑暗的主题,其实现看起来像这样.

@implementation DarkTheme

- (void)themeHeadingLabel:(UILabel *)headingLabel
{
    headingLabel.backgroundColor = [UIColor darkGrayColor];
    headingLabel.textColor = [UIColor lightTextColor];

    headingLabel.font = [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline];
}

// the rest of your theming

@end

我总是将它包装在ThemeManager中以帮助我跟踪主题.这可能看起来像这样.

#import "Theme.h"

@interface ThemeManager : NSObject

+ (id <Theme>)theme;

@end


#import "LightTheme.h"
#import "DarkTheme.h"

@implementation ThemeManager

+ (id <Theme>)theme
{
    // here you'd return either your light or dark theme, depending on your program's logic
}

@end

现在,要将它们组合在一起,您可以直接使用它,也可以在工厂中使用它.

UILabel* headingLabel = [[UILabel alloc] init];
headingLabel.text = @"My Heading";

[[ThemeManager theme] themeHeadingLabel:myHeading];

// use the label

或者作为工厂,实现看起来像这样.

- (UILabel *)buildLabelWith:(NSString *)text
{
    UILabel* headingLabel = [[UILabel alloc] init];
    headingLabel.text = text;

    [[ThemeManager theme] themeHeadingLabel:myHeading];

    return headingLabel;
}

希望有所帮助.如果您有任何疑问,请告诉我.