앱에서 디자인 검토 할 수있는 Hyperion-iOS가 너무 편리합니다.

Hyperion이란?

iPhone에서 디자인을 확인할 수있는 도구가 하나님이 있습니다.

이 기사에서 찾은 Hyperion이 매우 편리합니다.

무엇이 편리하다고 하면, 앱상에서 디자인 리뷰를 할 수 있는 곳입니다. Hyperion을 도입한 앱을 실행하고 화면 오른쪽 가장자리에서 왼쪽으로 스와이프하면 메뉴가 표시됩니다. 메뉴를 탭하여 각 기능을 사용할 수 있습니다.



그렇다면 어떤 기능인지 하나씩 살펴보겠습니다.

Slow Animations

우선 Slow Animations입니다.

이 기능을 사용하면 애니메이션 속도를 변경할 수 있습니다. 0.25, 0.5, 0.75 중 하나를 탭하여 선택합니다. 그러면 일반 속도의 25%, 50%, 75%로 애니메이션이 재생됩니다.



애니메이션이 예상대로 움직이고 있는지 확인할 때 유용합니다.

Measurements

다음은 Measurements입니다.

이 기능을 사용하면 두 뷰의 거리를 측정할 수 있습니다.
또한 View를 확대할 수 있어 View가 많은 화면에서도 쉽게 측정할 수 있습니다.



레이아웃이 디자인에 맞는지 확인할 때 유용합니다.

View Inspector

마지막은 View Inspector입니다.

이 기능을 사용하면 View 설정을 볼 수 있습니다.
보기를 탭하면 글꼴 종류와 크기, 배경색 등을 표시합니다.



View 설정이 있는지 확인할 때 유용합니다.

Third-Party Plugins

Hyperion은 타사 플러그인을 모집합니다. 플러그인 작성 가이드는 작성 중이지만 여기에서 참조를 참조할 수 있습니다.
HyperionCore Reference

좋은 아이디어를 가지고 계신 분은, 꼭 도전해 주세요.

도입 방법

배포는 CocoaPods, Carthage 또는 매뉴얼에서 선택할 수 있습니다.

이쪽↓의 Github에 도입 방법의 해설이 있습니다.
Hyperion-iOS

CocoaPods로 설치하는 경우 Podfile에 다음 행을 추가하고 pod install하십시오.

Podfile

use_frameworks!

pod "HyperioniOS/Core", :configurations => ['Debug']

#"Configurations => Debug" ensures it is only included in debug builds. Add any configurations you would like Hyperion to be included in.
pod 'HyperioniOS/AttributesInspector', :configurations => ['Debug'] # Optional plugin
pod 'HyperioniOS/Measurements', :configurations => ['Debug'] # Optional plugin
pod 'HyperioniOS/SlowAnimations', :configurations => ['Debug'] # Optional plugin

예를 들어 이런 느낌입니다 (target은 프로젝트의 대상 이름으로 바꾸십시오).

Podfile

target 'TestHyperion' do
 use_frameworks!

 pod "HyperioniOS/Core", :configurations => ['Debug']
 #"Configurations => Debug" ensures it is only included in debug builds. Add any configurations you would like Hyperion to be included in.
 pod 'HyperioniOS/AttributesInspector', :configurations => ['Debug'] # Optional plugin
 pod 'HyperioniOS/Measurements', :configurations => ['Debug'] # Optional plugin
 pod 'HyperioniOS/SlowAnimations', :configurations => ['Debug'] # Optional plugin
end

Build Configuration이 Debug일 때만 움직이기 때문에, 잘못해서 릴리스판에 들어갈 염려가 없습니다.

덤

디버그 빌드와 릴리스 빌드를 전환하는 방법은 여기를 참조하세요.

Edit Scheme을 선택하고,


Run의 Build Configuration을 Debug로 만듭니다.


Hyperion을 활용하여 좋은 디버그 라이프를!