在 App 内实现 App UI 设计的设计工具.zip

# Hyperion [](http://cocoapods.org/pods/HyperioniOS) [](http://cocoapods.org/pods/HyperioniOS) [](https://github.com/Carthage/Carthage) [](http://cocoapods.org/pods/HyperioniOS) [](https://circleci.com/gh/willowtreeapps/Hyperion-iOS)  # Hyperion - In App Design Review Tool ## What is it? <p align="center" id="Hyperion Drawer"> <img src="https://media.giphy.com/media/l4Ep2JJ27OngKOrmM/giphy.gif" /> </p> Hyperion is a hidden plugin drawer that can easily be integrated into any app. The drawer sits discreetly ���� under the app so that it is there when you need it and out of the way when you don't. Hyperion plugins are designed to make inspection of your app quick and simple. For example, check out this plugin that allows you to measure distances between views: <p align="center" id="Example Measurements"> <img src="https://media.giphy.com/media/3ohjUPP3qnZ5l5osAE/giphy.gif" /> </p> If you like what you see, there's more where that came from. ## First-Party Plugins ### View Inspector The View Inspector plugin allows you to inspect the properties of any view live within the app. <p align="center" id="View Inspector Example"> <img src="https://media.giphy.com/media/l4EoNOILr5Ofvgysw/giphy.gif" /> </p> Have a tiny view you want to inspect? No problem, you can zoom in on any portion of the app while the plugin is active. <p align="center" id="Zoom Example"> <img src="https://media.giphy.com/media/xT1R9Hf9383WjucomI/giphy.gif" /> </p> ### Measurements The Measurements plugin allows you to measure the distance between any two views on the screen. No more guessing whether padding is correct-this plugin has you covered. <p align="center" id="Example Measurements2"> <img src="https://media.giphy.com/media/3ohjUPP3qnZ5l5osAE/giphy.gif" /> </p> ### Slow Animations Having trouble verifying an animation matches design? The Slow Animations plugin allows you to slow down all animations within the app to 75%, 50% or 25% the normal speed. <p align="center" id="Slow Animations"> <img src="https://media.giphy.com/media/26FeZcNF9Dbq89MBi/giphy.gif" /> </p> ## Third-Party Plugins Calling all developers!!! Be one of the first to create a third-party plugin. The plugin creation guide is a work in progress, but if you are feeling ambitious you can reference the plugins we have already created along with our [documentation](https://willowtreeapps.github.io/Hyperion-iOS/). ## How To Show Hyperion Plugin List Once Hyperion is integrated into your app, simply shake your phone. ## Customizing Hyperion Hyperion was designed as a drag and drop framework that requires 0 code to integrate. If you want to customize Hyperion you can create a configuration file (called HyperionConfiguration.plist). Use [this file](https://github.com/willowtreeapps/Hyperion-iOS/raw/master/Core/HyperionDefaultConfiguration.plist) as an example. For now you can only configure what gestures trigger the Hyperion drawer, but there are plans to add theming and plugin ordering. ## Example App Want to learn how to use Hyperion? The example app will teach you! Build the example project by cloning the repo, run `pod install` from the Example directory, then open in Xcode and run. ## Requirements iOS 9+ ## Installation Since Hyperion is primarily a debugging library and should never be included in production, the steps below will outline how to install Hyperion in a way that keeps it out of production builds. There is also a guide below explaining how to verify which builds have Hyperion and which ones do not. Note: Hyperion doesn't require any code to integrate, so it should just work once added. ### CocoaPods **Important you must specify `use_frameworks!` if this does not work for your project, then refer to the Carthage or manual guide.** HyperioniOS is available through [CocoaPods](http://cocoapods.org). To install it, simply add the following line to your Podfile: ```ruby 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 ``` CocoaPods automatically handles ensuring that Hyperion will only be included in the configurations you have specified for the pods. For more information please reference [CooaPods Documentation](https://guides.cocoapods.org/syntax/podfile.html#pod). ### Carthage To install through Carthage add `github "willowtreeapps/Hyperion-iOS"` to your cartfile. Then run `carthage update`. Drag and drop the created frameworks into your Xcode project. ***Important*** Make sure that Hyperion and any of it's frameworks are ***not*** included as embedded frameworks (Settings should be available in General project settings). Once you ensure that Hyperion is not included in the embedded frameworks change the status of the Hyperion frameworks under "Linked Frameworks and Libraries" section to optional. At this point your project settings should look something like this.  Next hop on over to the build phases section and add a custom run script. Make sure it is inserted right above the "Linked Frameworks and Libraries" build phase. Make this your custom run script: ``` #Add the configurations you want to include Hyperion in below. if [ "$CONFIGURATION" == "Debug" ]; then /usr/local/bin/carthage copy-frameworks fi ``` Next you are going to want to add each Hyperion framework path to the "Input Files" section of your build script. Your build script should look something like this:  For more information on this custom build script please refer to the [Carthage Documentation](https://github.com/Carthage/Carthage). ### Manual You can download the latest frameworks [here](https://github.com/willowtreeapps/Hyperion-iOS/releases). There will be a zip file under the latest release called `HyperionCore.framework.Plugins.zip`. If you want to learn how to integrate into specific build configurations; follow the Carthage guide above. Or if you want to manually build the frameworks: Clone the git repo. In the root directory run `sh build.sh`. Once complete, the script will have generated the HyperionCore framework along with all of the first-party plugins. The only required framework is HyperionCore, but you should add at least one of the plugins that was generated. Follow the Carthage installation guide above to ensure that Hyperion does not get included in production. ### Verifying A Build Does Not Include Hyperion ***Note:*** This only works if you are using Hyperion Frameworks. If you are using Cocoapods ensure that you have specified "use_frameworks!". #### Opening the IPA 1. Right click your IPA file and open it with Archive Utility. This should unzip your IPA. 2. Inside the unzipped IPA there should be an Application file. Depending on how the IPA was built it might be in a Payload folder. Once found, right click the Application file and select "Show Package Contents". 3. Inside the package there should be a folder called "Frameworks". Ensure that Hyperion a