Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Boerworz/Gagat

A delightful way to transition between visual styles in your iOS applications.
https://github.com/Boerworz/Gagat

Last synced: 3 months ago
JSON representation

A delightful way to transition between visual styles in your iOS applications.

Host: GitHub
URL: https://github.com/Boerworz/Gagat
Owner: Boerworz
License: mit
Created: 2017-06-12T17:38:34.000Z (over 7 years ago)
Default Branch: develop
Last Pushed: 2019-07-08T18:33:36.000Z (over 5 years ago)
Last Synced: 2024-04-24T14:48:09.873Z (6 months ago)
Language: Swift
Homepage:
Size: 905 KB
Stars: 875
Watchers: 16
Forks: 28
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-ios - Gagat - A delightful way to transition between visual styles in your iOS applications. (UI / Transition)
awesome-ios-star - Gagat - A delightful way to transition between visual styles in your iOS applications. (UI / Transition)

README

        ![Gagat Logo](gagat_logo.png)

# What is Gagat?

[![Platform](https://img.shields.io/badge/Platform-iOS-lightgrey.svg)]()

[![Swift 5.0](https://img.shields.io/badge/Swift-5.0-orange.svg)](https://swift.org)

[![Objective-C compatible](https://img.shields.io/badge/Objective--C-compatible-48B3E9.svg)]()

[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)

[![GitHub license](https://img.shields.io/badge/License-MIT-lightgrey.svg)](https://raw.githubusercontent.com/Boerworz/Gagat/master/LICENSE)

Gagat is a small Swift library that makes it easy to add a delightful, interactive way to switch between two different themes in your iOS application using a two-finger pan. The library was designed primarily for applications that support a "dark mode", and is heavily inspired by the Night Mode transition in [Castro 2](http://supertop.co/castro).



### What Gagat is not

Gagat is **not** a library for styling your iOS applications. You must write all the styling logic yourself without any help from Gagat, and then call your styling code from your implementation of `GagatStyleable.toggleActiveStyle()`. If you are unsure of how to implement the styling, the Example app included with Gagat showcases one way to support different themes in an application by using [configuration models](http://www.jessesquires.com/enums-as-configs/).

## Requirements

Gagat is written in Swift 5.0 and requires Xcode 10.2. It runs on iOS 10.0+ and can be used from both Swift and Objective-C clients.

## Installation

You can either install Gagat using [Carthage] \(recommended) or by adding Gagat as a subproject.

#### Carthage

The recommended way to install Gagat is using [Carthage]. Simply add `github "Boerworz/Gagat" ~> 3.0` to your `Cartfile`, run a suitable Carthage command (such as `bootstrap`) and then add the framework(s) to your project. If you're using Gagat from Swift you only need `Gagat.framework`, but for Objective-C clients you need both `Gagat.framework` and `GagatObjectiveC.framework`.

#### Adding Gagat as a subproject

If you don't use [Carthage] to manage your dependencies then adding Gagat as a subproject is the easiest way to integrate Gagat. To do this simply download an [archive of the master branch](https://github.com/Boerworz/Gagat/archive/master.zip) and copy or move the entire directory to your project directory. When that's done, drag `Gagat.xcodeproj` from the Finder into your project organizer in Xcode. You should now be able to add the Gagat framework(s) as Embedded Binaries to your target. If you're using Gagat from Swift you only need `Gagat.framework`, but for Objective-C clients you need both `Gagat.framework` and `GagatObjectiveC.framework`. If you're unsure of how to do add frameworks to your project, please refer to [Apple's Technical Note on the topic](https://developer.apple.com/library/content/technotes/tn2435/_index.html#//apple_ref/doc/uid/DTS40017543-CH1-EMBED_IN_APP_SECTION).

## Usage

To support Gagat in your iOS application there's two things you need to do (apart from `import`ing Gagat):

#### 1. Conform to `GagatStyleable`

In order for Gagat to be able to trigger the style change in your application you must provide it with an object that conforms to `GagatStyleable`. This object could be your root view controller, a specialized `StyleManager` kind of object, your app delegate, or any other object that fits your architecture.

The only requirement in the `GagatStyleable` protocol is that you implement a `toggleActiveStyle()` method. When this method is invoked you should switch to the theme that is currently inactive, e.g. switch from a light theme to a dark theme or vice versa. It's not strictly a requirement, but for the best results you should attempt to have completed the style change before you return from `toggleActiveStyle()` (i.e. avoid asynchronous calls if possible).

#### 2. Call `Gagat.configure(for:with:using:)`

This is typically done in your implementation of `application(_:didFinishLaunchingWithOptions:)` and tells Gagat to get ready to handle the interactive transition in the specified window (probably your application's only window). The second argument is your object that conforms to `GagatStyleable`.

If you want to customize properties of the transition, such as the jelly factor, pass an instance of `Gagat.Configuration` as the last argument to `Gagat.configure(for:with:using:)`, or omit it if you want to use the defaults.

**Important:** In order for Gagat to work as expected you _must_ keep a reference to the value returned by `Gagat.configure(for:with:using:)` for the entire lifetime of your application (or until you want to disable Gagat).

```swift

// AppDelegate.swift

var window: UIWindow?

var gagatTransitionHandle: Gagat.TransitionHandle!

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

	let configuration = Gagat.Configuration(jellyFactor: 1.5)

	let styleableViewController = window!.rootViewController as! GagatStyleable

	gagatTransitionHandle = Gagat.configure(for: window!, with: styleableViewController, using: configuration)

	

	return true

}

```

#### You're done!

You should now be able to switch between your different styles by using a two-finger downwards pan from anywhere in your application.

### About Objective-C interoperability

Using Gagat from Objective-C is fundamentally the same as using it from Swift, but there are some minor differences.

First, you need to make sure you've added both the `GagatObjectiveC.framework` _and_ the `Gagat.framework` to your project, and that you're importing `GagatObjectiveC` (i.e. `@import GagatObjectiveC` or `#import `).

Second, the type names are slightly different:

| Swift Type               | Objective-C Type      |

| ------------------------ | --------------------- |

| `Gagat`                  | `GGTManager`          |

| `GagatStyleable`         | `GGTStyleable`        |

| `Gagat.Configuration`    | `GGTConfiguration`    |

| `Gagat.TransitionHandle` | `GGTTransitionHandle` |

## Running the Example app

Gagat includes an app that showcases what this library has to offer. To run the Example app, open [Gagat.xcodeproj](Gagat.xcodeproj) and run the _Gagat Example_ scheme. If you want to run the Example app on a device (you do!) then you'll need to select a team in the target settings for the _Gagat Example_ target.

#### Podcasts in the Example app

* [If I Were You](http://ifiwereyoushow.com)

* [Radiolab](http://radiolab.org)

* [Appodden](https://overcast.fm/itunes1005587579/appodden)

* [Love + Radio](http://loveandradio.org)

* [Nancy](https://www.wnyc.org/shows/nancy)

## Apps that use Gagat

If you're on your iPhone or iPad and want to try Gagat, download one of the following apps. They all use Gagat!

* [Cascable](https://cascable.se)

* [Push Me](https://pushme.jagcesar.se)

* [Bitbook](https://bitbookapp.com)

_Want your app to be listed here? Please create a pull request that adds it to the end of the list._

## Credits

The Gagat logo was created by [Johan Rothoff Andersson](http://www.johanrothoff.com).

## License

The MIT License (MIT)

Copyright 2017 Cocoabeans Software

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

[Carthage]: https://github.com/Carthage/Carthage