ios--框架--微博骨架搭建

柔光的暖阳◎ 2022-08-10 16:53 144阅读 0赞

原文转自：[http://blog.csdn.net/pre\_eminent/article/details/38396321][http_blog.csdn.net_pre_eminent_article_details_38396321]

最终效果图:

![SouthEast][]

BeyondViewController.m

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  BeyondViewController.m  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-3.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  这个就是主控制器,分为两块,下面是Dock栏,上面是显示不同的子控制器的view,子控制器最好用导航控制器包装一下,这样子控制器就自带了导航条,左按钮,标题,右按钮  
8.    
9.  /\* 
10.  无法点击,或点击 无响应的原因: 
11.  userInteractionEnabled = NO; 
12.  hidden = YES 
13.  alpha <= 0.01 
14.  clearColor  ,view的颜色为透明,不可以被点击 
15.  \*/  
16.   
17. \#import "BeyondViewController.h"  
18. \#import "Dock.h"  
19. \#import "DockBtn.h"  
20. \#import "Column.h"  
21. // 主控制器下面Dock的高度  
22. \#define kDockHeight 44  
23. **@interface** BeyondViewController ()  
24. \{  
25.     // 从plist中加载 的栏目对象数组  
26.     **NSMutableArray** \*\_columns;  
27.       
28.     // 主控制器下方的Dock选项栏  
29.     **Dock** \*\_dock;  
30.       
31.     // 记录当前选中的子控制器,目的是将其view从父控制器的view中移除,为添加新的子控制器的view做准备  
32.     **UIViewController** \*\_currentChildVC;  
33. \}  
34. **@end**  
35.   
36. **@implementation** BeyondViewController  
37.   
38. \- (**BOOL**)prefersStatusBarHidden  
39. \{  
40.     **return** **NO**;  
41.       
42. \}  
43.   
44. \- (**void**)viewDidLoad  
45. \{  
46.     \[**super** viewDidLoad\];  
47.   
48.     // 0.从plist加载 栏目数组,遍历数组,根据字典,生成一个一个栏目对象,存入栏目对象数组中  
49.     \_columns = \[NSMutableArray array\];  
50.     **NSBundle** \*mainBundle = \[NSBundle mainBundle\];  
51.     **NSString** \*fullPath = \[mainBundle pathForResource:@"ColumnList.plist" ofType**:nil**\];  
52.     **NSArray** \*arr = \[NSArray arrayWithContentsOfFile:fullPath\];  
53.       
54.     **for** (**NSDictionary** \*dict in arr) \{  
55.         **Column** \*column = \[Column columnWithDict:dict\];  
56.         \[\_columns addObject:column\];  
57.     \}  
58.     // 1.添加dock到主控制器方的下方  
59.     \[**self** addDock\];  
60.       
61.     // 2.一次性创建所有的子控制器,并用导航包装后,添加到当前控制器的childViewControllers  
62.     \[**self** createAllChildViewControllers\];  
63.       
64.     // 3.默认选中第0个控制器  
65.     \[**self** changeChildViewAtIndex:0 andChildVCClassName:@"HomeViewController"\];  
66.       
67.     // 4.一次性设置全局的导航栏上面的颜色主题样式  
68.     \[**self** setGlobalNavigationItemColorTheme\];  
69.      
70. \}  
71. \#pragma mark 添加dock  
72. \- (**void**)addDock  
73. \{  
74.     // 1.添加dock到主控制器方的下方  
75.     \_dock = \[\[Dock alloc\] init\];  
76.       
77.     // 2.监听Dock内部Btn的点击,让控制器成为dock的代理属性,或者,为dock的成员blok赋值  
78.     \_\_unsafe\_unretained **BeyondViewController** \*beyond = **self**;  
79.     \_dock.btnClickBlock = ^(**DockBtn** \*btn)  
80.     \{  
81.         // 调用自定义方法,更改子视图,参数1:索引号,参数2:子控制器的类名  
82.         \[beyond changeChildViewAtIndex:btn.tag andChildVCClassName:btn.viewControllerClassName\];  
83.     \};  
84.       
85.       
86.     // 3,设置Dock的frame  
87.     \_dock.frame = CGRectMake(0, **self**.view.frame.size.height - kDockHeight, **self**.view.frame.size.width, kDockHeight);  
88.     log(@"\_dock frame--%@",NSStringFromCGRect(\_dock.frame));  
89.     // 4,添加dock到主控制器方的view  
90.     \[**self**.view addSubview:\_dock\];  
91.       
92.     // 2.遍历column对象数组,批量添加dock里面的DockBtn  
93.     **for** (**Column** \*column in \_columns) \{  
94.         \[\_dock addDockBtnWithIconName:column.columnImgName title:column.columnName viewControllerClassName:column.columnClassName\];  
95.     \}  
96.       
97.     // 3.设置dock默认选中第0个  
98.     \[\_dock setDockBtnClickedAtIndex:0\];  
99.       
100. \}  
101. // 自定义方法,更改子视图,参数1:索引号,参数2:子控制器的类名  
102. \- (**void**)changeChildViewAtIndex:(**int**)index andChildVCClassName:(**NSString** \*)viewControllerClassName  
103. \{  
104.     log(@"点击了 %@",viewControllerClassName);  
105.     **if** (**self**.childViewControllers.count > 0) \{  
106.         // 0,先取出新的子控制器,如果 新的子控制器就是当前的这个控制器,直接返回 好吗?  
107.         **UIViewController** \*childVC = \[**self** childViewControllers\]\[index\];  
108.         **if** (childVC == \_currentChildVC)  **return** ;  
109.         // 1,先移除先前的子控制器的view  
110.         \[\_currentChildVC.view removeFromSuperview\];  
111.           
112.         // 2,添加新的子控制器的view到主控制器的view  
113.           
114.         childVC.view.frame = CGRectMake(0, 20, 320, 416);  
115.         //log(@"self view --%@",NSStringFromCGRect(self.view.frame));  
116.         //log(@"childVC view --%@",NSStringFromCGRect(childVC.view.frame));  
117.         // 不会重复添加view,因为一旦发现重复添加某个view,就会将它置于最上面,最好是,先移除旧的view,再添加新的view  
118.         \[**self**.view addSubview:childVC.view   \];  
119.           
120.         // 3,重要,必须更新当前的子控制器,为下次移除做准备  
121.         \_currentChildVC = childVC;  
122.     \}  
123. \}  
124.   
125. \#pragma mark 创建所有的子控制器(一共5个,首面,消息,我,广场,更多)  
126. \- (**void**)createAllChildViewControllers  
127. \{  
128.     // 1.遍历栏目对象数组,批量创建所有的子控制器,并用导航控制器包装,最后添加到self childViewControllers数组中保存  
129.     **for** (**Column** \*column in \_columns) \{  
130.         Class c = NSClassFromString(column.columnClassName);  
131.         **UIViewController** \*childVC =**nil**;  
132.         **if** (\[NSStringFromClass(c) isEqualToString:@"MoreViewController"\]) \{  
133.             // 特别注意:在继承了tableView之后,要想再使用group样式,必须在创建的时候指定样式为group,这儿特别指的是moreViewController  
134.             childVC = \[\[c alloc\]initWithStyle:UITableViewStyleGrouped\];  
135.         \} **else** \{  
136.             childVC = \[\[c alloc\]init\];  
137.         \}  
138.         // 设置导航栏的标题  
139.         childVC.navigationItem.title = column.columnName;  
140.         // 重写父类的方法  
141.         \[**self** addChildViewController:childVC\];  
142.     \}  
143. \}  
144. \#pragma marck - 重写父类的方法  
145. // 为了在添加子控制器时,全部包装成一个个导航控制器,所以重写addChildViewController方法  
146. \- (**void**)addChildViewController:(**UIViewController** \*)childVC  
147. \{  
148.     **UINavigationController** \*nav = \[\[UINavigationController alloc\]initWithRootViewController:childVC\];  
149.     // 将包装成导航控制器的子控制器添加到主控制器中,这样每一个子控制器就拥有自己的特有的导航条了  
150.     \[**super** addChildViewController:nav\];  
151. \}  
152.   
153.   
154. // 4.一次性设置全局的导航栏上面的颜色主题样式  
155. \- (**void**)setGlobalNavigationItemColorTheme  
156. \{  
157.     // 1.导航栏  
158.     // 1.1.操作navBar相当操作整个应用中的所有导航栏  
159.     **UINavigationBar** \*navBar = \[UINavigationBar appearance\];  
160.       
161.     // 1.2.设置导航栏UINavigationBar的背景图片(拉伸)  
162.     \[navBar setBackgroundImage:\[UIImage imageStretchedWithName:@"navigationbar\_background.png"\] forBarMetrics:UIBarMetricsDefault\];  
163.     // 1.3.设置状态栏背景,没有效果???  
164.     \[UIApplication sharedApplication\].statusBarStyle = UIStatusBarStyleLightContent;  
165.       
166.       
167.     // 1.4.设置导航栏UINavigationBar的Title文字属性,通过字典 设置  
168.     **NSMutableDictionary** \*navigationBarTitleDict = \[NSMutableDictionary dictionary\];  
169.     // 前景色,即文字的颜色  
170.     \[navigationBarTitleDict setObject:\[UIColor darkGrayColor\] forKey:NSForegroundColorAttributeName\];  
171.     // 文字阴影取消,字典中不能放结构体,要用NSValue包装一下  
172.     \[navigationBarTitleDict setObject:\[NSValue valueWithUIOffset:UIOffsetZero\] forKey:NSShadowAttributeName\];  
173.       
174.       
175.     // 2.导航栏上面的item  
176.     **UIBarButtonItem** \*barBtnItem =\[UIBarButtonItem appearance\];  
177.     // 2.1.设置背景  
178.     // 按钮正常状态时侯的背景  
179.     \[barBtnItem setBackgroundImage:\[UIImage imageNamed:@"navigationbar\_button\_background.png"\] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault\];  
180.     // 按钮高亮状态时侯的背景  
181.     \[barBtnItem setBackgroundImage:\[UIImage imageNamed:@"navigationbar\_button\_background\_pushed.png"\] forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault\];  
182.     // 按钮未选中状态时侯的背景  
183.     \[barBtnItem setBackgroundImage:\[UIImage imageNamed:@"navigationbar\_button\_background\_disable.png"\] forState:UIControlStateDisabled barMetrics:UIBarMetricsDefault\];  
184.       
185.       
186.     // 2.2.设置barBtnItem的文字属性  
187.     **NSMutableDictionary** \*barItemTitleDict = \[NSMutableDictionary dictionary\];  
188.     // barItemDict的文字颜色  
189.     \[barItemTitleDict setValue:\[UIColor darkGrayColor\] forKey:NSForegroundColorAttributeName\];  
190.     // barItemDict的字体  
191.     \[barItemTitleDict setValue:\[UIFont systemFontOfSize:13\] forKey:NSFontAttributeName\];  
192.       
193.     // 2.3.用字典 设置barBtnItem的标题文字属性  
194.     \[barBtnItem setTitleTextAttributes:barItemTitleDict forState:UIControlStateNormal\];  
195.     \[barBtnItem setTitleTextAttributes:barItemTitleDict forState:UIControlStateHighlighted\];  
196. \}  
197. **@end**

Dock.h

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  Dock.h  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-3.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  Dock就是主控制器下面的一条bar,它里面是由一个个按钮DockBtn组成  
8.    
9.  \#import <UIKit/UIKit.h>  
10. **@class** DockBtn;  
11. **@interface** Dock : UIView  
12. //  添加一个item到Dock(View),参数是图标名,和要显示 的标题 ,以及对应的子控制器的类名  
13.   
14. \- (**void**)addDockBtnWithIconName:(**NSString** \*)iconName title:(**NSString** \*)title viewControllerClassName:(**NSString** \*)viewControllerClassName;  
15.   
16. // 当Dock里面的某一个按钮被点击了的时候,调用代码块,处理相应的点击事件  
17. **@property** (**copy**,**nonatomic**) **void**(^btnClickBlock)(**DockBtn** \*);  
18.   
19.   
20.   
21. // 自定义方法,通过代码决定哪一个dockBtn被点击了,参数是 Dock栏里面的那个将要被点击的按钮的索引  
22. \- (**void**)setDockBtnClickedAtIndex:(**int**)index;  
23. **@end**

Dock.m

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  Dock.m  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-3.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  这个就是主控制器下面那一栏,Tabbar,也叫Dock,里面有五个按钮,分别是首页,我,消息,广场,更多  
8.    
9.  \#import "Dock.h"  
10. \#import "DockBtn.h"  
11.   
12. **@interface** Dock()  
13. \{  
14.   
15.     // 当前选中了那个dockBtn  
16.     **DockBtn** \*\_currentDockBtn;  
17. \}  
18. **@end**  
19.   
20. **@implementation** Dock  
21. // init方法内部会调用initWithFramne  
22. \- (**id**)initWithFrame:(CGRect)frame  
23. \{  
24.     **self** = \[**super** initWithFrame:frame\];  
25.     **if** (**self**) \{  
26.         // 固有固定属性,设置Dock背景颜色(分类方法,使用imageName就可进行平铺)  
27.         **self**.backgroundColor = \[UIColor colorWithPatternImageNamed:@"tabbar\_background.png"\];  
28.     \}  
29.     **return** **self**;  
30. \}  
31.   
32. //  给外部提供一个接口,添加一个DockBtn(按钮)到Dock(View),参数是图标名,和要显示 的标题,以及对应的子控制器的类名  
33. \- (**void**)addDockBtnWithIconName:(**NSString** \*)iconName title:(**NSString** \*)title viewControllerClassName:(**NSString** \*)viewControllerClassName  
34. \{  
35.     // 1.创建dock里面的按钮,并添加到dock里面  
36.     **DockBtn** \*dockBtn = \[DockBtn buttonWithType:UIButtonTypeCustom\];  
37.     \[**self** addSubview:dockBtn\];  
38.       
39.     // 2.设置dockBtn正常状态下显示 的文字  
40.     \[dockBtn setTitle:title forState:UIControlStateNormal\];  
41.       
42.     // 3.分类方法,设置按钮正常和选中状态下的图片,返回图片尺寸  
43.     \[dockBtn setBtnImgForNormalAndSelectedWithName:iconName\];  
44.       
45.     // 4.设置dockBtn对应点击后,要实例化的子控制器的类名  
46.     \[dockBtn setViewControllerClassName:viewControllerClassName\];  
47.       
48.     // 5.监听点击,只要按下就响应,(事件先传递给Dock的方法,Dock的方法中再通过调用属性block代码块,从而调用到主控制器里面的代码,原因是:在主控制器里面实例化的dock,在Dock里面才实例化的dockBtn,因此,主控制器并不知道dockItem的存在)  
49.     \[dockBtn addTarget:**self** action:**@selector**(dockBtnClick:) forControlEvents:UIControlEventTouchDown\];  
50.       
51.     // 6.遍历设置Dock里面所有按钮的frame (使之平均分布)  
52.     \[**self** setDockBtnFrames\];  
53. \}  
54.   
55. // 遍历设置Dock里面所有按钮的frame (使之平均分布)  
56. \- (**void**)setDockBtnFrames  
57. \{  
58.     // 1,获取dock里面所有的按钮个数  
59.     **int** dockBtnNum = **self**.subviews.count;  
60.       
61.     // 2,根据dock中,当前当前有多少个DockBtn,计算出每个dockBtn的宽度(self是dock,320\*44)  
62.     CGFloat dockBtnWidth = **self**.frame.size.width / dockBtnNum;  
63.     CGFloat dockBtnHeight = **self**.frame.size.height;  
64.       
65.     **for** (**int** i = 0; i <  dockBtnNum; i++) \{  
66.         // 1.逐个取出子控件  
67.         **DockBtn** \*btn = **self**.subviews\[i\];  
68.           
69.         // 2.根据索引 计算它的x  
70.         btn.frame = CGRectMake(**i** \* dockBtnWidth, 0, dockBtnWidth, dockBtnHeight);  
71.           
72.         // 3.初始化的时候,将第0个btn(即首页)选中  
73.         **if** (i == 0) \{  
74.             btn.selected = **YES**;  
75.             // 最重要的是,将选中的,置为当前的按钮,用成员变量记住,当点击dock上button的时候,先将current置为未选中,然后就被点击的按钮选中,最后最重要的是,将被点击的按钮重新置为当前 的按钮,用成员变量记住  
76.             \_currentDockBtn = btn;  
77.         \}  
78.           
79.         // 4.因为点击dock里面的按钮的时候,要知道点击了哪一个按钮,所以给每个按钮绑定一个tag,作为它的索引  
80.         btn.tag = i;  
81.     \}  
82. \}  
83.   
84. // 最重要的是,当点击dock上button的时候,先将current置为未选中,然后就被点击的按钮选中,最后最重要的是,将被点击的按钮重新置为当前 的按钮,用成员变量记住  
85. \- (**void**)dockBtnClick:(DockBtn  \*)btn  
86. \{  
87.     // 1.让当前的btn取消选中  
88.     \_currentDockBtn.selected = **NO**;  
89.       
90.     // 2.让新的btn选中  
91.     btn.selected = **YES**;  
92.       
93.     // 3.最后,让新的btn变为当前选中btn  
94.     \_currentDockBtn = btn;  
95.       
96.     // 4.调用block,即主控制中传递过来的代码块,目的是处理点击之后的实例化对应的子控制器  
97.     **if** (\_btnClickBlock) \{  
98.         // 将参数 DockBtn传递过去,给主控制器,它里面成员变量记住了它对应的控制器的类名  
99.         \_btnClickBlock(btn);  
100.     \}  
101. \}  
102.   
103.   
104.   
105. // 自定义方法,通过代码决定哪一个dockBtn被点击了,参数是 Dock栏里面的那个将要被点击的按钮的索引  
106. \- (**void**)setDockBtnClickedAtIndex:(**int**)index  
107. \{  
108.     // 1.robust判断  
109.     **if** (index < 0 || index >= **self**.subviews.count) **return**;  
110.       
111.     // 2.通过索引 拿到对应的DockBtn  viewWithTag也行  
112.     **DockBtn** \*btn = **self**.subviews\[index\];  
113.       
114.     // 3.手动调用下面方法,相当于用户用手点击了dock里面对应的按钮  
115.     \[**self** dockBtnClick:btn\];  
116. \}  
117. **@end**

DockBtn.h

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  DockBtn.h  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-4.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  一个DockBtn代表Dock上面的一个按钮,它有个成员是对应子控制器的类名,比如Home按钮,成员属性的值就是叫:HomeViewController  
8.    
9.  \#import <UIKit/UIKit.h>  
10.   
11. **@interface** DockBtn : UIButton  
12. // 每个dockBtn中,用一个成员记住 它对应的控制器的类名  
13. **@property** (**nonatomic**,**copy**) **NSString** \*viewControllerClassName;  
14. **@end**

DockBtn.m

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  DockBtn.m  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-4.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  一个DockBtn代表Dock上面的一个按钮,它有个成员是对应子控制器的类名,比如Home按钮,成员属性的值就是叫:HomeViewController  
8.    
9.  \#import "DockBtn.h"  
10.   
11. // 按钮的内容的总宽度  
12. \#define kBtnContentWidth contentRect.size.width  
13. // 按钮的内容的总高度  
14. \#define kBtnContentHeight contentRect.size.height  
15.   
16. // 按钮里的图片的所占的高度比例  
17. \#define kImageHeightRatio 0.6  
18. // 按钮里的文本标签的所占的高度比例  
19. \#define kLabelHeightRatio (1- kImageHeightRatio)  
20.   
21. **@implementation** DockBtn  
22.   
23. // 一些默认的通用的属性一定要写在构造方法里面  
24. \- (**id**)initWithFrame:(CGRect)frame  
25. \{  
26.     **self** = \[**super** initWithFrame:frame\];  
27.     **if** (**self**) \{  
28.         // 1.设置按钮文字属性 (局中,字体大小)  
29.         **self**.titleLabel.textAlignment = NSTextAlignmentCenter;  
30.         **self**.titleLabel.font = \[UIFont systemFontOfSize:12\];  
31.           
32.         // 2.设置按钮图片属性 (放大模式,取消按钮默认的点击高亮时的变色)  
33.         **self**.imageView.contentMode = UIViewContentModeScaleAspectFit;  
34.         // 取消按钮默认的点击高亮时的变色(image is drawn darker when highlighted or pressed)  
35.         **self**.adjustsImageWhenHighlighted = **NO**;  
36.           
37.         // 3.分类方法,设置按钮选中时的背景  
38.         \[**self** setBgImgForSelected:@"tabbar\_slider.png"\];  
39.     \}  
40.     **return** **self**;  
41. \}  
42.   
43. \#pragma mark 重写父类的方法（覆盖父类在高亮时所作的行为）  
44. \- (**void**)setHighlighted:(**BOOL**)highlighted  
45. \{  
46.     // 因为 这里只需用按钮的选中和默认状态时的图片,所以要取消高亮状态的一些默认变色行为  
47.     // 这里什么也不写,即取消,按钮本身 在高亮的时候执行的那些行为  
48.       
49. \}  
50.   
51.   
52. \#pragma mark 返回是按钮内部UIImageView的边框(按钮中的图片在上方,居中)  
53. \- (CGRect)imageRectForContentRect:(CGRect)contentRect  
54. \{  
55.     // 要居中,最快办法就是让按钮中的图片宽度和按钮一样宽  
56.     **return** CGRectMake(0, 0, kBtnContentWidth, **kBtnContentHeight** \* kImageHeightRatio);  
57. \}  
58.   
59. \#pragma mark 返回是按钮内部UILabel的边框(按钮中的文字在下方,居中)  
60. \- (CGRect)titleRectForContentRect:(CGRect)contentRect  
61. \{  
62.     // 要居中,最快办法就是让按钮中的Label宽度和按钮一样宽  
63.       
64.     // 文字的y位于图片的下边线的上方5个单位距离,即距离图片上方5  
65.     CGFloat labelY = **kBtnContentHeight** \* kImageHeightRatio - 5;  
66.     // 文字的高度是占按钮余下的所有高度  
67.     CGFloat labelHeight = kBtnContentHeight - labelY;  
68.     **return** CGRectMake(0, labelY, kBtnContentWidth, labelHeight);  
69. \}  
70.   
71. **@end**

模型Column.h

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  Column.h  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-4.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  1个Column模型对应Dock上面的一个按钮,类别  
8.    
9.  \#import <Foundation/Foundation.h>  
10.   
11. // 数据模型 代表一个栏目  
12. **@interface** Column : NSObject  
13.   
14. // 栏目名称  
15. **@property** (**nonatomic**,**copy**)**NSString** \*columnName;  
16. // 栏目图片名称  
17. **@property** (**nonatomic**,**copy**)**NSString** \*columnImgName;  
18. // 栏目对应的控制器的类名  
19. **@property** (**nonatomic**,**copy**)**NSString** \*columnClassName;  
20. // UI控件用weak,字符串用copy,其他对象用strong  
21.   
22. // 提供一个类方法,即构造函数,返回封装好数据的对象(返回id亦可)  
23. \+ (**Column** \*)columnNamed:(**NSString** \*)columnName imgName:(NSString\*)columnImgName className:(**NSString** \*)columnClassName;  
24.   
25. // 类方法,字典 转 对象 类似javaBean一次性填充  
26. \+ (**Column** \*)columnWithDict:(**NSDictionary** \*)dict;  
27.   
28. // 对象方法,设置对象的属性后,返回对象  
29. \- (**Column** \*)initWithDict:(**NSDictionary** \*)dict;  
30.   
31. **@end**

模型Column.m

**\[objc\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  //  
2.  //  Column.m  
3.  //  20\_帅哥no微博  
4.  //  
5.  //  Created by beyond on 14-8-4.  
6.  //  Copyright (c) 2014年 com.beyond. All rights reserved.  
7.  //  
8.    
9.  \#import "Column.h"  
10.   
11. **@implementation** Column  
12. // 返回一个包含了 栏目对应控制器名字的 对象实例  
13. \+ (**Column** \*)columnNamed:(**NSString** \*)columnName imgName:(**NSString** \*)columnImgName className:(**NSString** \*)columnClassName  
14. \{  
15.     // 为了兼容子类 使用self  
16.     **Column** \*column = \[\[**self** alloc\]init\];  
17.     column.columnName = columnName;  
18.     column.columnImgName = columnImgName;  
19.     column.columnClassName = columnClassName;  
20.     **return** column;  
21. \}  
22.   
23.   
24. // 类方法,字典 转 对象 类似javaBean一次性填充  
25. \+ (**Column** \*)columnWithDict:(**NSDictionary** \*)dict  
26. \{  
27.     // 只是调用对象的initWithDict方法,之所以用self是为了对子类进行兼容  
28.     **return** \[\[**self** alloc\]initWithDict:dict\];  
29. \}  
30.   
31. // 对象方法,设置对象的属性后,返回对象  
32. \- (**Column** \*)initWithDict:(**NSDictionary** \*)dict  
33. \{  
34.     // 必须先调用父类NSObject的init方法  
35.     **if** (**self** = \[**super** init\]) \{  
36.         // 设置对象自己的属性  
37.         \[**self** setValuesForKeysWithDictionary:dict\];  
38.     \}  
39.     // 返回填充好的对象  
40.     **return** **self**;  
41. \}  
42.   
43. **@end**

Dock里面的五个栏目按钮的数据来源ColumnList.plist

![SouthEast 1][]

[http_blog.csdn.net_pre_eminent_article_details_38396321]: http://blog.csdn.net/pre_eminent/article/details/38396321
[SouthEast]: /images/20220810/77b5c6baf3844f9b842480763f9b8900.png
[view plain]: http://blog.csdn.net/pre_eminent/article/details/38396321#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/443639
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/443639/fork
[SouthEast 1]: /images/20220810/30974842a94f4364bf00c3bf2042f275.png