0

バー (スライダー) をスケーリングし、エンドキャップを変換して、アニメーション化されたバーチャートを作成しようとしています。エンドキャップは期待どおりに機能しますが、水平方向にスケーリングしようとすると「スライダー」が移動します。

-(void) animateBarOpen: (NSInteger) rowIndex {
    NSLog(@"%s: row=%d %@", __FUNCTION__, rowIndex, [self.values objectAtIndex:rowIndex]);
    NSMutableDictionary *row = [self.values objectAtIndex:rowIndex];
    UIImageView *slider = [row objectForKey:@"slider"];
    UIImageView *endCap = [row objectForKey:@"image"];
    UILabel *labelInfo = [row objectForKey:@"label"];
    [labelInfo setText: [NSString stringWithFormat: @"%@ %@", [row objectForKey:@"quantity"], [row objectForKey:@"color"]]];
    [labelInfo setTextColor: productColor];

    float quantity = [(NSNumber*) [row objectForKey:@"quantity"] floatValue];
    float tx = 10.0f * quantity;
    float sx = -40.0f * quantity;

    [UIView beginAnimations:@"open" context:nil];
    [UIView setAnimationDuration:0.25];
    [UIView setAnimationDelay:0.0];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

    slider.transform = CGAffineTransformScale(CGAffineTransformIdentity, sx, 1.0f);

    endCap.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, tx, 0.0f);
    labelInfo.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, tx, 0.0f);

    [UIView commitAnimations];
}
4

1 に答える 1

0

OK-コードを修正することができた問題を説明するための良い参考文献を見つけました。基本的に、スケーリングはビューの中心プロパティに基づいているため、原点を変換します。その結果、スケーリングが移動した場所の移動距離の比率として、移動する予定の場所にビューを（再）移動する必要があります。

CGAffineTransformの謎を解き明かす

以下は私のコード（動作します）であり、前後の幅の比率の計算とその量による変換に気付くでしょう。（アニメーションsxの後の）の計算と2番目の計算を見てください。tx両方ともアニメーションに入れるべきだと思いましたが、2番目の翻訳がbegin / commit内にある場合は、期待どおりに機能しません。

また、注意：バーの先端にカラフルなキャプションを表示するためのコスメティックコードをいくつか残しました。

-

(void) animateBarOpen: (NSInteger) rowIndex withDuration: (NSTimeInterval) duration {
    if (VERBOSE_LOG) {
        NSLog(@"%s: row=%d %@", __FUNCTION__, rowIndex, [self.values objectAtIndex:rowIndex]);
    }

    NSMutableDictionary *rowValues = [self.values objectAtIndex:rowIndex];
    NSMutableDictionary *rowOutlets = [self.iboutlets objectAtIndex:rowIndex];
    UIColor *productColor = [InfographView colorByName: [rowValues objectForKey: @"color"]];
    UIImageView *slider = [rowOutlets objectForKey:@"slider"];
    UIImageView *endCap = [rowOutlets objectForKey:@"image"];
    UILabel *labelInfo = [rowOutlets objectForKey:@"label"];
    NSAssert1(labelInfo != nil, @"labelInfo is NULL??", nil);
    [labelInfo setBackgroundColor: productColor];
    // (255, 253, 208)
    UIColor *creamColor = [UIColor colorWithRed:255.0/255.0f green:253.0/255.0f blue:208.0/255.0f alpha:0.9];
    [labelInfo setTextColor: creamColor];
    if ([(NSString*)[rowValues objectForKey:@"color"] isEqualToString:@"Black"]) {
        [labelInfo setShadowColor: [UIColor grayColor]];
    } else {
        [labelInfo setShadowColor: [UIColor blackColor]];
    }
    [labelInfo setText: [NSString stringWithFormat: @"%@ %@", [rowValues objectForKey:@"quantity"], [rowValues objectForKey:@"color"]]];

    [slider setHidden:YES];
    [slider setAlpha: 0.7f];

    float rangeScale = [self computeRangeScale: self.values forWidth: CGRectGetWidth(self.frame) - MARGINS];

    slider.transform = CGAffineTransformIdentity;

    float quantity = [(NSNumber*) [rowValues objectForKey:@"quantity"] floatValue];
    float tx = rangeScale * quantity;
    float sx = tx / CGRectGetWidth(slider.frame); // (CGRectGetWidth(endCap.frame) - CGRectGetWidth(slider.frame));

    float sliderWidth = CGRectGetWidth(slider.frame);

    [slider setHidden:(rowIndex == -1)];

    [UIView beginAnimations:@"open" context:nil];
    [UIView setAnimationDuration:duration];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

    slider.transform = CGAffineTransformScale(CGAffineTransformIdentity, sx, 1.0f);
    endCap.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, tx, 0.0f);
    labelInfo.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, tx, (-rowIndex*1.0f));
    [labelInfo setAlpha:1.0];

    [UIView commitAnimations];

    tx = 1.0f * (CGRectGetWidth(slider.frame) - sliderWidth) / (sx*2.0f);      slider.transform = CGAffineTransformTranslate(slider.transform, tx, 0.0f);
    [slider setHidden:NO];

}
于 2012-06-13T20:38:31.927 に答える