Swift基础之实现下拉变大和OC下拉变大上拉缩小Demo

Swift语言实现下拉变大效果:(上拉缩小效果随后研究......)

关键代码:方法一:

self.automaticallyAdjustsScrollViewInsets = false;
        
        tableViewW = UITableView.init(frame: CGRectMake(0, 0, screenWidth(), screenHeight()), style: .Plain);
        tableViewW.delegate = self;
        tableViewW.dataSource = self;
        tableViewW.showsVerticalScrollIndicator = false;
        tableViewW.tableFooterView = UIView.init();
        //下面两句话是关键点,并且顺序不能错,否则初始化运行的时候图片显示不完全
        tableViewW.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);
        tableViewW.contentOffset = CGPointMake(0, -200);
        if tableViewW.respondsToSelector(Selector("setLayoutMargins:"))
        {
            tableViewW.layoutMargins = UIEdgeInsetsZero;
        }
        if tableViewW.respondsToSelector(Selector("setSeparatorInset:"))
        {
            tableViewW.separatorInset = UIEdgeInsetsZero;
        }
        self.view.addSubview(tableViewW);
        
        headView = UIImageView.init(frame: CGRectMake(0, -200, screenWidth(), 200));
        headView.image = UIImage.init(named: "33.jpg");
        //这句话是关键点设置高度改变宽度也改变
        headView.contentMode = UIViewContentMode.ScaleAspectFill;
        tableViewW.addSubview(headView);

实现UIScrollView的代理方法:

func scrollViewDidScroll(scrollView: UIScrollView) {
        let offSetY:CGFloat = scrollView.contentOffset.y;//当这里有导航条的时候:+NavigationBarHeight
        if offSetY < -200
        {
            //下拉,图片放大
            var frameE:CGRect = headView.frame;
            frameE.origin.y = offSetY;
            frameE.size.height = -offSetY;//contentMode = UIViewContentModeScaleAspectFill;时,高度改变宽度也改变
            headView.frame = frameE;
            
        }

OC语言运用第二种方法实现,图片的下拉放大,下拉缩小的效果

关键代码:

self.title = @"下拉变大,上拉缩小";
    self.automaticallyAdjustsScrollViewInsets = NO;
    
    _myTableView = [[UITableView alloc]initWithFrame:CGRectMake(0, navHeight, screenWidth, screenHeight - navHeight)];
    _myTableView.delegate = self;
    _myTableView.dataSource = self;
    _myTableView.contentInset = UIEdgeInsetsMake(headViewRect.size.height-navHeight-navHeight, 0, 0, 0);
    [self.view addSubview:_myTableView];
    
    _myView = [[HeadView alloc]initWithFrame:headViewRect backgroundView:@"22.jpg" headView:@"sun.png" headViewWidth:(CGFloat)(screenWidth / 4) signLabel:@"用户名:太阳*黑子"];
    _myView.backgroundColor = [UIColor clearColor];
    _myView.userInteractionEnabled = NO;
    [self.view addSubview:_myView];
    
    UIButton *backBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    backBtn.frame = CGRectMake(20, 20, 60, 44);
    [backBtn setTitle:@"<<返回" forState:UIControlStateNormal];
    [backBtn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [backBtn addTarget:self action:@selector(backBtnClick) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:backBtn];

实现UIScrollView的方法:

#pragma mark ------- UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    
    CGFloat offset_Y = scrollView.contentOffset.y + headViewRect.size.height-navHeight-navHeight;
    
    if  (offset_Y < 0) {
        //下拉图片放大
        _myView.backgroundView.contentMode = UIViewContentModeScaleToFill;
        
        _myView.backgroundView.frame = CGRectMake(offset_Y*0.5 , -navHeight, screenWidth - offset_Y, headViewRect.size.height - offset_Y);
    }else if (offset_Y > 0 && offset_Y <= (headViewRect.size.height-navHeight-navHeight)) {
        //下拉图片缩小,并改变图片的显示效果
        _myView.backgroundView.contentMode = UIViewContentModeTop;
        
        _myView.backgroundView.frame = CGRectMake(0 ,navHeight* offset_Y/(headViewRect.size.height-navHeight-navHeight)-navHeight , screenWidth , headViewRect.size.height -(navHeight + navHeight* offset_Y/(headViewRect.size.height-navHeight-navHeight)-navHeight) - offset_Y);
        
        
        CGFloat width = offset_Y*(40-(screenWidth / 4))/(headViewRect.size.height-navHeight-navHeight)+(screenWidth / 4);
        _myView.headView.frame =CGRectMake(0, 0, width,width);
        _myView.headView.layer.cornerRadius =width*0.5;
        _myView.headView.center = _myView.backgroundView.center;
        
        _myView.signLabel.frame =CGRectMake(0, CGRectGetMaxY(_myView.headView.frame), screenWidth, 40);
        
        _myView.signLabel.alpha = 1 - (offset_Y*3 / (headViewRect.size.height-navHeight-navHeight) /2);
    }
}

效果图:

     

Demo下载:http://download.csdn.net/detail/hbblzjy/9606681



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hbblzjy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值