IOS学习之——表视图4 给tableViewController添加悬浮窗口

转自：http://blog.youkuaiyun.com/zhenggaoxing/article/details/44857765

前言

在IOS中，UITableViewController不如UIViewController用的方便，遇到了一个需求：在TableView中添加一个悬浮按钮，不随TableView滑动而滑动。这个需求在UIViewController里面很好实现，给self.view 添加子视图，再把子视图放到最上方即可。可是在表视图控制器中，就很难办，因为控制器中没有作为tableView的父视图的view存在，而把button作为tableView的子视图出现呢，则会随着table的滑动而滑动（⊙﹏⊙b汗，搞了好久都搞不定）。不过终于搞定了这个问题。本文原创，转载请注明出处：http://blog.youkuaiyun.com/zhenggaoxing/article/details/44857765

先看看效果吧（先放个蛋糕）

实现

我们的方案是把button添加为tableVIew的子视图，然后随着table的滑动，动态改变button的高度，实现效果上的“固定”。

首先，初始化button，添加为tableView的子视图，并且放到tableView上方

[objc]  view plain  copy

1. //  添加悬浮按钮  
2.     flowButton=[[UIButton alloc]initWithFrame:CGRectMake(200, 200, 30, 30) ];  
3.     [flowButton setImage:[UIImage imageNamed:@"flowButton"] forState:UIControlStateNormal];  
4.     [self.tableView addSubview:flowButton];  
5.     [self.tableView bringSubviewToFront:flowButton];  
6.     buttonY=(int)flowButton.frame.origin.y;  

这里说以下 bringSubviewToFront，就是把子视图移动到顶部的意思，相应的有bringSubviewToBack。看一下官网描述：

Moves the specified subview so that it appears on top of its siblings.
	This method moves the specified view to the end of the array of views in thesubviews property.
Parameters	view The subview to move to the front.
Availability	iOS (2.0 and later)

翻译一下：将指定的子视图移动到它兄弟视图的顶部，这个方法将指定的视图移动到子视图属性数组的尾部。

到这里，其实悬浮的button已经出现了，接下来就要考虑如何实现固定了。首先，看一下UITableView的继承关系

tableVIew是继承自UIScrollView的，所以这里我们通过<UIScrollViewDelegate> 的 -( void )scrollViewDidScroll:( UIScrollView  *)scrollView 方法和UIScrollView的contentOffset属性来动态调整button的Y值，以实现视觉上的“固定”。

看代码：

[objc]  view plain  copy

1. -(void)scrollViewDidScroll:(UIScrollView *)scrollView  
2. {  
3.     NSLog(@"%d",(int)flowButton.frame.origin.y);  
4.     flowButton.frame = CGRectMake(flowButton.frame.origin.x, buttonY+self.tableView.contentOffset.y , flowButton.frame.size.width, flowButton.frame.size.height);  
5. }  

完整代码：

[objc]  view plain  copy

1. //  
2. //  CommonTableViewController.m  
3. //  IOS table1 type  
4. //  
5. //  Created by h92 on 15/1/6.  
6. //  Copyright (c) 2015年 李腾飞. All rights reserved.  

[objc]  view plain  copy

1. //  <span style="font-size:14px;">本文原创，转载请注明出处：</span><span style="font-size:14px;">http://blog.youkuaiyun.com/zhenggaoxing/article/details/44857765</span>  
2. //  
3.   
4. #import "CommonTableViewController.h"  
5. #import "DefineA.h"  
6.   
7. @interface CommonTableViewController ()<UITableViewDataSource,UITableViewDelegate,UIScrollViewDelegate>  
8.   
9. @end  
10.   
11. @implementation CommonTableViewController  
12. @synthesize dataList;  
13. @synthesize table;  
14. @synthesize flowButton;  
15.   
16. - (void)viewDidLoad {  
17.     [super viewDidLoad];  
18.     [self initView];  
19. }  
20.   
21.   
22. /*--------------------------------------初始化---------------------------------------*/  
23. -(void)initView  
24. {  
25.     [self setup];  
26. }  
27.   
28. - (void)didReceiveMemoryWarning {  
29.     [super didReceiveMemoryWarning];  
30.     // Dispose of any resources that can be recreated.  
31. }  
32. -(void)setup  
33. {  
34. //  添加悬浮按钮  
35.     flowButton=[[UIButton alloc]initWithFrame:CGRectMake(200, 200, 30, 30) ];  
36.     [flowButton setImage:[UIImage imageNamed:@"flowButton"] forState:UIControlStateNormal];  
37.     [self.tableView addSubview:flowButton];  
38.     [self.tableView bringSubviewToFront:flowButton];  
39.     buttonY=(int)flowButton.frame.origin.y;  
40.       
41.     // 获取文件路径  
42.     NSBundle *bundle=[NSBundle mainBundle];  
43.     NSString *plist=[bundle pathForResource:@"team" ofType:@"plist"];  
44.       
45.     // 读取文件数据（nsdictionary 类型）  
46.     dataList=[[NSMutableArray alloc] initWithContentsOfFile:plist];  
47.       
48.     // 设置title  
49.     self.title=COMMOMTABLETITLE;  
50. }  
51.   
52.   
53. #pragma mark-dataSource method  
54. /*--------------------------------------班级点名---------------------------------------*/  
55. // 第几组有几个人  
56. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section  
57. {  
58.   
59.     return [dataList count];  
60. }  
61.   
62.   
63. // 他们都叫什么  
64. -(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath  
65. {  
66.     // 确定Cell标识  
67.     static NSString *cellIdentifier=@"Cell";  
68.       
69.     // 复用 Cell  
70.     UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:cellIdentifier];  
71.     if(cell==nil){  
72.         //    UITableViewCell *cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:cellIdentifier];  
73.         //    UITableViewCell *cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];  
74.         cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:cellIdentifier];  
75.   
76.     }  
77.     cell.detailTextLabel.text=@"这就是副标题";  
78.   
79.       
80.     // 球队名称  
81.     cell.textLabel.text=[[dataList objectAtIndex:indexPath.row] objectForKey:@"name"];  
82.       
83.       
84.     // 根据plist文件生成 字符串  
85.     NSString *imagePath=[[[dataList objectAtIndex:indexPath.row]objectForKey:@"image"] stringByAppendingString:@".png"];  
86.       
87.       
88.     // 根据字符串加载图片  
89.     cell.imageView.image=[UIImage imageNamed:imagePath];  
90. //    cell.accessoryType=UITableViewCellAccessoryNone;  
91.     cell.accessoryType=UITableViewCellAccessoryCheckmark;  
92. //    cell.accessoryType=UITableViewCellAccessoryDetailButton;  
93. //    cell.accessoryType=UITableViewCellAccessoryDetailDisclosureButton;  
94. //    cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;  
95.       
96.     return cell;  
97. }  
98.   
99.   
100. -(void)scrollViewDidScroll:(UIScrollView *)scrollView  
101. {  
102.     NSLog(@"%d",(int)flowButton.frame.origin.y);  
103.     flowButton.frame = CGRectMake(flowButton.frame.origin.x, buttonY+self.tableView.contentOffset.y , flowButton.frame.size.width, flowButton.frame.size.height);  
104. }  
105.   
106. @end  

源代码：https://git.oschina.net/zhengaoxing/IOS_TableView

本文原创，转载请注明出处：http://blog.youkuaiyun.com/zhenggaoxing/article/details/44857765