zoukankan      html  css  js  c++  java
  • scrollView中内部控件的悬停

    以下图为例,图片,红色view和蓝色view是添加在scrollView上的,向上拖动,红色view停留在屏幕顶端不动,其它的继续滚动,向下拖动后,红色view跟着下来,也可以缩放,效果如下:(有点难看,凑合用就行)

    整体思路:首先上拉,红色到达顶部状态栏位置时候,把redView添加到控制器的View中。

         其次下拉,scrollView顶部跟红色View平行的时候,将redView添加到scrollView中。

        直接添加即可,不需要先移除

    代码如下:(注意的是scrollView中自动布局的设置问题)

    #import "ViewController.h"
    
    @interface ViewController () <UIScrollViewDelegate>
    @property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
    @property (weak, nonatomic) IBOutlet UIView *blueView;
    @property (weak, nonatomic) IBOutlet UIView *redView;
    @property (weak, nonatomic) IBOutlet UIImageView *imageView;
    
    
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        self.scrollView.contentSize = CGSizeMake(0, CGRectGetMaxY(self.blueView.frame));
    }
    
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        //图片的高度
        CGFloat imageH = self.imageView.frame.size.height;
        //scrollView的滚动的Y值
        CGFloat offsetY = scrollView.contentOffset.y;
        if (offsetY >= imageH) {
            //当向上滑动到状态栏边缘的时候,将红色控件添加到控制器View中
            CGRect redFrame = self.redView.frame;
            redFrame.origin.y = 0;
            self.redView.frame = redFrame;
            [self.view addSubview:self.redView];
        }else {
            //下拉到scrollView顶部时候,将红色控件添加到控制器scrollView中
            CGRect redFrame = self.redView.frame;
            redFrame.origin.y = imageH;
            self.redView.frame = redFrame;
            [self.scrollView addSubview:self.redView];
        }

    @end

     如果想实现下拉后图片的放大和缩小,可以在后面添加如下代码:

        CGFloat scale = 1 - (offsetY / 20);
        scale = (scale >= 1) ? scale : 1;
        self.imageView.transform = CGAffineTransformMakeScale(scale, scale);
  • 相关阅读:
    【iBoard电子学堂开发板例程】【12个 stm32 例程发布】
    【iCore双核心组合是开发板例程】【12个 verilog 中级实验例程发布】
    【新产品发布】【iHMI43 智能液晶模块 2013 版】
    【新产品发布】【EVC8001 磁耦隔离式 USB 转 RS-485】
    【iHMI43真彩液晶模块】发布新版 DEMO 软件包,版本号为 0.14
    【新产品发布】【iCore2 ARM / FPGA 双核心板】
    急性淋巴瘤化疗术后高热不退案
    产后便秘案
    药疹治案
    胃癌化疗后急救案
  • 原文地址:https://www.cnblogs.com/hissia/p/5468347.html
Copyright © 2011-2022 走看看