码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-04-04 09:23:49      阅读:648      评论:0      收藏:0      [点我收藏+]

标签:ios   uitableviewcontrolle   悬浮按钮   

前言

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

先看看效果吧(先放个蛋糕技术分享

技术分享


实现

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

首先,初始化button,添加为tableView的子视图,并且放到tableView上方
//  添加悬浮按钮
    flowButton=[[UIButton alloc]initWithFrame:CGRectMake(200, 200, 30, 30) ];
    [flowButton setImage:[UIImage imageNamed:@"flowButton"] forState:UIControlStateNormal];
    [self.tableView addSubview:flowButton];
    [self.tableView bringSubviewToFront:flowButton];
    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 the subviews 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值,以实现视觉上的“固定”。
看代码:
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    NSLog(@"%d",(int)flowButton.frame.origin.y);
    flowButton.frame = CGRectMake(flowButton.frame.origin.x, buttonY+self.tableView.contentOffset.y , flowButton.frame.size.width, flowButton.frame.size.height);
}

完整代码:

//
//  CommonTableViewController.m
//  IOS table1 type
//
//  Created by h92 on 15/1/6.
//  Copyright (c) 2015年 李腾飞. All rights reserved.
//  <span style="font-size:14px;">本文原创,转载请注明出处:</span><span style="font-size:14px;">http://blog.csdn.net/zhenggaoxing/article/details/44857765</span>
//

#import "CommonTableViewController.h"
#import "DefineA.h"

@interface CommonTableViewController ()<UITableViewDataSource,UITableViewDelegate,UIScrollViewDelegate>

@end

@implementation CommonTableViewController
@synthesize dataList;
@synthesize table;
@synthesize flowButton;

- (void)viewDidLoad {
    [super viewDidLoad];
    [self initView];
}


/*--------------------------------------初始化---------------------------------------*/
-(void)initView
{
    [self setup];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
-(void)setup
{
//  添加悬浮按钮
    flowButton=[[UIButton alloc]initWithFrame:CGRectMake(200, 200, 30, 30) ];
    [flowButton setImage:[UIImage imageNamed:@"flowButton"] forState:UIControlStateNormal];
    [self.tableView addSubview:flowButton];
    [self.tableView bringSubviewToFront:flowButton];
    buttonY=(int)flowButton.frame.origin.y;
    
    // 获取文件路径
    NSBundle *bundle=[NSBundle mainBundle];
    NSString *plist=[bundle pathForResource:@"team" ofType:@"plist"];
    
    // 读取文件数据(nsdictionary 类型)
    dataList=[[NSMutableArray alloc] initWithContentsOfFile:plist];
    
    // 设置title
    self.title=COMMOMTABLETITLE;
}


#pragma mark-dataSource method
/*--------------------------------------班级点名---------------------------------------*/
// 第几组有几个人
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{

    return [dataList count];
}


// 他们都叫什么
-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // 确定Cell标识
    static NSString *cellIdentifier=@"Cell";
    
    // 复用 Cell
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if(cell==nil){
        //    UITableViewCell *cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:cellIdentifier];
        //    UITableViewCell *cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellIdentifier];
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:cellIdentifier];

    }
    cell.detailTextLabel.text=@"这就是副标题";

    
    // 球队名称
    cell.textLabel.text=[[dataList objectAtIndex:indexPath.row] objectForKey:@"name"];
    
    
    // 根据plist文件生成 字符串
    NSString *imagePath=[[[dataList objectAtIndex:indexPath.row]objectForKey:@"image"] stringByAppendingString:@".png"];
    
    
    // 根据字符串加载图片
    cell.imageView.image=[UIImage imageNamed:imagePath];
//    cell.accessoryType=UITableViewCellAccessoryNone;
    cell.accessoryType=UITableViewCellAccessoryCheckmark;
//    cell.accessoryType=UITableViewCellAccessoryDetailButton;
//    cell.accessoryType=UITableViewCellAccessoryDetailDisclosureButton;
//    cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;
    
    return cell;
}


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

@end

源代码:https://git.oschina.net/zhengaoxing/table1-type
本文原创,转载请注明出处:http://blog.csdn.net/zhenggaoxing/article/details/44857765






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

标签:ios   uitableviewcontrolle   悬浮按钮   

原文地址:http://blog.csdn.net/zhenggaoxing/article/details/44857765

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!