A horizontal gradient which adjusts its appearance based on the positional attitude of an iOS device.
Objective-C
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
TLTiltHighlightView Test
TLTiltHighlightView_Test.xcodeproj
images
.gitignore
Default-568h@2x.png
Default.png
Default@2x.png
LICENSE
README.md
TLTiltHighlightView.h
TLTiltHighlightView.m

README.md

TLTiltHighlightView

TLTiltHighlightView is a UIView subclass with a horizontal gradient which adjusts its appearance based on the positional attitude of the device. The movement of the gradient when re-orientating the device is subtle – it's meant to augment keylines. This mimics the iOS 6 Music app (notice the gradient keylines at the very top and bottom of the images).

Left highlight Right highlight

How to Use

Drag TLTiltHighlightView.h and TLTiltHighlightView.m into your project. Make sure to add QuartzCore and CoreMotion to the list of libraries you link against.

Alternatively, you can use CocoaPods:

pod search TLTiltHighlightView

Create an instance of TLTiltHighlightView and add it to a view hierarchy. Optimal size is any width and 2pt tall (the keyline will always sit at the bottom of the TLTiltHighlightView).

TLTiltHighlightView *highlightView = [[TLTiltHighlightView alloc] initWithFrame:CGRectMake(0, 44, CGRectGetWidth(self.view.bounds), 2)];
[self.view addSubview:highlightView];

Our implementation

You can also change the background colour and the highlight colours.

highlightView.highlightColor = [UIColor redColor];
highlightView.backgroundColor = [UIColor clearColor];

Alternatively to instantiating the class programmatically, you can also use Interface Builder by selecting the Identity Inspector and changing the class of a view.

Interface Builder

The TLTiltHighlightView class supports all four interface orientations of iPhones and iPads.

Requirements

You must link with QuartzCore and CoreMotion. This project requires ARC and has been tested on iOS 6. It should work on iOS 5, but it has not been rigorously tested. If you use it successfully on iOS 5, please let us know!