iOS,优雅的方向变化

时间:2015-01-21 16:45:26

标签: ios cgrect

我在viewDidLoaddidRotateFromInterfaceOrientation

处调用此功能
-(void) makeBox{
    [self.view1 removeFromSuperview];

    float viewWidth = CGRectGetWidth(self.view.frame);
    float viewHeight = CGRectGetHeight(self.view.frame);
    float startx = (viewWidth / 100) * 10;
    float starty = (viewHeight /100) * 20;

    float width = (viewWidth / 100) * 80;
    float height = (viewHeight /100) * 60;

    CGRect frame1 = CGRectMake(startx, starty, width, height);
    self.view1 = [[UIView alloc] initWithFrame:frame1];
    [self.view1 setBackgroundColor:[UIColor redColor]];

    [self.view addSubview:self.view1];  
}

当视图发生变化时,它非常'粗略'和根本不是很优雅。我正在使用模拟器,但我认为如果我在设备上运行它将是相同的。 我如何才能使这种过渡变得更加顺畅?我会发布到用户体验页面,但我希望以编程方式进行此操作

除了学习之外,这一点的总体意义是从代码中获得与方向无关的图形(没有自动布局)。

1 个答案:

答案 0 :(得分:1)

如果只是你正在改变的话,那么就不需要移除视图并创建一个具有所需帧的新视图。只需就地修改视图框架:

- (void)makeBox {
    CGFloat viewWidth = CGRectGetWidth(self.view.frame);
    CGFloat viewHeight = CGRectGetHeight(self.view.frame);
    CGFloat startx = (viewWidth / 100) * 10;
    CGFloat starty = (viewHeight /100) * 20;

    CGFloat width = (viewWidth / 100) * 80;
    CGFloat height = (viewHeight /100) * 60;

    CGRect view1Frame = CGRectMake(startx, starty, width, height);

    if (!self.view1) {
        // The view doesn't exists yet, we create it
        self.view1 = [[UIView alloc] initWithFrame:view1Frame];
        [self.view1 setBackgroundColor:[UIColor redColor]];
        [self.view addSubview:self.view1];
    }
    else {
        // Just update the frame
        self.view1.frame = view1Frame;
    }
}

对于非常好的UX,将帧更新包装在动画块中:

// ... snip ...
else {
    [UIView animateWithDuration:0.3 animations:^() {
        self.view1.frame = view1Frame;
    }];
}