AppDevKit is an iOS development library that provides developers with useful features to fulfill their everyday iOS app development needs. AppDevKit has five major parts that include command, user interfaces, animations, image view, and list view support libraries. AppDevKit could be installed by CocoaPods. Please feel welcome to use AppDevKit in your iOS projects as it is licensed under the permissive open source BSD license. These materials are accessible: https://github.com/anistarsung/AppDevKitLearning

1. Practicing AppDevKit
Anistar Sung
Engineering Manager
Kata Training -

2. git clone https://github.com/anistarsung/AppDevKitLearning.git
Download Learning Template

3. • Leverage AppDevKit in few steps
• Build Some Apps with AppDevKit
• Using Swift with AppDevKit
Agenda

4. Leverage AppDevKit
Build First App with AppDevKit

5. Source Code of AppDevKit
https://github.com/yahoo/AppDevKit

6. Get Source Code from Github

7. Set up AppDevKit
• Cloning code into your project directly
• Using CocoaPods to manage package

8. What’s CocoaPods

9. Using CocoaPods
Installing CocoaPods
$ sudo gem install cocoapods
Initializing CocoaPods
$ pod init
$ nano Podfile

10. Using CocoaPods
Editing Podfile
platform :ios, '8.0'
target 'MyApp' do
pod 'AppDevKit', '~> 1.0’
pod 'AFNetworking', '~> 2.6'
end

11. Using CocoaPods
Installing Package by CocoaPods
$ pod install
Updating Package by CocoaPods
$ pod update

12. Working with AppDevKit
Open iOS Project with Pods
$ open MyApp.xcworkspace

13. Working with AppDevKit
Importing Libraries from AppDevKit
#import <AppDevKit.h>
YES!
You Made It!

14. Demo
Start HelloWorld with AppDevKit

15. Using UIColor Hex presentation
Utilities made setting color easier

16. Hex Color Format from Designer
4C00A521B1E6FBDA18

17. But UIColor….
+(UIColor *)colorWithWhite:(CGFloat)white alpha:(CGFloat)alpha;
+(UIColor *)colorWithHue:(CGFloat)hue saturation:
(CGFloat)saturation brightness:(CGFloat)brightness alpha:
(CGFloat)alpha;
+(UIColor *)colorWithRed:(CGFloat)red green:(CGFloat)green blue:
(CGFloat)blue alpha:(CGFloat)alpha;
......
No hex presentation… :’(

18. AppDevKit Hex Color Utility
[UIColor ADKColorWithHexString:@"fbda18"]
[[UIColor ADKColorWithHexString:@"fbda18"]
ADKColorShiftByBrightness:0.7f];

19. Demo
Using UIColor+ADKHexPresentation

20. Applying UIImage Filters
Changing image color in one line

21. Color Replacement

22. Color Replacement
• One image could fulfill all states change
• Reducing App size
• Providing other filters and color replacement methods

23. Color Replacement
[UIImage ADKImage:originalImage
replaceColor:[UIColor redColor]];

24. Demo
Using UIImage+ADKImageFilter

25. Using Animation Marcos
Animation is a piece of cake

26. Animation Marcos

27. Animation Marcos
[button popUpAnimation];

28. Demo
Using UIView+ADKAnimationMacro

29. Using Modal Mask View
Making A Focused UX Flow

30. Modal Mask View

31. Modal Mask View
• Presenting custom modal view and dismiss automatically
• Below iOS 8, it don’t support
UIModalPresentationOverCurrentContext

32. Modal Mask View
[[ADKModalMaskView alloc] initWithView:UIView
modalColor:UIColor autoDismiss:YES];
[modalView showInView:UIView withAnimation:YES
completion:^(BOOL finished){…}];

33. Demo
Using ADKModalMaskView

34. Drawing Gradient Background
Without Bitmap Image Solution

35. ADKGradientView

36. ADKGradientView
• Don’t need bitmap image (Programmable solution)
• Reduce App size
• Support assigning color and orientation

37. ADKGradientView
view.beginColor = [UIColor redColor];
view.endColor = [UIColor greenColor];
view.blendsType = ADKBlendsTypeFromLeftTopToRightBottom;
ADKBlendsTypeFromTopToBottom
ADKBlendsTypeFromLeftToRight
ADKBlendsTypeFromLeftTopToRightBottom
ADKBlendsTypeFromRightTopToLeftBottom

38. Demo
Using ADKGradientView

39. Using AutoLayout Utility
Controlling AutoLayout easier

40. AutoLayout Utility

41. AutoLayout Utility
• Resolving elements aligning problem
Expected
Unexpected
Original

42. AutoLayout Utility
[view ADKHideViewWidth];
[view ADKHideTrailingConstraint];

43. Demo
Using UIView+AutoLayoutSupport

44. Using ADKNibSizeCalculator
Nice tool for Communication

45. ADKNibSizeCalculator

46. ADKNibSizeCalculator
Modify nib file without changing any code

47. Using ADKNibSizeCalculator
Use ADKNibSizeCalculator to calculate size
CGSize size = [[ADKNibSizeCalculator sharedInstance]
sizeForNibNamed:@“NibName” withStyle:ADKNibFixedHeightScaling];

48. Demo
Calculating Nib Size with AppDevKit

49. Pull To Refresh in List View
Solution for Pull To Refresh

50. UIScrollView+ADKPullToRefreshView

51. Implement a PullToRefresh View
Implement required method for this protocol
- (void) ADKPullToRefreshStopped:(UIScrollView *)scrollView
- (void) ADKPullToRefreshTriggered:(UIScrollView *)scrollView
- (void) ADKPullToRefreshLoading:(UIScrollView *)scrollView
Create a view which implemented protocol ADKPullToRefreshViewProtocol
#import <AppDevKit/UIScrollView+ADKPullToRefreshView.h>
@interface PullToRefreshView : UIView <ADKPullToRefreshViewProtocol>
And more optional method for this protocol
- (CGFloat) ADKPullToRefreshTriggerDistanceTimes:(UIScrollView *)scrollView
- (void) ADKPullToRefreshDragging:(UIScrollView *)scrollView
- (void) ADKPullToRefreshView:(UIScrollView *)scrollView
draggingWithProgress:(CGFloat)progress

52. Add PullToRefresh View on Scroll View
Don’t forget to stop animation after things done
[scrollView.pullToRefreshContentView stopAnimating];
Add PullToRefresh View on Scroll View
[scrollView ADKAddPullToRefreshWithHandleView:refreshView
actionHandler:^{
// do something here
}];

53. Demo
Implement Pull To Refresh with AppDevKit

54. Using AppDevKit in Swift project
AppDevKit Works Well with Swift

55. Add Bridge Header

56. Add Bridge Header
#import <AppDevKit.h>

57. Bridge Header Settings

58. Using Swift with AppDevKit
self.view.backgroundColor =
UIColor.ADKColorWithHexString("0x1DB2E8")

59. Q + A