0

自動レイアウト制約を使用して動的レイアウトを実装しようとしています。そのために、3 つのコンテナー ビューを作成しました。高さ49、幅がフレキシブルな最初のもの。2 番目は高さ 320、幅 320 で、最後の 1 つは高さ 69 の柔軟な幅です。これは、各ビューを他のビューの下に配置するコードです。

NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(searchControlsView, workArtView, playBackControlsContainer);
    // Position time search controls

    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"|[searchControlsView]|"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];
    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[searchControlsView]"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];

    // position workArt
    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"|[workArtView]|"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];

    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[searchControlsView]-0-[workArtView]"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];

    // position bottom controls
    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"|[playBackControlsContainer]|"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];

    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[workArtView]-(>=0)-[playBackControlsContainer]|" options:0 metrics:nil views:viewsDictionary];
    [self.view addConstraints:constraints];

私が達成したいのは、最後のビューが 2 番目のビューの下にあることです。可能であれば、3 番目のビューが画面全体の下部に配置され、2 番目のビューに重なります。ただし、3 番目のビュー (playBackControlsContainer) は画面に表示されません。

これの前に、ビューからすべての制約を削除しました。私はいくつかのことを試しましたが、プログラムの制約から始めたばかりで、どこで失敗しているのかを理解できません...さらに、デバッグログには多くの追加のビューがあり、各コントロールのアドレスの識別子がないと、把握するのが非常に困難ですレイアウトがあいまいになる理由を説明します。役に立つ場合のデバッグログは次のとおりです。

*<UIWindow:0xc1a6510> - AMBIGUOUS LAYOUT
|   *<UILayoutContainerView:0xc1b6b50>
|   |   *<UITransitionView:0xc1a3da0>
|   |   |   *<UIViewControllerWrapperView:0xc3b82b0>
|   |   |   |   *<UIView:0xc1b9830>
|   |   |   |   |   *<UILayoutContainerView:0xc1ba6a0>
|   |   |   |   |   |   *<UINavigationTransitionView:0xc1bf490>
|   |   |   |   |   |   |   *<UIViewControllerWrapperView:0xc1c5110>
|   |   |   |   |   |   |   |   *<UIView:0xb478820> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   *<UIView:0xb4f9d70> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   |   *<UIButton:0xb4f3e40>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc4e7030>
|   |   |   |   |   |   |   |   |   |   *<UIButton:0xb4f5440>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc14b0a0>
|   |   |   |   |   |   |   |   |   |   |   *<UIButtonLabel:0xb4fb610> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   |   *<UIButton:0xb4f0e80>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc1f00b0>
|   |   |   |   |   |   |   |   |   |   |   *<UIButtonLabel:0xb4fac70> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   |   *<UIButton:0xb4f04f0>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc129480>
|   |   |   |   |   |   |   |   |   |   |   *<UIButtonLabel:0xb4fa2e0> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   *<UIView:0xb478790>
|   |   |   |   |   |   |   |   |   |   *<UIImageView:0xb4f9b60>
|   |   |   |   |   |   |   |   |   |   *<LVStopWatchLabel:0xb479200>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xb478920>
|   |   |   |   |   |   |   |   |   *<UIView:0xb479940>
|   |   |   |   |   |   |   |   |   |   *<UIButton:0xb4f6ab0>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc4e6c00>
|   |   |   |   |   |   |   |   |   |   *<UILabel:0xb479db0>
|   |   |   |   |   |   |   |   |   |   *<UISlider:0xb4f5e90>
|   |   |   |   |   |   |   |   |   |   |   <UIView:0xc4e05e0>
|   |   |   |   |   |   |   |   |   |   |   |   <UIView:0xc4e0760>
|   |   |   |   |   |   |   |   |   |   |   |   |   <UIView:0xc4e0880>
|   |   |   |   |   |   |   |   |   |   |   |   <UIView:0xc4e5c40>
|   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc4e67d0>
|   |   |   |   |   |   |   |   |   |   |   |   <UIImageView:0xc4e5d40>
|   |   |   |   |   |   |   |   |   *<_UILayoutGuide:0xb478440> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   |   |   |   *<_UILayoutGuide:0xb4782a0> - AMBIGUOUS LAYOUT
|   |   |   |   |   |   <UINavigationBar:0xc1c4a10>
|   |   |   |   |   |   |   <_UINavigationBarBackground:0xc1c7530>
|   |   |   |   |   |   |   |   <UIImageView:0xc1c7810>
|   |   |   |   |   |   |   <UINavigationItemView:0xc4cf610>
|   |   |   |   |   |   |   |   <UILabel:0xc4dcae0>
|   |   |   |   |   |   |   <UINavigationItemButtonView:0xc4dcf10>
|   |   |   |   |   |   |   |   <UILabel:0xc4dcfe0>
|   |   |   |   |   |   |   <_UINavigationBarBackIndicatorView:0xc3c3880>
|   |   |   |   |   <GADBannerView:0xc3de310>
|   |   |   |   |   |   <GADWebView:0xc3de440>
|   |   |   |   |   |   |   <_UIWebViewScrollView:0xc3e01a0>
|   |   |   |   |   |   |   |   <UIWebBrowserView:0xd280600>
|   |   |   |   |   <ADBannerView:0xc19ad20>
|   |   |   |   |   |   <ADRemoteView:0xc19cca0>
|   |   |   |   |   |   <UIView:0xc19d590>
|   |   <UITabBar:0xb4a47e0>
|   |   |   <_UITabBarBackgroundView:0xc47db60>
|   |   |   |   <_UIBackdropView:0xc47d240>
|   |   |   |   |   <_UIBackdropEffectView:0xc47e490>
|   |   |   |   |   <UIView:0xc47e530>
|   |   |   <UITabBarButton:0xc19ed40>
|   |   |   |   <UITabBarSwappableImageView:0xc17ee00>
|   |   |   |   <UITabBarButtonLabel:0xc19f170>
|   |   |   <UITabBarButton:0xc1a4120>
|   |   |   |   <UITabBarSwappableImageView:0xc1a3570>
|   |   |   |   <UITabBarButtonLabel:0xc1a3e60>
|   |   |   <UITabBarButton:0xc1a62b0>
|   |   |   |   <UITabBarSwappableImageView:0xc1a6660>
|   |   |   |   <UITabBarButtonLabel:0xc1a6390>
|   |   |   <UITabBarButton:0xc1a8a30>
|   |   |   |   <UITabBarSwappableImageView:0xc1a9080>
|   |   |   |   <UITabBarButtonLabel:0xc1a8f60>
|   |   |   <UIImageView:0xc47ead0>

この理由が何であるかを理解するための助けがあれば、本当に感謝しています。ありがとう。

4

1 に答える 1