调整 UIView 的大小并在 drawRect 中动态调整绘图的大小

Question

我有一个 UIView，我想通过 UISlider 调整其大小。我的 UISlider 范围设置为 1.0-2.0。目前我正在使用 CGAffineTransform 调整视图的大小。

截图：

我在自定义 UIView 中完成：

- (void)drawRect:(CGRect)rect {

    NSLog(@"Draw rect called");


    //// Square Drawing
    UIBezierPath* squarePath = [UIBezierPath bezierPathWithRect: CGRectMake(8, 8, 50, 50)];
    [UIColor.whiteColor setFill];
    [squarePath fill];


    //// Right top Drawing
    UIBezierPath* rightTopPath = [UIBezierPath bezierPathWithRect: CGRectMake(57, 13, 9, 10)];
    [UIColor.whiteColor setStroke];
    rightTopPath.lineWidth = 1;
    [rightTopPath stroke];


    //// Top left Drawing
    UIBezierPath* topLeftPath = [UIBezierPath bezierPathWithRect: CGRectMake(13, 0, 17.5, 9)];
    [UIColor.whiteColor setStroke];
    topLeftPath.lineWidth = 1;
    [topLeftPath stroke];


    //// Top right Drawing
    UIBezierPath* topRightPath = [UIBezierPath bezierPathWithRect: CGRectMake(35, 0, 17.5, 9)];
    [UIColor.whiteColor setStroke];
    topRightPath.lineWidth = 1;
    [topRightPath stroke];


    //// Right middle Drawing
    UIBezierPath* rightMiddlePath = [UIBezierPath bezierPathWithRect: CGRectMake(57, 28, 9, 10)];
    [UIColor.whiteColor setStroke];
    rightMiddlePath.lineWidth = 1;
    [rightMiddlePath stroke];


    //// Right bottom Drawing
    UIBezierPath* rightBottomPath = [UIBezierPath bezierPathWithRect: CGRectMake(57, 43, 9, 10)];
    [UIColor.whiteColor setStroke];
    rightBottomPath.lineWidth = 1;
    [rightBottomPath stroke];


}

滑块代码：

- (IBAction)changeValue:(id)sender {


    CGAffineTransform transform = CGAffineTransformScale(CGAffineTransformIdentity, self.slider.value, self.slider.value);
    self.square.transform = transform;

}

这可以正常工作，但是当我调整大小时，绘图会出现质量损失，因为我实际上并没有动态更改绘图的大小。我真正想做的是动态改变绘图的大小。我将如何实现这一目标？我是否需要先调整框架大小，然后调用[self.square setNeedsDisplay] 传递乘数？

编辑：

所以我厌倦了这种方法，现在当我移动滑块时：

- (IBAction)changeValue:(id)sender {


  CGRect newFrame = CGRectMake(20, 20, 72*self.slider2.value, 72*self.slider2.value);
self.square.frame = newFrame;
[self.square resizeAt:self.slider2.value];



}

所以我现在只是更改帧大小，然后将滑块值传递到视图并调用：

-(void)resizeAt: (float)multiply{

    self.size=multiply;
    self.transform = CGAffineTransformScale(CGAffineTransformIdentity, self.size, self.size);
    [self setNeedsDisplay];

}

drawRect 中发生的事情的一个例子：

UIBezierPath* squarePath = [UIBezierPath bezierPathWithRect: CGRectMake(11, 11, 50, 50)];
    [squarePath applyTransform:self.transform];
    [UIColor.whiteColor setFill];
    [squarePath fill];

但是图像看起来不清晰或“重绘”

Answer 1

考虑使用 0.0 到 1.0 范围内的点创建贝塞尔路径，然后将变换直接应用于每个贝塞尔路径。转换的比例显然会改变，因为您将路径缩放到完整视图大小，而不是相对大小。

因为您缩放路径而不是已经渲染的视图，所以路径渲染仍然干净准确。