source

iOS 자동 레이아웃: 두 개의 동일한 너비의 버튼이 나란히 있습니다.

manycodes 2023. 8. 29. 20:45
반응형

iOS 자동 레이아웃: 두 개의 동일한 너비의 버튼이 나란히 있습니다.

저는 현재 AutoLayout에 어려움을 겪고 있습니다.저는 인터페이스 빌더를 사용하고 있으며 아래 그림과 같이 같은 폭의 버튼 두 개를 나란히 배치하려고 합니다.

objective layout

다음 미리 보기 이미지에서 제목 이미지가 제대로 제한되어 올바르게 표시되지만 단추는 올바르게 표시되지 않습니다.버튼 1을 제목 Image의 앞 가장자리에 맞추고 버튼 2를 제목 Image의 뒤 가장자리에 맞추는 방법으로 실험했지만, 아래와 같이 두 버튼 사이의 폭 분포가 이 시점에서 왜곡됩니다.

problem scenario

제 목표는 어떤 제약 조건이 누락되었는지 이해하는 것이며 장치에 관계없이 동일한 폭을 유지하기 위해 두 버튼에 적용해야 합니다.가능하다면 추가 코드가 아닌 인터페이스 빌더를 통해 이를 달성하고 싶습니다.

다음 제약 조건 추가

  1. 단추 1에서 단추 2까지 동일한 너비를 할당합니다.
  2. 두 버튼 사이에 수평 간격을 지정합니다.
  3. 단추 1에서 해당 수퍼뷰로 선행 공백을 할당합니다.
  4. 버튼 2에서 수퍼뷰로 후행 공간을 할당합니다.
  5. 두 버튼 모두에 맨 위 공간을 할당합니다.
    그것이 당신에게 효과가 있다면 제게 알려주세요.

간편한 해결을 위한 단계 및 스크린샷 수행


1단계)

  • 버튼 1: 제약 조건 설정: 선두, (2)필요에 따라 상단 또는 하단, (3)높이


2단계)

  • 버튼 2: 제약 조건 설정: 후행, (2)필요에 따라 위 또는 아래, (3)높이

3단계)

  • Ctrl + 버튼 1에서 버튼 2로 끌기를 누릅니다.

  • 수평 간격 선택


4단계)

  • 두 버튼 모두 선택(명령어 사용) 및 구속조건 추가(동일한 너비)


산출량

도움이 되길 바랍니다 :)

iOS9의 스택 레이아웃은 작업을 매우 잘 수행할 것입니다.스택 보기를 보기에 추가하고 다음과 같이 구성합니다.

enter image description here

제 예를 확인할 수 있습니다. 비례 제약을 사용하여 쉽게 조준할 수 있습니다.또한 비례적인 다중 UIView를 쉽게 목표로 설정할 수 있습니다.첨부된 예를 참조하십시오.

https://dl.dropboxusercontent.com/u/48223929/TestViewController.xib

나의 해결책은

  1. 두 개의 버튼 가운데에 작은 뷰를 놓고 가운데로 만듭니다(용기의 수평 중심과 용기의 수직 중심은 0).
  2. 작은 보기에 높이와 너비를 추가합니다.
  3. 버튼을 추가하여 제약 조건을 추가하고 작은 뷰에 수평 공간 제약 조건을 제공합니다.
  4. 작은 뷰 배경색을 버튼 또는 뷰 색상과 동일하게 지정합니다.

참고: 스크린샷을 참조하십시오.

enter image description here

언급URL : https://stackoverflow.com/questions/28148843/ios-autolayout-two-buttons-of-equal-width-side-by-side

반응형