MTZTiltReflectionSlider

KO | EN

gitlite — search

#python #css #docker #cpp #hacktoberfest #javascript #react #reactjs #html5 #deep-learning #dotnet #library

MTZTiltReflectionSlider

★ 84 Open GitHub ↗

UISlider subclass mimicking and improving the tilt controlled slider added to Music.app in iOS 6

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MTZTiltReflectionSlider

A `UISlider` subclass mimicking and improving the tilt controlled slider added to Music.app in iOS 6

The knob changes its lighting reflection based on the motion of the device.

Examples:

![Example 1](https://raw.githubusercontent.com/mdznr/MTZTiltReflectionSlider/master/README%20Images/Example%201.png)
![Example 2](https://raw.githubusercontent.com/mdznr/MTZTiltReflectionSlider/master/README%20Images/Example%202.png)

================================

# How To Use:

You can add this UI element programmatically or with Interface Builder.

I show how to add this in Interface Builder in steps 1 and 2.

1. Drag a `UISlider` from the Object Library (bottom part of Utilities panel).

![UISlider in Object Library](https://raw.githubusercontent.com/mdznr/MTZTiltReflectionSlider/master/README%20Images/Object%20Library.png)

2. Change class from default to custom class `MTZTiltReflectionSlider`.

![Custom class](https://raw.githubusercontent.com/mdznr/MTZTiltReflectionSlider/master/README%20Images/Custom%20Class.png)

3. Add the CoreMotion Framework to your project

![Add CoreMotion Framework](https://raw.githubusercontent.com/mdznr/MTZTiltReflectionSlider/master/README%20Images/Add%20CoreMotion%20Framework.png)

4. Be sure to `#import "MTZTiltReflectionSlider.h"` in your UIViewController subclass

5. Set the size of the knob

Small: 32px (`MTZTiltReflectionSliderSizeSmall`)

Regular: 48px (`MTZTiltReflectionSliderSizeRegular`)
	
		[_mySlider setSize:MTZTiltReflectionSliderSizeSmall]
	
	If no size is set, it defaults to regular size (48px)
	
6. Tell the slider to start motion updates when needed and stop when not needed
	
	In your UIViewController subclass:
		
		- (void)viewWillAppear:(BOOL)animated
		{
			[_mySlider startMotionDetection];
		}

- (void)viewWillDisappear:(BOOL)animated
		{
			[_mySlider stopMotionDetection];
		}

MTZTiltReflectionSlider

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README