iPhone开发之UIScrollView滚动组件的使用（四）拖线实现喜马拉雅案例

绝地灬酷狼 2022-08-04 12:57 150阅读 0赞

1、当不希望把屏幕上的一些内容跟着滚动，就不要把这些内容放到滚动组件内。

2、实现步骤

（1）拖拽一个UIScrollView到控制器view，设置该UIScrollView大小与控制器view一致。

（2）设置UIScrollView的背景颜色为RGB：212，212，212

（3）向UIScrollView中增加内容

（4）设置UIScrollView的contentSIze的height为最下面图片的最大的Y值，width=UIScrollView对象frame的width（因为横向不滚动）或直接设置contentSize的width为0.（因为0必然小于UIScrollView大小frame的width，等于告诉UIScrollView对象，里面内容的宽度小于滚动组件的宽度，不需要再横向滚动）

提示：某个方向上不希望滚动，则把该方向上的contentSize的值设置为0；

注意：控件的x、y坐标值是指控件左上角的坐标值，控件最大的x值是指控件的x值加上控件的宽度width的和，控件最大的y值是指控件的y坐标值加上控件高度height之和。可以直接调用CGRectGetMaxY(控件的frame) 与CGRectGetMaxX(frame)来进行获取控件的最大Y值与最大X值。返回double类型数据。

（5）通过contentOffset偏移属性来进行设置内容的默认滚动位置

通过contentInsets来设置内容的内边距。

具体过程如下所示；

![Center][]

![Center 1][]

![Center 2][]

![Center 3][]

![Center 4][]

![Center 5][]

![Center 6][]

![Center 7][]

![Center 8][]

![Center 9][]

![Center 10][]

![Center 11][]

![Center 12][]

![Center 13][]

![Center 14][]

![Center 15][]

![Center 16][]

19 发现运行结果下面总弹回去

![Center 17][]

20在viewDidLoad方法中为UIScrollView的内容设置下方内边距即可

![Center 18][]

编辑控制器的.m文件，代码如下：

//
    //  ViewController.m
    //  喜马拉雅案例
    //
    //  Created by apple on 15/8/28.
    //  Copyright (c) 2015年 LiuXun. All rights reserved.
    //
    
    #import "ViewController.h"
    
    @interface ViewController ()
    @property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
    
    @property (weak, nonatomic) IBOutlet UIImageView *lastImageView;
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad
    {
        [super viewDidLoad];
        
        //   获取最后一个UIImageView组件的最大Y值
    	double LastImageMaxY   =   CGRectGetMaxY(self.lastImageView.frame);
        //  将内容的大小告知UIScrollView组件
        self.scrollView.contentSize=CGSizeMake(0, LastImageMaxY);
        
        //   为滚动组件中内容的下方设置内边距
        self.scrollView.contentInset=UIEdgeInsetsMake(0, 0, 100, 0);
    }
    
    - (void)didReceiveMemoryWarning
    {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    @end

运行结果如下所示：

![Center 19][]

[Center]: /images/20220731/2f5136ab69e54a9e80355c64e798cdaf.png
[Center 1]: /images/20220731/6f458d8c7d884fb5865c083ced8a4c2a.png
[Center 2]: /images/20220731/07308fc1a45b45989972f0c3a60aaf16.png
[Center 3]: /images/20220731/cd1e0b87406f41fdb91953861640824d.png
[Center 4]: /images/20220731/061acb0eb35c41fc887aedbfb05bd2af.png
[Center 5]: /images/20220731/f2187680afd04fa2b765e726889b5e89.png
[Center 6]: /images/20220731/b1c2fdf2e73543deb58f1af8878913f6.png
[Center 7]: /images/20220731/2d89cf48cf2d4f478378adae3546af92.png
[Center 8]: /images/20220731/6ea8041906144a5d948f7fba3e935dd7.png
[Center 9]: /images/20220731/6f01ca60d0884bd6984817fe0c22c5d1.png
[Center 10]: /images/20220731/b4503230653f435f804884ac9cc36876.png
[Center 11]: /images/20220731/171db5f1839e4b5589d6cd3241804619.png
[Center 12]: /images/20220731/577668c3be104621aba660ce8f02b68b.png
[Center 13]: /images/20220731/df93e993e9cc42caa9694028752bc699.png
[Center 14]: /images/20220731/65f7e5a4d5fd43cc99ac7ed0670ecb37.png
[Center 15]: /images/20220731/8b5a9417640a4ef5beea60b5b8f95f60.png
[Center 16]: /images/20220731/3c3370fa6d594fd9a4cdb1a5627845c4.png
[Center 17]: /images/20220731/0ae315d121fb47969ff6ca903d8e95e2.png
[Center 18]: /images/20220731/a8c9f40b69d44926a575aa2877f33761.png
[Center 19]: /images/20220731/789949f614824453a397103721958206.png