StyleKit一个强大并且易于使用UI风格框架Swift编写

StyleKit一个强大并且易于使用UI风格框架Swift编写

StyleKit is a microframework that enables you to style your applications using a simple jsON file. Behind the scenes, StyleKit uses UIAppearance and some selector magic to apply the styles. You can also customize the parser for greater flexibility.

How does it work?

Create a JSON file in the following format

{ "@headingFont": "HelveticaNeue-Bold:30.0", "UILabel": { "font": "@headingFont", "backgroundColor": "#000FFF" }, "StyleKitDemo.SKView": { "StyleKitDemo.SKLabel": { "font": "HelveticaNeue-Bold:20.0", "backgroundColor": "#FFF000", "color": "#fff" }, "StyleKitDemo.SKButton": { "font": "HelveticaNeue-Light:20.0", "titleColor:normal": "#FFFFFF", "titleColor:highlighted": "#000000" } }, "StyleKitDemo.SKNavigationBar": { "titleTextAttributes": { "NSColor": "#000FFF", "NSFont": "@headingFont" } }, "StyleKitDemo.SKTextField": { "font": "HelveticaNeue-Light:20.0", "textColor": "#000FFF" }}

Load JSON file

AppDelegate.swift

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { if let styleFile = Bundle.main.url(forResource: "style", withExtension: "json") { StyleKit(fileUrl: styleFile)?.apply() } return true}

On application launch the JSON file will be loaded and the styles applied.

The JSON file structure

Each object inside the JSON file should contain the name of the UIView as a key and the object inside should either contain the properties/functions that need to be set/called or another UIView, this will give you the ability to apply styles on views when contained in other views, an example of this would be the following.

{ "UIButton": { "font": "HelveticaNeue-Bold:20.0" }, "MyApp.LoginView": { "UIButton": { "font": "HelveticaNeue-Light:25.0" } }}

This would apply HelveticaNeue-Bold with size 20 to all the UIButtons except the ones contained inside the LoginView class in your app.

Custom classes must be namespaced by the name of the module they are contained in. e.g. StyleKitDemo.SKTextField

Aliases

{ "@mainFont": "HelveticaNeue-Bold:20.0", "@primaryColor": "#000FFF", "UIButton": { "font": "@mainFont" }, "MyApp.LoginView": { "UIButton": { "font": "HelveticaNeue-Light:25.0", "titleColor:normal": "@primaryColor" } }}

Bring Your Own Parser

StyleKit's initialiser supports passing a custom parser which should conform to the StyleParsable protocol.

Default Parser

class StyleParser: StyleParsable { func getStyle(forName name: String, value: AnyObject) -> AnyObject { if let value = value as? String { if let font = FontHelper.parseFont(value) { return font } else if let color = ColorHelper.parseColor(value) { return color } } return value }}

AppDelegate.swift

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { if let styleFile = Bundle.main.url(forResource: "style", withExtension: "json") { StyleKit(fileUrl: styleFile, styleParser: StyleParser())?.apply() } return true}

Logging

By default, StyleKit will log any errors to the console. To customise the level of logging, you can pass a logLevel parameter as follows:

StyleKit(fileUrl: styleFile, logLevel: .debug)?.apply()

The levels of logging are:

.debug.error (This is the default log level).severe.none

How to install?

Carthage

Swift 3

github "146BC/StyleKit" ~> 0.6

Swift 4

github "146BC/StyleKit" ~> 0.7

CocoaPods

Add the 146BC Source

source 'https://github.com/146BC/Specs.git'source 'https://github.com/CocoaPods/Specs.git'

Swift 3

pod 'StyleKit', '~> 0.6'

Swift 4

pod 'StyleKit', '~> 0.7'

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。