Skip to content

Commit 0c9ac2d

Browse files
committed
fix readme
1 parent 98e663e commit 0c9ac2d

File tree

1 file changed

+16
-11
lines changed

1 file changed

+16
-11
lines changed

README.markdown

Lines changed: 16 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ myButton.titleLabel.font = [UIFont boldFlatFontOfSize:16];
3333
[myButton setTitleColor:[UIColor cloudsColor] forState:UIControlStateHighlighted];
3434
```
3535
36-
![FUIButton](http://blog.joingrouper.com/FlatUIKit/images/fuibutton-small.gif)
36+
![FUIButton](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuibutton-small.gif)
3737
3838
### SegmentedControls
3939
@@ -63,7 +63,7 @@ mySwitch.offLabel.font = [UIFont boldFlatFontOfSize:14];
6363
mySwitch.onLabel.font = [UIFont boldFlatFontOfSize:14];
6464
```
6565
66-
![FUISwitch](http://blog.joingrouper.com/FlatUIKit/images/fuiswitch-small.gif)
66+
![FUISwitch](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuiswitch-small.gif)
6767
6868
### Alert Views
6969
@@ -87,7 +87,7 @@ alertView.defaultButtonTitleColor = [UIColor asbestosColor];
8787
[alertView show];
8888
```
8989

90-
![FUIAlertView](http://blog.joingrouper.com/FlatUIKit/images/fuialertview-small.gif)
90+
<img src='https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuialertview.gif' alt='FUIAlertView' width=316 height=336 />
9191

9292
### Sliders/Steppers/Progress Views
9393
To provide flat UISliders, UIProgressViews and UISteppers, we simply provide categories on UISlider/ProgressView/UIStepper to automatically configure their appearance with appropriate colors/corner radii. This makes for zero-friction integration with your existing project:
@@ -98,7 +98,7 @@ To provide flat UISliders, UIProgressViews and UISteppers, we simply provide cat
9898
thumbColor:[UIColor pomegranateColor]];
9999
```
100100
101-
![FUISlider](http://blog.joingrouper.com/FlatUIKit/images/fuislider-small.gif)
101+
![FUISlider](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuislider-small.gif)
102102
103103
```objective-c
104104
[myProgressView configureFlatProgressViewWithTrackColor:[UIColor silverColor]
@@ -110,7 +110,7 @@ To provide flat UISliders, UIProgressViews and UISteppers, we simply provide cat
110110
iconColor:[UIColor cloudsColor]];
111111
```
112112

113-
![FUIStepper](http://blog.joingrouper.com/FlatUIKit/images/fuistepper-small.gif)
113+
![FUIStepper](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuistepper-small.gif)
114114

115115
### Bar Button Items
116116
To customize bar button items for your entire application (including back buttons), UIBarButtonItem+FlatUI provides a class method which leverages the UIBarButtonItem appearance proxy to do this in one step:
@@ -121,7 +121,7 @@ To customize bar button items for your entire application (including back button
121121
cornerRadius:3];
122122
```
123123
124-
![FUINavBar](http://blog.joingrouper.com/FlatUIKit/images/fuinavbar-small.gif)
124+
![FUINavBar](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuinavbar-small.gif)
125125
126126
However, this might cause rendering issues with controllers that are pushed from actionsheets, sharesheets or links in webviews. To prevent this behavior, scope the customized bar buttom items to your controllers:
127127
@@ -139,14 +139,19 @@ As above, we provide a category on UINavigationBar to configure it flatly with a
139139
[self.navigationController.navigationBar configureFlatNavigationBarWithColor:[UIColor midnightBlueColor]];
140140
```
141141
142-
### Grouped TableView Cells
143-
You can modify the backgroundColor and selectedBackgroundColor of a grouped UITableViewCell without losing the rounded corners. The cell will copy the UITableView's separator color. The separator height is exposed as separatorHeight and the radius as cornerRadius.
142+
### TableView Cells
143+
You can modify the backgroundColor and selectedBackgroundColor of a UITableViewCell without losing the rounded corners. The cell will copy the UITableView's separator color. The separator height is exposed as separatorHeight and the radius as cornerRadius.
144144
145145
```objective-c
146-
cell = [UITableViewCell configureFlatCellWithColor:[UIColor midnightBlueColor] selectedColor:[UIColor cloudsColor] style:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
146+
cell = [UITableViewCell configureFlatCellWithColor:[UIColor greenSeaColor]
147+
selectedColor:[UIColor cloudsColor]
148+
style:UITableViewCellStyleDefault
149+
reuseIdentifier:CellIdentifier];
150+
cell.cornerRadius = 5.0f; // optional
151+
cell.separatorHeight = 2.0f; // optional
147152
```
148153

149-
The same goes for the selectedBackgroundColor, just assign the view to cell.selectedBackgroundColor.
154+
![FUITableViewCell](https://raw.github.com/Grouper/FlatUIKit/master/Example/README%20images/fuitableview-small.png)
150155

151156
Colors
152157
-------
@@ -161,7 +166,7 @@ UIColor *myColor = [UIColor turquoiseColor];
161166
Fonts
162167
-------
163168

164-
FlatUIKit comes bundled with Lato, a clean, beautiful open font. More info on Lato can be found [here](http://www.latofonts.com/). It is included in FlatUIKit automatically; using it can be done like this:
169+
FlatUIKit comes bundled with Lato, a clean, beautiful open font. More info on Lato can be found [here](http://www.latofonts.com/). It is included in FlatUIKit automatically; you can use it as follows:
165170

166171
```objective-c
167172
#import "UIFont+FlatUI.h"

0 commit comments

Comments
 (0)