MTZTiltReflectionSlider

KO | EN

gitlite — search

#python #hacktoberfest #typescript #llm #golang #android #rust #deep-learning #java #windows #awesome-list #vue #security #ios

MTZTiltReflectionSlider

(★ 84)

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

File Explorer

Download Latest Version (.zip)

- MTZTiltReflectionSlider.h
- MTZTiltReflectionSlider.m
- MTZTiltReflectionSliderKnobBase-Small.png
- MTZTiltReflectionSliderKnobBase-Small@2x.png
- MTZTiltReflectionSliderKnobBase.png
- MTZTiltReflectionSliderKnobBase@2x.png
- MTZTiltReflectionSliderShineClear-Small.png
- MTZTiltReflectionSliderShineClear-Small@2x.png
- MTZTiltReflectionSliderShineClear.png
- MTZTiltReflectionSliderShineClear@2x.png
- MTZTiltReflectionSliderTrackEmpty.png
- MTZTiltReflectionSliderTrackEmpty@2x.png
- MTZTiltReflectionSliderTrackFill.png
- MTZTiltReflectionSliderTrackFill@2x.png
- UIImage+Shadow.h
- UIImage+Shadow.m
- UISlider+ForAllStates.h
- UISlider+ForAllStates.m
- - InfoPlist.strings
  - MTZViewController.xib
- - MTZTiltReflectionSlider.h
  - MTZTiltReflectionSlider.m
  - MTZTiltReflectionSliderKnobBase-Small.png
  - MTZTiltReflectionSliderKnobBase-Small@2x.png
  - MTZTiltReflectionSliderKnobBase.png
  - MTZTiltReflectionSliderKnobBase@2x.png
  - MTZTiltReflectionSliderShineClear-Small.png
  - MTZTiltReflectionSliderShineClear-Small@2x.png
  - MTZTiltReflectionSliderShineClear.png
  - MTZTiltReflectionSliderShineClear@2x.png
  - MTZTiltReflectionSliderTrackEmpty.png
  - MTZTiltReflectionSliderTrackEmpty@2x.png
  - MTZTiltReflectionSliderTrackFill.png
  - MTZTiltReflectionSliderTrackFill@2x.png
  - UIImage+Shadow.h
  - UIImage+Shadow.m
  - UISlider+ForAllStates.h
  - UISlider+ForAllStates.m
- Default-568h@2x.png
- Default.png
- Default@2x.png
- main.m
- MTZAppDelegate.h
- MTZAppDelegate.m
- MTZTiltReflectionSlider_Example-Info.plist
- MTZTiltReflectionSlider_Example-Prefix.pch
- MTZViewController.h
- MTZViewController.m
- project.pbxproj
- Add CoreMotion Framework.png
- Custom Class.png
- Example 1.png
- Example 2.png
- Object Library.png
.gitignore
LICENSE.txt
README.md

// 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

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

MTZTiltReflectionSlider

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README