2014-01-27 4 views
1

아래의 화면과 같이 창을 만드는 방법은 무엇입니까? 보시다시피 제목 표시 줄이 창과 병합됩니다. 나는 그것을 검사하고 또한 사용자 이름/암호 필드에 대한 몇 가지 좋은 대안 UI 요소를 찾아 볼 수 있도록코코아 통합 (로그인) 창

여담으로

enter image description here

는, 사람이, 로그인 창이의이 종류를 가지고 좋은 오픈 소스 응용 프로그램을 알고 있나요 및 단추.

+0

@Abizern - InAppStoreWindow 클래스는 여전히 제목 표시 줄을 창 배경과 별도로 취급하는 것으로 보입니다. 유창한 그라데이션을 원한다면 불가능합니다. – Wesley

+1

INAppStoreWindow에는 창의 상단에서부터 제목 표시 줄의 하단까지 그라데이션을 수행 할 수있는 창의 제목 영역을 그리기위한 블록을 설정할 수있는 기능이 있습니다. 그런 다음 나머지 창의에 대한보기 코드에서 제목 표시 줄의 그라디언트가 끝나는 색으로 시작하는 그라디언트를 그립니다. 또한 기준선 구분 기호 그리기를 사용하지 않도록 설정하고 원하는 효과를 가져야합니다. –

답변

1

INAppStoreWindow를 사용하는 경우 스크린 샷의 창 효과를 복제 할 수 있습니다. 스크린 샷의 창에 로그인 필드와 새 계정 섹션이 명확하게 구분되어 있으므로 INAppStoreWindow가 평소보다 훨씬 큰 제목 영역을 그릴 수 있습니다.

이렇게하면 로그인 필드를 창의 "제목"영역에 배치하고 새 계정 항목을 일반 영역의 영역에 배치 할 수 있습니다.

INAppStoreWindow를 사용하면 로그인 필드가 포함 된 제목 표시 줄 서브 뷰로 추가되는 인터페이스 작성기에서 별도의보기를 만들 수 있습니다. 그런 다음 사용자 정의 제목 그리기 블록을 사용하여 창의 상단에서 로그인 사용자 정의보기의 맨 아래까지 그래디언트를 그립니다.

"트래픽 제어"버튼의 수직 중심 맞춤 (닫기, 최소화, 확대/축소)을 비활성화 할 수도 있습니다. 사용자 정의 컨트롤의 모양을 얻으려면 단순히 스타일을 윈도우에 바로 그린 다음 경계선없는 컨트롤을 사용하면 텍스트 필드에 대해 원하는 스타일을 제공 할 수 있습니다. 버튼의 경우 사용자 정의 하위 클래스를 만들어 원하는 스타일로 그릴 수 있습니다.

창의 맨 아래 부분에 대해 창보기 하위 클래스의 drawRect: 메소드에서 그라디언트를 그립니다.

https://github.com/indragiek/INAppStoreWindow은 INAppStoreWindow를 찾을 수있는 곳입니다. 설명서를 읽는 것이 좋습니다. 이 창 하위 클래스를 사용하면 스크린 샷에서 창의 스타일을 완전히 만들 수 있습니다!

행운을 빈다. :)