Computer >> 컴퓨터 >  >> 프로그램 작성 >> IOS

iOS에서 두 개의 버튼을 세로로 정렬

<시간/>

Auto Layout은 iOS 애플리케이션을 디자인할 때 가장 중요한 요소 중 하나입니다. Auto Layout을 사용하면 UI 개발이 훨씬 더 다양해지고 쉬워졌습니다.

두 개의 버튼을 수직으로 정렬하기 위해 우리는 자동 레이아웃을 사용할 것입니다.

시작하겠습니다!

1단계: Xcode 열기 → New Projecr → Single View Application → 이름을 "AlignButtons"로 지정합니다.

2단계: Main.storyboard를 열고 두 개의 버튼을 추가하고 이름을 버튼 1과 버튼 2로 지정합니다.

iOS에서 두 개의 버튼을 세로로 정렬

3단계: 두 버튼을 모두 선택하고 Add New Alignment Constraint 메뉴를 사용하여 수직으로 정렬합니다.

iOS에서 두 개의 버튼을 세로로 정렬

4단계: 새 제약 조건 추가를 탭하여 두 버튼을 모두 선택하고 동일한 너비로 설정합니다.

iOS에서 두 개의 버튼을 세로로 정렬

5단계: 이제 새 제약 조건 추가를 다시 탭하고 왼쪽 버튼을 선택하고 선행 및 후행 공백을 20포인트로 설정합니다.

iOS에서 두 개의 버튼을 세로로 정렬

6단계: 이제 오른쪽 버튼을 선택하고 새 제약 조건 추가를 다시 탭하고 선행 및 후행 공백을 20포인트로 설정합니다.

iOS에서 두 개의 버튼을 세로로 정렬

Add 2 Constraints를 클릭하면 버튼이 수직으로 정렬된 것을 볼 수 있습니다.

iOS에서 두 개의 버튼을 세로로 정렬