UIScrollView的简单介绍

本文介绍了如何在iOS应用中使用UIScrollView实现滚动和缩放功能。详细展示了如何配置UIScrollView的属性来达到页面间的平滑过渡,并结合UIPageControl实现翻页效果。同时,还讲解了如何设置图片视图的缩放比例,以及在缩放过程中调整图片位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

UIScrollView有滚动和缩放两个特征,一般滚动属性要和UIPagecontrol结合使用

//

//  MainViewController.m

//  UI_lesson08

//

//  Created by xalo on 15/10/23.

//  Copyright (c) 2015 李见辉. All rights reserved.

//


#import "MainViewController.h"


#define aColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1.0


@interface MainViewController ()<UIScrollViewDelegate>


@end


@implementation MainViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view.

#pragma mark==========================UIScrollView滚动属性==============================

    

    UIScrollView *aScrollView=[[[UIScrollView alloc]initWithFrame:[[UIScreen mainScreen]bounds]]autorelease];

    aScrollView.backgroundColor=[UIColor aColor];

    [self.view addSubview:aScrollView];

    

    //滚动视图的子视图

    NSArray *titles=@[@"",@"",@"",@""];

    for (int i=0; i<4; i++) {

        UILabel *aLabel=[[[UILabel alloc]initWithFrame:CGRectMake(CGRectGetWidth(self.view.bounds)*i, 0, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds))]autorelease];

        aLabel.text=titles[i];

        aLabel.textColor=[UIColor aColor];

        aLabel.backgroundColor=[UIColor aColor];

        aLabel.textAlignment=NSTextAlignmentCenter;

        aLabel.font=[UIFont systemFontOfSize:375 weight:600];

        aLabel.font=[UIFont fontWithName:@"Wawati SC" size:375];

        [aScrollView addSubview:aLabel];

    }

    //通过设置滑动视图的内容区域大小来让scrollView产生滑动

    //scrollView横向滑动取决于内容区域的宽度大于自身的宽度,内容区域的高度不大于自身的高度,scrollView的纵向滑动取决于内容区域的高度大于自身的高度,内容区域的宽度不大于自身的宽度

    aScrollView.contentSize=CGSizeMake(CGRectGetWidth(self.view.bounds)*4, CGRectGetHeight(self.view.bounds));//滑动范围

    

    aScrollView.contentOffset=CGPointMake(0, 0);//位置偏移量(scrollView自身的坐标轴距离左上角的相对位置,在滑动的过程中contentOffset会因为平移手势而产生改变。contentOffset的值与scrollViewboundsorgin值一样)

    

    //滑动视图的scrollToTop可以控制轻触电池条时让scrollView纵向到原始位置。也叫回到顶部,横向滑动时并没有此功能,默认此功能为YES,表示轻触回到顶部

    aScrollView.scrollsToTop=YES;

    

    //通过pagingEnabled属性可以控制视图在滑动的时候整屏滑动(一次滑动的偏移量是scrollView的宽度或者高度)

    aScrollView.pagingEnabled=YES;//默认为NO表示连续滑动

    aScrollView.bounces=YES;//控制scrollView的边缘动画是否开启(默认YES开启)

    

    //设置横向和纵向滑动指示器是否显示,默认为显示状态(在滑动的过程中才会显示)

    aScrollView.showsHorizontalScrollIndicator=NO;//水平的

    aScrollView.showsVerticalScrollIndicator=NO;//竖直的

#pragma mark==============================================================================

    aScrollView.delegate=self;//遵守代理对象

#pragma mark====================UIPageControl页面控制========================================

    UIPageControl *pageControl=[[[UIPageControl alloc]initWithFrame:CGRectMake(0, CGRectGetHeight(self.view.bounds)-80, CGRectGetWidth(self.view.bounds), 40)]autorelease];

    //pageControl.backgroundColor=[UIColor blackColor];

    //设置pageControl的总页数,与当前的scollView当前的子视图数量相同

    pageControl.numberOfPages=4;

    //设置当前的页码,与当前的scrollview当前显示的第几个视图有关,从0开始

    pageControl.currentPage=0;

    //设置pageControl的外观颜色

    pageControl.currentPageIndicatorTintColor=[UIColor whiteColor];//当前页码指示器的前景色

    pageControl.pageIndicatorTintColor=[UIColor brownColor];//页码指示器的前景色

    [self.view addSubview:pageControl];

    

    [pageControl addTarget:self action:@selector(handlePageControlAction:) forControlEvents:UIControlEventValueChanged];//绑定响应方法

    

}


//UIScrollView滚动代理方法

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{//滚动触发

    NSLog(@"%s",__FUNCTION__);

}


-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{//开始拖拽时触发

    NSLog(@"%s",__FUNCTION__);

}


-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{

    NSLog(@"%s",__FUNCTION__);

}//结束拖拽时触发


-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{

    NSLog(@"%s",__FUNCTION__);

}//开始减速时触发



-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

    NSLog(@"%s",__FUNCTION__);

    //通过偏移量除以一次偏移的大小得到页码

    NSInteger index=scrollView.contentOffset.x/CGRectGetWidth(scrollView.bounds);

    //通过快速枚举子视图数组得到对应的控件

    for (id object in self.view.subviews) {

        //判断对应的类型

        if ([object isKindOfClass:[UIPageControl class]]) {

            [(UIPageControl *)object setCurrentPage:index];

        }

    }

}//停止(减速)时触发



//联动效果

-(void)handlePageControlAction:(UIPageControl *)sender{

    //通过currenPage和一次滑动的增量得到偏移量

    CGPoint offset=CGPointZero;

    offset.x=sender.currentPage *CGRectGetWidth(self.view.bounds);

    //通过快速枚举视图的子视图数组得到对应的scrollView修改其偏移量

    for (id object in self.view.subviews) {

        if ([object isKindOfClass:[UIScrollView class]]) {

            [(UIScrollView *)object setContentOffset:offset animated:YES];

        }

    }

}











//

//  ZoomViewController.m

//  UI_lesson08

//

//  Created by xalo on 15/10/23.

//  Copyright (c) 2015 李见辉. All rights reserved.

//


#import "ZoomViewController.h"


@interface ZoomViewController ()<UIScrollViewDelegate>


@end


@implementation ZoomViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view.

#pragma mark==========================UIScrollView缩放属性==============================

    UIScrollView *aScrollView=[[[UIScrollView alloc]initWithFrame:[[UIScreen mainScreen]bounds]]autorelease];

    [self.view addSubview:aScrollView];

    

    UIImage *image=[UIImage imageNamed:@"/Users/xalo/Desktop/李见辉/UI/UI课程/UI_lesson08/UI_lesson08/a.jpg"];

    CGFloat width=CGRectGetWidth(self.view.bounds);

    CGFloat height=width*image.size.height/image.size.width;//根据视图的原始宽高比得到该宽度对应的高度

    UIImageView *imageView=[[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, width, height)]autorelease];

    imageView.center=self.view.center;

    imageView.image=image;

    [aScrollView addSubview:imageView];

    //设置scrollView的缩放的相关属性

    //设置最小缩放比例

    aScrollView.minimumZoomScale=0.5;//50%

    //设置最大缩放比例

    aScrollView.maximumZoomScale=2.0;//200%

    //imageView设置tag

    imageView.tag=123;

    //scrollView设置代理

    aScrollView.delegate=self;

    

    

}


//缩放过程中会重复响应此协议的方法

-(void)scrollViewDidZoom:(UIScrollView *)scrollView{

    NSLog(@"%@",NSStringFromCGSize(scrollView.contentSize));

    UIImageView *imageView=(UIImageView *)[scrollView viewWithTag:123];

    CGFloat content_width=scrollView.contentSize.width;

    CGFloat content_height=scrollView.contentSize.height;

    CGFloat width=CGRectGetWidth(scrollView.bounds);

    CGFloat height=CGRectGetHeight(scrollView.bounds);

    //计算缩放产生的xy轴的增量

    CGFloat delta_x=width>content_width?(width-content_width)/2:0;

    CGFloat delta_y=height>content_height?(height-content_height)/2:0;

    //重新设置视图的中心点

    imageView.center=CGPointMake(content_width/2+delta_x, content_height/2+delta_y);

}



//缩放响应

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{

    return [scrollView viewWithTag:123];

}



资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 华为移动服务(Huawei Mobile Services,简称 HMS)是一个全面开放的移动服务生态系统,为企业和开发者提供了丰富的工具和 API,助力他们构建、运营和推广应用。其中,HMS Scankit 是华为推出的一款扫描服务 SDK,支持快速集成到安卓应用中,能够提供高效且稳定的二维码和条形码扫描功能,适用于商品扫码、支付验证、信息获取等多种场景。 集成 HMS Scankit SDK 主要包括以下步骤:首先,在项目的 build.gradle 文件中添加 HMS Core 库和 Scankit 依赖;其次,在 AndroidManifest.xml 文件中添加相机访问和互联网访问权限;然后,在应用程序的 onCreate 方法中调用 HmsClient 进行初始化;接着,可以选择自定义扫描界面或使用 Scankit 提供的默认扫描界面;最后,实现 ScanCallback 接口以处理扫描成功和失败的回调。 HMS Scankit 内部集成了开源的 Zxing(Zebra Crossing)库,这是一个功能强大的条码和二维码处理库,提供了解码、生成、解析等多种功能,既可以单独使用,也可以与其他扫描框架结合使用。在 HMS Scankit 中,Zxing 经过优化,以更好地适应华为设备,从而提升扫描性能。 通常,ScanKitDemoGuide 包含了集成 HMS Scankit 的示例代码,涵盖扫描界面的布局、扫描操作的启动和停止以及扫描结果的处理等内容。开发者可以参考这些代码,快速掌握在自己的应用中实现扫码功能的方法。例如,启动扫描的方法如下: 处理扫描结果的回调如下: HMS Scankit 支持所有安卓手机,但在华为设备上能够提供最佳性能和体验,因为它针对华为硬件进行了
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值