ios - autoLayout と制約に関する問題

Question

iOS と AutoLayout に問題があります...これは、問題を再現したテストアプリケーションです。UIButtonこれは、固定された ;を含む単純なビューコントローラーで構成されます。ユーザーがこのボタンをクリックすると、デリゲートはカスタムビューを作成し、配置の制約を適用する必要があります。ビューにはコンテンツビューを構築するメソッドがあり、子ビューも制約付きで配置されます。

コードは次のとおりです。

//MyViewController.m

@implementation MyViewController

- (void)viewDidLoad
{
  [super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

  UIButton *start_but = [[UIButton alloc] initWithFrame:CGRectMake(10, 10, 100, 40)];
  [start_but setTitle:@"Draw" forState:UIControlStateNormal];
  [start_but setTitleColor:[UIColor yellowColor] forState:UIControlStateNormal];
  [start_but addTarget:self action:@selector(clickAction:) forControlEvents:UIControlEventTouchUpInside];

  [self.view addSubview:start_but];
}

- (void)didReceiveMemoryWarning
{
  [super didReceiveMemoryWarning];
  // Dispose of any resources that can be recreated.
}

- (void)clickAction: (id)sender
{

  localView = [[MyView alloc] initWithFrame:CGRectMake(0, 0, 400, 300)];

  UIView *superview = (UIView*)localView;

  superview.translatesAutoresizingMaskIntoConstraints = NO;

  [self.view addSubview:localView];

  NSLayoutConstraint *constr = [NSLayoutConstraint constraintWithItem:localView
                                                          attribute:NSLayoutAttributeTop
                                                          relatedBy:NSLayoutRelationEqual
                                                             toItem:self.view
                                                          attribute:NSLayoutAttributeTop
                                                         multiplier:1.0
                                                           constant:100.0];

  [self.view addConstraint:constr];

  constr = [NSLayoutConstraint constraintWithItem:localView
                                                          attribute:NSLayoutAttributeRight
                                                          relatedBy:NSLayoutRelationEqual
                                                             toItem:self.view
                                                          attribute:NSLayoutAttributeRight
                                                         multiplier:1.0
                                                           constant:-50.0];
  [self.view addConstraint:constr];



  [localView CreateGuiInterface];
}

@end


//MyView.m


@implementation MyView

- (id)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self)
  {
    // Initialization code



  }
  return self;
}

-(void)CreateGuiInterface
{
  UIView *superview = self;

  self.backgroundColor = [UIColor redColor];

  UIButton *but1 = [[UIButton alloc] init];
  [but1 setTitle:@"Button" forState:UIControlStateNormal];
  [but1 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
  but1.backgroundColor = [UIColor yellowColor];

  but1.translatesAutoresizingMaskIntoConstraints = NO;

  [superview addSubview:but1];

  NSLayoutConstraint *constraint = [NSLayoutConstraint constraintWithItem:but1
                                                              attribute:NSLayoutAttributeRight
                                                              relatedBy:NSLayoutRelationEqual
                                                                 toItem:superview
                                                              attribute:NSLayoutAttributeRight multiplier:1.0
                                                               constant:-20.0];

  [superview addConstraint:constraint];

  constraint = [NSLayoutConstraint constraintWithItem:but1
                                          attribute:NSLayoutAttributeTop
                                          relatedBy:NSLayoutRelationEqual
                                             toItem:superview
                                          attribute:NSLayoutAttributeTop
                                         multiplier:1.0
                                           constant:50.0];

  [superview addConstraint:constraint];

  UILabel *label = [[UILabel alloc] init];

  label.text = @"Label";
  label.backgroundColor = [UIColor greenColor];
  label.textColor = [UIColor blackColor];
  label.translatesAutoresizingMaskIntoConstraints = NO;

  [superview addSubview:label];

  constraint = [NSLayoutConstraint constraintWithItem:label
                                          attribute:NSLayoutAttributeRight
                                          relatedBy:NSLayoutRelationEqual
                                             toItem:but1
                                          attribute:NSLayoutAttributeLeft
                                         multiplier:1.0
                                           constant:-40.0];
  [superview addConstraint:constraint];

  constraint = [NSLayoutConstraint constraintWithItem:label
                                          attribute:NSLayoutAttributeTop
                                          relatedBy:NSLayoutRelationEqual
                                             toItem:but1
                                          attribute:NSLayoutAttributeBottom
                                         multiplier:1.0
                                           constant:20.0];

  [superview addConstraint:constraint];

} 

@end

したがって、問題は、iOS をクリックすると、ビューの背景色を描画するのに問題があるように見えることです。奇妙なことに、制約を使用せずsuperview.translatesAutoresizingMaskIntoConstraints = NOにビューを使用して固定された場所 (initWithFrame:CGRect(100,200,300,400)たとえば) に配置しないと、正常に動作します: 子ビューと親ビューで制約を使用すると問題が発生する可能性がありますか? AppleDoc は、制約はビューバリアを通過できないと述べています。だから私は自分のアプリをローカルビュー指向の制約で書いた....誰かが私を助けることができますか?

アドバイスありがとう

score 1 · Accepted Answer

autoLayout の意図は、どのビューでも setFrame を設定する必要がないことです。スーパービュー内にプログラムでビューを配置したい場合は、そのための制約を提供します。私が行った変更により、背景が意図したとおりに赤く表示されます。MyView の実装は変更しませんでした (MyView.h 内に -(void)CreateGuiInterface; を追加しただけです)。デモンストレーションのために行った変更は、MyViewController 実装内にあります。

viewController の代わりに次のコードを試してください。

@interface MyViewController ()
@property (nonatomic, strong) MyView* localView;
@end

@implementation MyViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    UIButton *start_but = [[UIButton alloc] init];
    start_but.translatesAutoresizingMaskIntoConstraints = NO;

    [start_but setTitle:@"Draw" forState:UIControlStateNormal];
    [start_but setTitleColor:[UIColor yellowColor] forState:UIControlStateNormal];
    [start_but addTarget:self action:@selector(clickAction:)  forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:start_but];

    // The following constraints simply place the initial start button in the top left
    NSDictionary* views = NSDictionaryOfVariableBindings(start_but);
    NSString* format = @"H:|-[start_but]";
    NSArray* constraints = [NSLayoutConstraint constraintsWithVisualFormat:format
                                                                   options:0
                                                                   metrics:nil
                                                                     views:views];
    [self.view addConstraints:constraints];
    format = @"V:|-[start_but]";
    constraints = [NSLayoutConstraint constraintsWithVisualFormat:format
                                                          options:0
                                                          metrics:nil
                                                            views:views];
    [self.view addConstraints:constraints];
}

- (void)clickAction: (id)sender
{
    self.localView = [[MyView alloc] init];

    UIView *superview = (UIView*)self.localView;

    superview.translatesAutoresizingMaskIntoConstraints = NO;

    [self.view addSubview:self.localView];

    // Here I'm placing your parent view (MyView) 50 points on right of the superview with
    // a width of 400 points
    NSDictionary* views = NSDictionaryOfVariableBindings(superview);
    NSString* format = @"H:[superview(==400)]-(50)-|";
    NSArray* constraints = [NSLayoutConstraint constraintsWithVisualFormat:format
                                                                   options:0
                                                                   metrics:nil
                                                                     views:views];
    [self.view addConstraints:constraints];

    // Vertically 100 points from the top of the superview with a height of 300 points
    format = @"V:|-(100)-[superview(==300)]";
    constraints = [NSLayoutConstraint constraintsWithVisualFormat:format
                                                          options:0
                                                          metrics:nil
                                                            views:views];
    [self.view addConstraints:constraints];

    [self.localView CreateGuiInterface];
}

@end

ios - autoLayout と制約に関する問題

1 に答える 1

Related

Reference