ios-day05-06(灵活使用UIScrollView的三个属性:contentSize、contentInset、contentOffset，模仿“喜马拉雅”的界面)

最新推荐文章于 2019-04-08 19:17:21 发布

钢伢仔

最新推荐文章于 2019-04-08 19:17:21 发布

阅读量736

点赞数

分类专栏： ios

ios 专栏收录该内容

103 篇文章

订阅专栏

本文介绍了如何使用iOS开发技术实现类似喜马拉雅App的界面布局。通过设置UIScrollView的代理、隐藏垂直滚动条、调整内容尺寸及初始滚动位置等操作，实现了自定义的界面效果。并提供了完整的源码下载。

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

源码下载地址：http://download.youkuaiyun.com/detail/liu537192/8442167

效果图：

核心代码：

//
//  LiuJieViewController.m
//  06-喜马拉雅
//
//  Created by XinYou on 15-2-12.
//  Copyright (c) 2015年 vxinyou. All rights reserved.
//

#import "LiuJieViewController.h"

@interface LiuJieViewController () 
   
    
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIButton *lastBtn;
@property (weak, nonatomic) IBOutlet UIView *topView;
@property (weak, nonatomic) IBOutlet UIView *buttom;


@end

@implementation LiuJieViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    self.scrollView.delegate = self;
    // 隐藏竖直方向的滚动条
    self.scrollView.showsVerticalScrollIndicator = NO;
    
    // 水平方向的尺寸为0，表示水平方向不可滑动
    CGFloat contentW = 0;
//    CGFloat contentH = self.lastBtn.frame.origin.y + self.lastBtn.frame.size.height + 10;
    // 获取最后一个按钮的最大Y值(最大Y值 = 原Y值 + 按钮的高度)
    CGFloat contentH = CGRectGetMaxY(self.lastBtn.frame) + 10;
    // 设置ScrollView内容尺寸
    self.scrollView.contentSize = CGSizeMake(contentW, contentH);
    
    
    CGFloat insetTop = self.topView.frame.size.height;
    CGFloat insetLeft = 0;
    CGFloat insetBottom = self.buttom.frame.size.height;
    CGFloat insetRight = 0;
    // 给ScrollView增加额外的滚动区域
    self.scrollView.contentInset = UIEdgeInsetsMake(insetTop, insetLeft, insetBottom, insetRight);
    
    
    CGFloat offsetX = 0;
    CGFloat offsetY = -self.topView.frame.size.height;
    // 设置ScrollView一开始的滑动位置
    self.scrollView.contentOffset = CGPointMake(offsetX, offsetY);
    
}

@end