CAGradientLayer、うまくサイズ変更されず、回転時に裂けてしまう質問する

Question

レイヤー (グラデーションレイヤーなど) を作成すると、そのレイヤーを管理するビューは存在しません (ビューのレイヤーのサブレイヤーとして追加した場合でも)。このようなスタンドアロンレイヤーは、UIViewアニメーションシステムに参加しません。

したがって、グラデーションレイヤーのフレームを更新すると、レイヤーは独自のデフォルトのアニメーションパラメータを使用して変更をアニメーション化します。(これを「暗黙的なアニメーション」と呼びます)。これらのデフォルトのパラメータは、インターフェイスの回転に使用されるアニメーションパラメータと一致しないため、奇妙な結果になります。

あなたのプロジェクトは見ていませんが、このコードで問題を再現するのは簡単です:

@interface ViewController ()

@property (nonatomic, strong) CAGradientLayer *gradientLayer;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.gradientLayer = [CAGradientLayer layer];
    self.gradientLayer.colors = @[ (__bridge id)[UIColor blueColor].CGColor, (__bridge id)[UIColor blackColor].CGColor ];
    [self.view.layer addSublayer:self.gradientLayer];
}

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];
    self.gradientLayer.frame = self.view.bounds;
}

@end

シミュレーターでスローモーションを有効にすると、次のようになります。

幸いなことに、この問題は簡単に解決できます。グラデーションレイヤーをビューで管理する必要があります。そのためには、UIViewをレイヤーとして使用するサブクラスを作成しますCAGradientLayer。コードは非常に小さいです。

// GradientView.h

@interface GradientView : UIView

@property (nonatomic, strong, readonly) CAGradientLayer *layer;

@end

// GradientView.m

@implementation GradientView

@dynamic layer;

+ (Class)layerClass {
    return [CAGradientLayer class];
}

@end

GradientView次に、の代わりにを使用するようにコードを変更する必要がありますCAGradientLayer。レイヤーの代わりにビューを使用しているため、自動サイズ変更マスクを設定してグラデーションのサイズをスーパービューに合わせることができます。そのため、回転を処理するために後で何もする必要はありません。

@interface ViewController ()

@property (nonatomic, strong) GradientView *gradientView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.gradientView = [[GradientView alloc] initWithFrame:self.view.bounds];
    self.gradientView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    self.gradientView.layer.colors = @[ (__bridge id)[UIColor blueColor].CGColor, (__bridge id)[UIColor blackColor].CGColor ];
    [self.view addSubview:self.gradientView];
}

@end

結果は次のとおりです。

Answer 1