iPhone 사용자 인터페이스 디자인

Question

안녕하세요, 저는 아이폰 앱 사용자 인터페이스에 관한 한동안 의문이 생겼습니다. 예를 들어, WeightBot의 사용자 인터페이스를 고려하십시오. 궁금하네요, 대부분의 사용자 인터페이스가 어떻게 생성 되었습니까? 물론 일반적으로.

Photoshop과 같은 프로그램에서 컨트롤 (즉, 이미지)을 디자인하고 UIKit의 컨트롤에 '스킨'을 사용하는 방법이 있습니까? 아마도 프로그래머 (사용자 지정 컨트롤)가 만든 컨트롤이 있지만 UIKit에있는 기성품 컨트롤을 말하는 것입니다.

다른 말로하면 개념은 웹 사이트 디자인의 '접합'과 유사합니까? 디자이너가 Photoshop과 같은 웹 사이트 디자인을 그려 낸 다음 실제 웹 사이트를 구성하는 데 적용 할 수있는 조각으로 잘라냅니다. 나는 이것이 UIButton에 대해 수행 될 수 있다는 것을 알고 있으며, 이것은 또한 다른 컨트롤에 대해 수행 될 수 있으며, 이것은 일반적으로 어떻게 수행 되는가?

아니면 Core Animation을 사용 했습니까? 나는 이것을 때때로 들었습니다. 그래서 이것은 사용자 인터페이스가 '하드 코딩 된'것을 의미합니까? 또는 CoreBlaze에서 숫자에 빛나는 효과를 적용하는 것과 같이 '효과'에만 사용되는 코어 애니메이션입니까?

리소스가 있다면 나에게 정말 감사하겠습니다.

감사합니다.

Answer 1

나는이 연습에 대해 서면 자료를 생각할 수 없다. 그러나 당신은 포토샵에 대한 올바른 방향을 찾고 있습니다. 디자이너는 Photoshop과 같은 일부 디자인 응용 프로그램에서 다양한 컨트롤에 대한 에셋 비주얼을 만듭니다. 그런 다음 개발자는 이러한 애셋을 컨트롤에 할당합니다. 예를 들어 단추의 여러 상태가 이미지로로드되고 텍스트가 코드에 추가 될 수 있습니다. WeightBot UI와 큰 파란 빛나는 숫자를 보면

, 나는 그 일을 두 가지 방법으로 생각할 수 :

1) 미리 만들고 모든 숫자 포토샵에서 0-9, 그냥 UIImageViews로드 (런타임에 함께 넣어 런타임에 크기와 위치 계산)

2) UILabel과 같은 텍스트로 텍스트를 만든 다음 런타임에 프로그래밍 방식으로 효과를 적용합니다.

두 가지 방법 모두 훌륭하며 둘 다 앱 크기, 코드 유지 관리, 개발자/디자이너 기술 요구, 성능 등에 대해 서로 다른 장단점이 있습니다. 특히 멋진 배경 이미지 + 그것의 위에 런타임에 생성 된 텍스트.

이 모든 것은 웹 슬라이스와 매우 유사하며 인터페이스가 구성하는 기본 요소와 함께 구성하는 방법에 대해 생각해 보는 것이 맞습니다.

Answer 2

저는 같은 질문을 던졌고 어떤 예제도 찾을 수 없었습니다. 주변에서 놀고 난 후에도 비슷한 컨트롤을 만들었습니다. 당신은 github에 그것을 밖으로 확인할 수있다 http://github.com/kompozer/HorizontalSliderControl

매우 단순하지만 나는 당신이 생각을 갖기를 바란다. 기본적으로 그것의 UIScrollView, 많은 핵심 애니메이션이 필요하지 않습니다.