UIScrollView的简单使用

- UIScrollView 介绍

  • 问&1.UIScrollView 是干什么的?
  • • UIScrollView 也是一种控件,继承自UIView。
    • 用来实现滚动缩放的控件
  • 什么是UIScrollView?       UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容

解析:

UIScrollView是直接继承于UIView, 所以UIScrollView不能直接进行addTagert做监听事件,因为只有直接继承于UIControl的才可以直接进行监听事件 ,所以这里要监听UIScrollView的事件,需要引入后面的代理模式delegate;

问&2: 谁在滚动,和缩放?

-> “滚动”和”缩放”指的是针对放到 UIScrollView 控件里面的内容(可以是图片、表格、其他控件等), UIScrollView 控件本身不动

问&3:为什么要进行”滚动”或”缩放”?

移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限

当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内

普通的UIView不具备滚动功能,不能显示过多的内容

UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容

问&4:UIScrollView实现滚动的基本思路?

* >1.创建一个UIScrollView控件, 设置该控件本身的大小、位置(frame)

* >2.创建要进行滚动的内容(可以是图片、表格、其他控件等)

**—> 注意: 这个内容通常是比较多的, 屏幕放不下了所以要放到UIScrollView中可以进行滚动查看

* >3.把要滚动的内容添加到UIScrollView控件中, 让要滚动的内容作为UIScrollView控件的子控件

* >4.通过设置UIScrollView的contentSize属性, 指定要滚动的内容的实际大小 —>这里是在代码里面设置的

** 问&5:为什么要设置UIScrollView的contentSize属性?

** 解析: 如果不设置contentSize, UIScrollView怎么知道实际内容有多大? UIScrollView都不知道实际内容有多大, 它怎么知道需不需要滚动? 如果实际内容比UIScrollView还小, 那么就不需要滚动。如果实际内容比UIScrollView本身的尺寸大, 那么才需要滚动。

** 注意: 在xcode6下不需要取消"自动布局”也能滚动

代码演示:

 1 - UIScrollView设置滚动的基本步骤:
 2 1> 创建一个UIScrollView
 3    //直接拖拽一个UIScrollView控件到main.storyboard里面,然后设置它的frame,
 4 2> 向UIScrollView中添加内容
 5      //添加一个图片框UIImageView(也可以是其他的控件) ,把图片框尺寸设置为图片原尺寸
 6 3> 设置UIScrollView的内容的大小(contentSize)
 7   //在代码里面设置   所以这里需要拖线,将UIImageView控件和UIScrollView都拖线,
 8
 9 -4>.代码实现 UIScrollView实现图片滚动(参考案例:大图片展示)
10 @property (weak, nonatomic) IBOutletUIScrollView *scrollView;
11 @property (weak, nonatomic) IBOutlet UIImageView *d2ImageView;
12 - (void)viewDidLoad {
13     [super viewDidLoad];
14     // 设置ScrollView的contentSize
15     // 设置scrollView的contentSize为图片框的大小
16     self.scrollView.contentSize = self.imgView.bounds.size;
17 }
18
19 注意:在设置图片的时候,要把图片的尺寸位置为图片的原尺寸,并左上角对齐
20   图片有多大就显示多大, 这里选择是左对齐,
21   图片控件属性面板—> View —> Mode  —> Top Left
22               View —> Mode里面有很多种对齐方式,
时间: 2024-10-26 20:11:57

UIScrollView的简单使用的相关文章

UIScrollView的 简单用法

自己所经历的,,忘记了就要找回,,不论早晚 //设置ScrollView的整体触摸与显示区域 假如屏幕宽高 是 320X480 //注意  ScrollView的 宽 高不要超过   320X480 //否则会出现无法滚动的情况 _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320,440)]; //设置ScrollView滚动内容的区域 //它通常是需要大于ScrollerView的显示区域的 //这样才有

UIScrollView的简单使用,可用来实现简单的相册

MainViewController.h #import <UIKit/UIKit.h> @interface MainViewController : UIViewController<UIScrollViewAccessibilityDelegate> @end MainViewController.m #import "MainViewController.h" @interface MainViewController () @end @implemen

启动图实现:UIScrollView+UIPageControl简单实现

#import "MJViewController.h"#import "RootViewController.h" @interface MJViewController () <UIScrollViewDelegate>@property (strong, nonatomic) UIScrollView *scrollView;@property (strong, nonatomic) UIPageControl *pageControl;@prop

UIScrollView的简单页面

#import "ViewController.h" @interface ViewController () { UIImageView *imageview2; UIScrollView *sv; UIPageControl *page; } @end @implementation ViewController -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView { CGPoint newOff=scrol

UIScrollView控件的一些简单介绍

1.UIScrollView控件是什么 (1)移动设备的屏幕大小是有限的,因此直接展示在用户眼前的数据内容也是有限的 (2)当展示的内容过多,超出屏幕时,用户可以通过滚动手势来查看屏幕以外的内容 (3)普通的UIView不具备滚动功能,不能显示过多的内容 (4)UIScrollView是一个可以滚动的视图控件,可以展示大量内容,并且可以通过滚动手势查看所有内容 2. UIScrollView的简单使用 (1)将要展示的内容添加到UIScrollView中 (2)设置UIScrollView的co

UIScrollView控件介绍

一.知识点简单介绍 1.UIScrollView控件是什么? (1)移动设备的屏幕?大?小是极其有限的,因此直接展?示在?用户眼前的内容也相当有限 (2)当展?示的内容较多,超出?一个屏幕时,?用户可通过滚动?手势来查看屏幕以外的内容 (3)普通的UIView不具备滚动功能,不能显?示过多的内容 (4)UIScrollView是一个能够滚动的视图控件,可以?用来展?示?大量的内容,并且可以通过滚 动查看所有的内容 (5)  举例:手机上的“设置”.其他?示例程序 2.UIScrollView的简

iOS开发UI篇—UIScrollView控件介绍

一.知识点简单介绍 1.UIScrollView控件是什么? (1)移动设备的屏幕?大?小是极其有限的,因此直接展?示在?用户眼前的内容也相当有限 (2)当展?示的内容较多,超出?一个屏幕时,?用户可通过滚动?手势来查看屏幕以外的内容 (3)普通的UIView不具备滚动功能,不能显?示过多的内容 (4)UIScrollView是一个能够滚动的视图控件,可以?用来展?示?大量的内容,并且可以通过滚 动查看所有的内容 (5)  举例:手机上的“设置”.其他?示例程序 2.UIScrollView的简

AutoLayout中使用UIScrollView

UIScrollView添加约束要点: 1.scrollView与它的superview的约束关系用来确定scrollView的frame 2.scrollView中的『contentView』的约束关系用来确定scrollView的contentInsets 3.contentView的宽度和高度用来确定scrollView的contentSize 原则1:UIScrollView的size依赖于subviews UIScrollView的size(即contentSize)则根据subvie

[UI基础]UIScrollView

一.知识点介绍 1.UIScrollView控件是什么? 移动设备的屏幕尺寸极其有限,能够展现在用户眼前的内容因此受到限制.普通的UIView不具备滚动功能,UIScrollView是一个可以滚动的视图控件, 可以因此显示更多的内容,用户可以通过滚动查看更多的内容.如手机里的“设置” 2.UIScrollView的简单使用 (1)将需要展?的内容添加到UIScrollView中 (2)设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺?,也就是告诉