zoukankan      html  css  js  c++  java
  • IOS UI-滚动视图(UIScrollView)

     1 #import "ViewController.h"
     2 /*
     3  1.UIScrollView控件是什么?
     4  (1)移动设备的屏幕⼤小是极其有限的,因此直接展示在⽤用户眼前的内容也相当有限
     5  (2)当展⽰的内容较多,超出一个屏幕时,⽤用户可通过滚动手势来查看屏幕以外的内容
     6  (3)普通的UIView不具备滚动功能,不能显示过多的内容
     7  (4)UIScrollView是一个能够滚动的视图控件,可以用来展⽰大量的内容,并且可以通过滚动查看所有的内容
     8  (5)举例:手机上的“设置”、其他⽰示例程序
     9  
    10  2.UIScrollView的简单使用
    11  (1)将需要展⽰的内容添加到UIScrollView中
    12  (2)设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺⼨,也就是告诉 它滚动的范围(能滚多远,滚到哪⾥是尽头)
    13  
    14  3.属性
    15  (1)常用属性:
    16  1)@property(nonatomic)CGPointcontentOffset; 这个属性⽤用来表⽰UIScrollView滚动的位置
    17  2)@property(nonatomic)CGSizecontentSize;这个属性⽤用来表⽰UIScrollView内容的尺⼨,滚动范围(能滚多远)
    18  3)@property(nonatomic)UIEdgeInsetscontentInset; 这个属性能够在UIScrollView的4周增加额外的滚动区域
    19  (2)其他属性:
    20  1)@property(nonatomic) BOOL bounces;  设置UIScrollView是否需要弹簧效果
    21  2)@property(nonatomic,getter=isScrollEnabled)BOOLscrollEnabled; 设置UIScrollView是否能滚动
    22  3)@property(nonatomic) BOOL showsHorizontalScrollIndicator; 是否显⽰水平滚动条
    23  4)@property(nonatomic) BOOL showsVerticalScrollIndicator; 是否显⽰垂直滚动条
    24  
    25  4.注意点
    26  如果UIScrollView⽆无法滚动,可能是以下原因:
    27  
    28  (1)没有设置contentSize
    29  (2) scrollEnabled = NO
    30  (3) 没有接收到触摸事件:userInteractionEnabled = NO
    31  (4)没有取消autolayout功能(要想scrollView滚动,必须取消autolayout)
    32  
    33  5.重要说明
    34  (1)UIScrollView的frame与contentsize属性的区分:UIScrollView的frame指的是这个scrollview的可视范围(可看见的区域),contentsize是其滚动范围。
    35  (2)contentInset(不带*号的一般不是结构体就是枚举),为UIScrollView增加额外的滚动区域。(上,左,下,右)逆时针。contentinset可以使用代码或者是视图控制器进行设置,但两者有区别(注意区分)。
    36  (3)contentsize属性只能使用代码设置。
    37  (4)contentoffset是个CGpoint类型的结构体,用来记录ScrollView的滚动位置,即记录着“框”跑到了哪里。知道了这个属性,就知道了其位置,可以通过设置这个属性来控制这个“框”的移动。
    38  (5)不允许直接修改某个对象内部结构体属性的成员,三个步骤(先拿到值,修改之,再把修改后的值赋回去)。
    39  (6)增加了额外区域后,contentoffset的原点在哪里?
    40 
    41  
    42  */
    43 
    44 @interface ViewController ()
    45 
    46 {
    47     UIScrollView *_scrollView;
    48 }
    49 
    50 @end
    51 
    52 @implementation ViewController
    53 
    54 - (void)viewDidLoad {
    55     [super viewDidLoad];
    56     //1.创建UISrollView
    57     //  frame中的size指UIScrollView的可视范围
    58     UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(100, 200, self.view.frame.size.width-200, 200)];
    59     scrollView.backgroundColor = [UIColor cyanColor];
    60     [self.view addSubview:scrollView];
    61     
    62     //2.创建UIImageView(图片)
    63     UIImageView *imageView = [[UIImageView alloc] init];
    64     //获取图片路径
    65     NSString *path = [[NSBundle mainBundle] pathForResource:@"bg.png" ofType:nil];
    66     //NSLog(@"%@",path);
    67     //通过路径加载图片
    68     imageView.image  = [UIImage imageWithContentsOfFile:path];
    69     //根据图片的尺寸设置frame
    70     CGFloat imgW = imageView.image.size.width;
    71     CGFloat imgH = imageView.image.size.height;
    72     imageView.frame = CGRectMake(0, 0, imgW, imgH);
    73     [scrollView addSubview:imageView];
    74     
    75     //3.设置UIScrollView属性
    76     
    77     //设置UIScrollView的滚动范围(内容大小)
    78     scrollView.contentSize = imageView.frame.size;
    79     
    80     //隐藏水平滚动条
    81     scrollView.showsHorizontalScrollIndicator = NO;
    82     //隐藏垂直滚动条
    83     scrollView.showsVerticalScrollIndicator = NO;
    84     //去除弹簧效果
    85     scrollView.bounces = NO;
    86     //记录scrollView滚动的位置
    87     scrollView.contentOffset = CGPointMake(200, 100);
    88     // 设置scrollView的4周增加额外的滚动区域
    89     //scrollView.contentInset = UIEdgeInsetsMake(20, 20, 20, 20);
    90     
    91     _scrollView = scrollView;
    92 }
    93 
    94 - (void)didReceiveMemoryWarning {
    95     [super didReceiveMemoryWarning];
    96 }
    97 
    98 @end
  • 相关阅读:
    ASP.NET Forums 2.0 修改集锦(一)
    在自己的应用程序中显示Windows关于对话框
    ASP.NET Forums 2.0 本地化修改(四)
    Flash对双字节的支持问题
    DotNetNuke 2.1.2安装指南
    ASP.NET Forums 2.0 本地化修改(五) 增加页面Meta标记的keywords和description
    ASP.NET Forums 2.0 本地化修改(三)
    JavaScript利用正则表达式自己写数字判断函数
    hash表基础知识(转载)
    求子数组的最大和
  • 原文地址:https://www.cnblogs.com/oc-bowen/p/5091968.html
Copyright © 2011-2022 走看看