iOS开发——项目篇—高仿百思不得姐 05——发布界面、发表文字界面、重识 bounds、frame、scrollView

2021-09-05 19:48:10

加号界面（发布模块）

一、点击加号modal出发布模块，创建控件，布局控件
1）使用xib加载view，如果在viewDidLoad创建控件并设置frame 那么self.view 的宽高拿到的是xib的大小

2）如果在viewDidLayouSubviews布局子控件那么self.view 的宽高拿到的是屏幕的宽高（这里不推荐最好在设置frame时直接用屏幕宽高设置frame）

3）创建按钮，自定义按钮，布局按钮

- (instancetype)initWithFrame:(CGRect)frame

{

    if (self = [super initWithFrame:frame]) {

        self.titleLabel.textAlignment = NSTextAlignmentCenter;

        self.titleLabel.font = [UIFont systemFontOfSize:];

        [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

    }

    return self;

}

- (void)layoutSubviews

{

    [super layoutSubviews];

    self.imageView.y = ;

    self.imageView.centerX = self.width * 0.5;

    self.titleLabel.width = self.width;

    self.titleLabel.y = CGRectGetMaxY(self.imageView.frame);

    self.titleLabel.x = ;

    self.titleLabel.height = self.height - self.titleLabel.y;

}

二、添加动画
1）Core Animation
利用苹果自带的动画方法
动画只能作用在CALayer
无法监听到动画的中间值（frame值并不能改变只是个假象）

2）pop
facebook出品的动画框架
动画能作用在任何对象
能监听到动画的中间值（真正的修改frame值）

        // 动画

        POPSpringAnimation *anim = [POPSpringAnimation animationWithPropertyNamed:kPOPViewFrame];

        anim.fromValue = [NSValue valueWithCGRect:CGRectMake(buttonX, buttonY - CHGScreenH, buttonW, buttonH)];

        anim.toValue = [NSValue valueWithCGRect:CGRectMake(buttonX, buttonY, buttonW, buttonH)];

        anim.springSpeed = ;

        anim.springBounciness = ;

        // CACurrentMediaTime()获得的是当前时间

        anim.beginTime = CACurrentMediaTime() + [self.times[i] doubleValue];

        [button pop_addAnimation:anim forKey:nil];

3）示例程序
poping
LeamCube
github中搜索Animation

三、动画细节
1、弹出动画（使用pop）
代码优化

2、退出动画
禁止用户的交互等小细节

    // 禁止交互

    self.view.userInteractionEnabled = NO;

点击按钮、取消按钮、屏幕三种不同情况

四、modal发段子等子控制器
1）选择正确的控制器去modal 选择的控制器不能是已经消亡的，一般用窗口的根控制器（此处根控制器为tabbarVC）
2）将跳转（发段子等功能）封装到一个block内，区分点击按钮、取消按钮、屏幕三种不同情况下有不同功能，也就是说点击按钮（发段子、发视频等）才需要有跳转的功能，其他两个不需要

#pragma mark - 退出动画

- (void)exit:(void (^)())task

{

    // 禁止交互

    self.view.userInteractionEnabled = NO;

    // 让按钮执行动画

    for (int i = ; i < self.buttons.count; i++) {

        CHGPublishButton *button = self.buttons[i];

        POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerPositionY];

        anim.toValue = @(button.layer.position.y + CHGScreenH);

        // CACurrentMediaTime()获得的是当前时间

        anim.beginTime = CACurrentMediaTime() + [self.times[i] doubleValue];

        [button.layer pop_addAnimation:anim forKey:nil];

    }

    // 让标题执行动画

    POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerPositionY];

    anim.toValue = @(self.sloganView.layer.position.y + CHGScreenH);

    // CACurrentMediaTime()获得的是当前时间

    anim.beginTime = CACurrentMediaTime() + [self.times.lastObject doubleValue];

    CHGWeakSelf;

    [anim setCompletionBlock:^(POPAnimation *anim, BOOL finished) {

        [weakSelf dismissViewControllerAnimated:NO completion:nil];

        // 可能会做其他事情

//        if (task) task();

        !task ? : task();

    }];

    [self.sloganView.layer pop_addAnimation:anim forKey:nil];

}

三种不同情况

#pragma mark - 点击

- (void)buttonClick:(XMGPublishButton *)button

{

    [self exit:^{

        // 按钮索引

        NSUInteger index = [self.buttons indexOfObject:button];

        switch (index) {

            case : { // 发段子

                // 弹出发段子控制器

                CHGPostWordViewController *postWord = [[CHGPostWordViewController alloc] init];

                [self.view.window.rootViewController presentViewController:[[CHGNavigationController alloc] initWithRootViewController:postWord] animated:YES completion:nil];

                break;

            }

            case :

                XMGLog(@"发视屏");

                break;

            case :

                XMGLog(@"发图片");

                break;

            default:

                XMGLog(@"其它");

                break;

        }

    }];

}

- (IBAction)cancel {

    [self exit:nil];

}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

{

    [self exit:nil];

}

五、发段子界面
1）textView 默认会换行，但是没有占位文字，需自定义，封装成工具类、小框架
2）自定义带占位文字的textView
方法一 drawRect 画在一个矩形框内

#import <UIKit/UIKit.h>

@interface CHGPlaceholderTextView : UITextView

/** 占位文字 */

@property (nonatomic, copy) NSString *placeholder;

/** 占位文字颜色 */

@property (nonatomic, strong) UIColor *placeholderColor;

@end

#import "CHGPlaceholderTextView.h"

@implementation CHGPlaceholderTextView

- (instancetype)initWithFrame:(CGRect)frame

{

    if (self = [super initWithFrame:frame]) {

        self.font = [UIFont systemFontOfSize:];

        self.textColor = [UIColor blackColor];

        self.placeholderColor = [UIColor grayColor];

        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange:) name:UITextViewTextDidChangeNotification object:self];

    }

    return self;

}

- (void)textDidChange:(NSNotification *)note

{

    // 会重新调用drawRect:方法

    [self setNeedsDisplay];

}

- (void)dealloc

{

    [[NSNotificationCenter defaultCenter] removeObserver:self];

}

- (void)drawRect:(CGRect)rect {

    // 如果有文字，就直接返回，不需要画占位文字

    //    if (self.text.length || self.attributedText.length) return;

    if (self.hasText) return;

    // 属性

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

    attrs[NSFontAttributeName] = self.font;

    attrs[NSForegroundColorAttributeName] = self.placeholderColor;

    rect.origin.x = ;

    rect.origin.y = ;

    rect.size.width -=  * rect.origin.x;

    [self.placeholder drawInRect:rect withAttributes:attrs];

}

// 若是不写  进入发表界面 占位文字不能随textView上下滚动

- (void)layoutSubviews

{

    [super layoutSubviews];

    [self setNeedsDisplay];

}

#pragma mark - setter

- (void)setPlaceholderColor:(UIColor *)placeholderColor

{

    _placeholderColor = placeholderColor;

    [self setNeedsDisplay];

}

- (void)setPlaceholder:(NSString *)placeholder

{

    _placeholder = placeholder;

    [self setNeedsDisplay];

}

- (void)setFont:(UIFont *)font

{

    [super setFont:font];

    [self setNeedsDisplay];

}

- (void)setText:(NSString *)text

{

    [super setText:text];

    [self setNeedsDisplay];

}

- (void)setAttributedText:(NSAttributedString *)attributedText

{

    [super setAttributedText:attributedText];

    [self setNeedsDisplay];

}

@end

方法二添加label

#import <UIKit/UIKit.h>

@interface CHGPlaceholderTextView2 : UITextView

/** 占位文字 */

@property (nonatomic, copy) NSString *placeholder;

/** 占位文字颜色 */

@property (nonatomic, strong) UIColor *placeholderColor;

@end

#import "CHGPlaceholderTextView2.h"

@interface CHGPlaceholderTextView2 ()

/** 占位文字label */

@property (nonatomic, weak) UILabel *placeholderLabel;

@end

@implementation CHGPlaceholderTextView2

- (instancetype)initWithFrame:(CGRect)frame

{

    if (self = [super initWithFrame:frame]) {

        // 创建label

        UILabel *placeholderLabel = [[UILabel alloc] init];

        placeholderLabel.numberOfLines = ;

        [self addSubview:placeholderLabel];

        self.placeholderLabel = placeholderLabel;

        // 设置默认字体

        self.font = [UIFont systemFontOfSize:];

        // 设置默认颜色

        self.placeholderColor = [UIColor grayColor];

        // 使用通知监听文字改变

        [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(textDidChange:) name:UITextViewTextDidChangeNotification object:self];

    }

    return self;

}

- (void)textDidChange:(NSNotification *)note

{

    self.placeholderLabel.hidden = self.hasText;

}

- (void)dealloc

{

    [[NSNotificationCenter defaultCenter] removeObserver:self];

}

- (void)layoutSubviews

{

    [super layoutSubviews];

    self.placeholderLabel.x = ;

    self.placeholderLabel.y = ;

    self.placeholderLabel.width = self.width -  * self.placeholderLabel.x;

    [self.placeholderLabel sizeToFit];

}

#pragma mark - setter

- (void)setPlaceholder:(NSString *)placeholder

{

    _placeholder = [placeholder copy];

    self.placeholderLabel.text = placeholder;

    [self.placeholderLabel sizeToFit];

    //    [self setNeedsLayout];

}

- (void)setPlaceholderColor:(UIColor *)placeholderColor

{

    _placeholderColor = placeholderColor;

    self.placeholderLabel.textColor = placeholderColor;

}

- (void)setFont:(UIFont *)font

{

    [super setFont:font];

    self.placeholderLabel.font = font;

    [self.placeholderLabel sizeToFit];

    //    [self setNeedsLayout];

}

- (void)setText:(NSString *)text

{

    [super setText:text];

    self.placeholderLabel.hidden = self.hasText;

}

- (void)setAttributedText:(NSAttributedString *)attributedText

{

    [super setAttributedText:attributedText];

    self.placeholderLabel.hidden = self.hasText;

}

@end

3）如何去除占位文字
代理（不推荐）
通知 (参考上面代码)
4）设置占位文字颜色、字体、大小、普通内容、富文本内容、frame等属性
默认的情况下
重新设置的情况下（重写这五个属性的set方法，再重绘或者重新计算，frame重写layoutsubviews）
5）拖拽时取消编辑，退出键盘
设置竖直方向允许拖动，实现拖拽的代理方法控制退出键盘
6）设置导航栏的属性字体颜色等（layouIfNeeded强制刷新，可解决因为设置属性而影响到状态）

六、三种刷新控件的方法

 // 重新刷新自己和子控件的所有内容（状态、尺寸）

 [tempView layoutIfNeeded];

 // 重新调用tempView的layoutSubviews（重新排布子控件的frame）

 [tempView setNeedsLayout];

 // 重新调用tempView的drawRect:方法（重新绘制tempView里面的内容，一般不包括子控件）

 [tempView setNeedsDisplay];

七、重识bounds、scrollView

1）bounds

bounds 指的是控件矩形框的位置和尺寸
bounds 是以自己内容（内部的子控件）的左上角为坐标原点

y = 正数子控件会往上
y = 负数子控件会往下

2）frame

frame 指的是控件矩形框的位置和尺寸
frame 是以自己父控件的左上角为坐标原点

3）bounds和frame的对比

以下图为例子

用绿色表示矩形框bounds（圈圈为坐标原点）

用红色表示矩形框frame

4）scrollView textView

当控制器中有超过两个scrollView（或textView）时，那么系统会在第一个添加的scrollView（或textView）顶部添加一定的偏移量，若有导航控制器，偏移64，若没有，偏移20

self.automaticallyAdjustsScrollViewInsets = NO;

// 当你有超过1个scrollView的时候，建议你设置self.automaticallyAdjustsScrollViewInsets = NO;，然后自己根据需要去调整scrollView的inset

5）scrollView常用的属性

scrollView.contentSize; // 滚动范围（内容的尺寸）

scrollView.contentInset; // 内边距

scrollView.frame; // 以父控件内容的左上角为坐标原点，scrollView矩形框的位置和尺寸

scrollView.bounds; // 以自己内容的左上角为坐标原点，scrollView矩形框的位置和尺寸

scrollView.contentOffset; // 偏移量(scrollView.bounds.origin)

码农公寓

相关文章