2016-06-29 10 views
1

텍스트 레이블 (여기에 빨간색 배경으로 표시)과 정보 버튼이라는 두 가지 요소만으로 매우 간단한 "오늘"위젯을 디자인하고 있습니다. 정보 버튼이 라벨 바로 다음에 항상 나타나길 원합니다. 그래서이 두 요소를 스토리 보드 자동 레이아웃으로 정렬하고 크기를 조정하려면 어떻게해야합니까?

:

  1. INFO 버튼은 항상 오른쪽 여백에 충실해야
  2. 라벨이 항상 왼쪽 여백에 충실해야
  3. 가의 전체 폭 그래서
  4. 레이블 자체의 크기를 조정한다 마우스 오른쪽 버튼을 나는이 작업을 수행 할 수있는 방법

의 가장자리까지 사용 가능한 공간,?! 자동 레이아웃은 혼란스럽고 운 좋게도 한 시간 동안 놀았습니다. 어디서부터 시작해야할지 모르겠다. 나는

enter image description here

+0

레이블'top, left, right, bottom' 제약 조건과 버튼'right, top, bottom and width'에 대해서 –

답변

2

귀하의 info 버튼을 고정 폭과 높이를해야합니다 적어도 세 제약, 위의 요구 각각에 대해 하나를 ... 필요가 있다고 생각합니다. 오른쪽 여백을 부모 권한으로 설정하십시오. 빨간색 라벨의 왼쪽 여백을 정보 버튼 왼쪽의 좌우 여백을 부모로 설정하십시오.

이제 빨간색 레이블에 너비 제한이 없으므로 왼쪽 여백과 오른쪽 여백 사이의 모든 너비가 적용됩니다.

이렇게 보이는대로입니다. enter image description here

enter image description here

+1

그래, 그 남자의 권리 –

+0

이 모든 것이 나에게 정확합니다. 나는 당신이 제안하는 것을 이해합니다. -하지만 이러한 제약 조건을 추가하는 방법을 모르겠습니다. 예를 들어 인터페이스의 정확히/어디에서 부모 오른쪽 여백에 정보 버튼의 오른쪽 여백을 설정할 수 있습니까 (오른쪽 가장자리에 고정)? 죄송합니다. 저는 방금 막혔습니다. 찾은 모든 온라인 참조는 매우 혼란 스럽습니다. :-( – Eric

+0

@ Eric .. 버튼을 정렬하고 크기를 설정했으면 infoButton을 선택한 다음 편집기의 맨 아래에서 오른쪽에서 두 번째 버튼을 선택합니다 (오른쪽에 삼각형 버튼이있는 버튼입니다).) 이것은 새로운 제약 팝업을 추가하는 것을 보여줍니다. 폭과 높이를 설정하고 제약 조건을 설정하십시오. 점선 T 자형 선을 선택하고 값을 설정하십시오 (정보 버튼의 경우 T 자형 오른쪽 빨간색 선을 선택해야 함). 그 값을 0으로 설정하십시오. –

0

당신은 폭과 제약 정보 버튼 (컨테이너보기에) 뒤 상단, 하단을 만들어야합니다 . 라벨의 경우 정보 버튼의 상단, 상단, 하단 (컨테이너보기로) 및 수평 간격으로 표시되어야합니다. 희망이 도움이 될 것입니다.