4

type のオブジェクトをラップするために使用されるクラスをGridNode継承しています。a の連続する各分割は、それを 2 つの新しいものに分割します(その親とのサイズ変更を含みます)。CPSplitViewGridELementGridNodeGridNodesGridElements

別のクラス -GridToolbarから継承しGridElementます。GridElementサイズは自動的に変更されるべきではありませんが (コンテナーのサイズが変更されるため)、ユーザーがスプリッターをドラッグした後にのみ、基本的に同じ動作をする必要があります。

問題は、AutoresizingMask特定の方向に設定しても (ツールバーは垂直または水平のいずれかである可能性があるため)、両方でサイズが変更されることです。

これが起こらないようにするために私ができることについて何か提案はありますか?

GridNode.jのソース:

@implementation GridNode : CPSplitView
{
}

- (id)initWithFrame:(CGRect)aFrame
{
  self = [super initWithFrame:aFrame];

  if(self)
  {
    [self setAutoresizingMask:CPViewWidthSizable | CPViewHeightSizable ];
    [self setBackgroundColor:[CPColor colorWithHexString:"EEEEEE"]]
  }

  return self;
}

- (void)split:(id)sender
{
  var parent = [sender superview];

  var gridNode = [
    [GridNode alloc]
    initWithFrame:CGRectMake(
      0, 0,
      CGRectGetWidth([parent bounds]),
      CGRectGetHeight([parent bounds])
    )
  ];
  [gridNode setVertical:(CGRectGetWidth([gridNode bounds]) >= CGRectGetHeight([gridNode bounds]) ? YES : NO)]

  var element = [
    [GridElement alloc]
    initWithFrame:CGRectMake(
      0, 0,
      CGRectGetWidth([parent bounds]),
      CGRectGetHeight([parent bounds])
    )
  ];

  [self replaceSubview:parent with:gridNode];

  [parent setBtnTarget:gridNode];
  [element setBtnTarget:gridNode];

  [gridNode addSubview:parent];
  [gridNode addSubview:element];
}

- (void)addBar:(id)sender
{
  var parent = [sender superview];

  var gridNode = [
    [GridNode alloc]
    initWithFrame:CGRectMake(
      0, 0,
      CGRectGetWidth([parent bounds]),
      CGRectGetHeight([parent bounds])
    )
  ];
  [gridNode setVertical:(CGRectGetWidth([gridNode bounds]) >= CGRectGetHeight([gridNode bounds]) ? YES : NO)]

  var isVertical = [gridNode isVertical];
  var toolbar = [
    [GridToolbar alloc]
    initWithFrame:CGRectMake(
      0, 0,
      CGRectGetWidth([parent bounds]),
      CGRectGetHeight([parent bounds])
    )
    vertical: isVertical
  ];

  [parent setBounds:CGRectMake(
    isVertical ? 32 : 0, isVertical ? 0 : 32,
    CGRectGetWidth([gridNode bounds]) - (isVertical ? 32 : 0),
    CGRectGetHeight([parent bounds]) - (isVertical ? 0 : 32)
  )];

  [self replaceSubview:parent with:gridNode];

  [parent setBtnTarget:gridNode];
  [toolbar setBtnTarget:gridNode];

  [gridNode addSubview:toolbar];
  [gridNode addSubview:parent];
}

@end

GridElement.jのソース:

@implementation GridElement : CPView
{
  CPButton btnSPlit;
  CPButton btnToolbar;
}

- (id)initWithFrame:(CGRect)aFrame
{
  self = [super initWithFrame:aFrame]

  if (self)
  {
    [self setAutoresizingMask:CPViewWidthSizable | CPViewHeightSizable ];
    [self setBackgroundColor:[CPColor colorWithCalibratedRed:Math.random() green:Math.random() blue:Math.random() alpha:1.0]];

    btnSPlit = [
        [CPButton alloc]
        initWithFrame:CGRectMake(0,0,128,24)
    ];

    [btnSPlit setAutoresizingMask:CPViewMinXMargin | CPViewMaxXMargin | CPViewMinYMargin | CPViewMaxYMargin];
    [btnSPlit setFrameOrigin:CGPointMake((CGRectGetWidth([self bounds]) - CGRectGetWidth([btnSPlit frame])) / 2.0,
                        (CGRectGetHeight([self bounds]) - CGRectGetHeight([btnSPlit frame])) / 2.0 - 15)];
    [btnSPlit setTitle:"split me!"];

    [btnSPlit setAction:@selector(split:)];

    [self addSubview:btnSPlit]

    btnToolbar = [
        [CPButton alloc]
        initWithFrame:CGRectMake(0,0,128,24)
    ];

    [btnToolbar setAutoresizingMask:CPViewMinXMargin | CPViewMaxXMargin | CPViewMinYMargin | CPViewMaxYMargin];
    [btnToolbar setFrameOrigin:CGPointMake((CGRectGetWidth([self bounds]) - CGRectGetWidth([btnToolbar frame])) / 2.0,
                        (CGRectGetHeight([self bounds]) - CGRectGetHeight([btnToolbar frame])) / 2.0 + 15)];
    [btnToolbar setTitle:"split me!"];

    [btnToolbar setAction:@selector(addBar:)];

    [self addSubview:btnToolbar]
  }

  return self;
}

- (void)setBtnTarget:(id)aTarget
{
  [btnSPlit setTarget:aTarget];
  [btnSPlit setTitle:"split "+aTarget._UID]
  [btnToolbar setTarget:aTarget];
  [btnToolbar setTitle:"toolbar "+aTarget._UID]
}

@end

GridToolbar.jのソース:

@implementation GridToolbar : GridElement
{
  CPButtonBar btnBar;
}

- (id)initWithFrame:(CGRect)aFrame vertical:(BOOL)isVertical
{
  self = [super initWithFrame:CGRectMake(
    0,0,
    isVertical == NO ? aFrame.size.width : 32,
    isVertical == YES ? aFrame.size.height : 32
  )]

  if(self)
  {
    isVertical == YES ? [self setAutoresizingMask:CPViewWidthSizable] : [self setAutoresizingMask:CPViewHeightSizable];
    [self setBackgroundColor:[CPColor blackColor]];

    btnBar = [
      [CPButtonBar alloc]
      initWithFrame:CGRectMake(
        0,0,
        CGRectGetWidth([self bounds]),
        CGRectGetHeight([self bounds])
      )
    ];
  }

  return self;
}

@end
4

1 に答える 1

2

ここで有益な提案を受け取りました。GridNode分割線をドラッグしているときに設定された固定値に従って、 のサブビューの自動サイズ変更を処理する独自のデリゲートを作成するだけで済みました。

于 2013-06-04T15:33:57.353 に答える