无标题文章

字数 370阅读 37

iOS开源项目:FlatUIKit

FlatUIKit是iOS中具有扁平化风格的UI(Flat UI)组件。FlatUIKit的设计灵感来源于Flat UI和Kyle Miller。FlatUIKit中的组件是通过扩展(category)或继承iOS SDK中已有的UIKit组件来实现的,因此在程序中使用FlatUIKit非常方便。

https://github.com/Grouper/FlatUIKit

FUIButton是UIButton的子类,通过设置UIButton的一系列属性来把样式定义成扁平化的

FUIButton *button = [[FUIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 30)];

button.buttonColor = [UIColor turquoiseColor];

button.shadowColor = [UIColor greenSeaColor];

button.shadowHeight = 3.0f;

button.cornerRadius = 3.0f;

button.titleLabel.font = [UIFont boldFlatFontOfSize:16];

[button setTitleColor:[UIColor cloudsColor] forState:UIControlStateNormal];

[button setTitleColor:[UIColor cloudsColor] forState:UIControlStateHighlighted];

[button setTitle:@"button" forState:UIControlStateNormal];

[self.view addSubview:button];


FUISegmentedControl是UISegmentedControl的子类,使用上和FUIButton类似,源码也很简单,都是设置一些属性。当然属性的值是很重要的,它们是扁平化设计的关键。


NSArray *array = [NSArray arrayWithObjects:@"one",@"two",@"three", nil];

FUISegmentedControl *seg = [[FUISegmentedControl alloc] initWithItems:array];

[seg setFrame:CGRectMake(0, 0, 300, 50)];

seg.selectedFont = [UIFont boldFlatFontOfSize:16];

seg.selectedFontColor = [UIColor cloudsColor];

seg.deselectedFont = [UIFont flatFontOfSize:16];

seg.deselectedFontColor = [UIColor cloudsColor];

seg.selectedColor = [UIColor amethystColor];

seg.deselectedColor = [UIColor silverColor];

seg.dividerColor = [UIColor midnightBlueColor];

seg.cornerRadius = 5.0;

[self.view addSubview:seg];


FUISwitch:


FUISwitch *switchbutton = [[FUISwitch alloc] initWithFrame:CGRectMake(0, 0, 100, 30)];

switchbutton.onColor = [UIColor turquoiseColor];

switchbutton.offColor = [UIColor cloudsColor];

switchbutton.onBackgroundColor = [UIColor midnightBlueColor];

switchbutton.offBackgroundColor = [UIColor silverColor];

switchbutton.offLabel.font = [UIFont boldFlatFontOfSize:14];

switchbutton.onLabel.font = [UIFont boldFlatFontOfSize:14];

[self.view addSubview:switchbutton];

推荐阅读更多精彩内容