web-dev-qa-db-ja.com

iOSコアアニメーション：CALayer bringSublayerToFront？

CALayer sublayerと同様に、-[UIView bringSubviewToFront]をすべてのサブレイヤーの前面に配置するにはどうすればよいですか？

iphoneobjective-cioscore-animationcalayer
30
ma11hew28

これらの回答のいずれもCALayerのzPosition属性について言及していないのはなぜでしょうか。 Core Animationはこの属性を見て、レイヤーのレンダリング順序を把握します。値が高いほど、前面に近くなります。これらの回答はすべて、zPositionが0である限り機能しますが、簡単にレイヤーを前面に表示するには、そのzPosition値を他のすべてのサブレイヤーよりも高く設定します。

50
Shaun Budhram

これは、UIViewのロジックをより正確に反映する@MattDiPasqualeの実装のバリエーションです。

- (void) bringSublayerToFront:(CALayer *)layer
{
    [layer removeFromSuperlayer];
    [self insertSublayer:layer atIndex:[self.sublayers count]];
}

- (void) sendSublayerToBack:(CALayer *)layer
{
    [layer removeFromSuperlayer];
    [self insertSublayer:layer atIndex:0];
}

注：ARCを使用しない場合は、[layer retain]上部、[layer release]両方の関数の下部にあり、保持カウント= 1の場合にlayerが誤って破壊されないようにします。

42
ivanzoid

ここに正しいコード

- (void)bringSublayerToFront:(CALayer *)layer {
    CALayer *superlayer = layer.superlayer;
    [layer removeFromSuperlayer];
    [superlayer insertSublayer:layer atIndex:[superlayer.sublayers count]];
}

- (void)sendSublayerToBack:(CALayer *)layer {
    CALayer *superlayer = layer.superlayer;
    [layer removeFromSuperlayer];
    [superlayer insertSublayer:layer atIndex:0];
}
7
comonitos

Swift 4バージョン。
そのレイヤー自体にbringToFrontメソッドとsendToBackメソッドがあるのに理想的です。

#if os(iOS)
   import UIKit
#elseif os(OSX)
   import AppKit
#endif

extension CALayer {

   func bringToFront() {
      guard let sLayer = superlayer else {
         return
      }
      removeFromSuperlayer()
      sLayer.insertSublayer(self, at: UInt32(sLayer.sublayers?.count ?? 0))
   }

   func sendToBack() {
      guard let sLayer = superlayer else {
         return
      }
      removeFromSuperlayer()
      sLayer.insertSublayer(self, at: 0)
   }
}

使用法：

let view = NSView(frame: ...)
view.wantsLayer = true
view.layer?.backgroundColor = NSColor.gray.cgColor

let l1 = CALayer(...)
let l2 = CALayer(...)

view.layer?.addSublayer(l1)
view.layer?.addSublayer(l2)

l1.bringToFront()
4
Vlad

これは正しいコードです：

-(void)bringSubLayerToFront:(CALayer*)layer
{
  [layer.superLayer addSubLayer:layer];
}

-(void)sendSubLayerToBack:(CALayer*)layer
{
  [layer.superlayer insertSublayer:layer atIndex:0];
}
2
CodenameLambda1

次のようにCALayerのカテゴリを作成します。

@interface CALayer (Utils)

- (void)bringSublayerToFront;

@end

@implementation CALayer (Utils)

- (void)bringSublayerToFront {
    CGFloat maxZPosition = 0;  // The higher the value, the closer it is to the front. By default is 0.
    for (CALayer *layer in self.superlayer.sublayers) {
        maxZPosition = (layer.zPosition > maxZPosition) ? layer.zPosition : maxZPosition;
    }
    self.zPosition = maxZPosition + 1;
}

@end
2
Javier Flores Font

この機能はCALayerのカテゴリに次のように実装できます。

CALayer + Extension.h

#import <QuartzCore/QuartzCore.h>

typedef void (^ActionsBlock)(void);

@interface CALayer (Extension)

+ (void)performWithoutAnimation:(ActionsBlock)actionsWithoutAnimation;
- (void)bringSublayerToFront:(CALayer *)layer;

@end

CALayer + Extension.m

#import "CALayer+Extension.h"

@implementation CALayer (Extension)

+ (void)performWithoutAnimation:(ActionsBlock)actionsWithoutAnimation
{
    if (actionsWithoutAnimation)
    {
        // Wrap actions in a transaction block to avoid implicit animations.
        [CATransaction begin];
        [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions];

        actionsWithoutAnimation();

        [CATransaction commit];
    }
}

- (void)bringSublayerToFront:(CALayer *)layer
{
    // Bring to front only if already in this layer's hierarchy.
    if ([layer superlayer] == self)
    {
        [CALayer performWithoutAnimation:^{

            // Add 'layer' to the end of the receiver's sublayers array.
            // If 'layer' already has a superlayer, it will be removed before being added.
            [self addSublayer:layer];
        }];
    }
}

@end

簡単にアクセスできるように、#import "CALayer+Extension.h"プロジェクトのPrefix.pch（プリコンパイル済みヘッダー）ファイル内。

2
Andrei Marincas