advertisement

AppDevKit for iOS Development

50 %
50 %
advertisement
Information about AppDevKit for iOS Development

Published on June 14, 2016

Author: anistarsung

Source: slideshare.net

advertisement

1. AppDevKit for iOS Development Anistar Sung Yahoo Engineering Manager

2. Introducing AppDevKit Quick demonstrate for AppDevKit Agenda

3. Smart Design + Architecture Wanting everything easier

4. CHALLENGE

5. AppDevKit https://github.com/yahoo/AppDevKit

6. Over 100+ features

7. ListView Color AutoLayout Image Filters Image Analysis What AppDevKit did Cover regular development requirement

8. Animator Cache Formatter Modal View What AppDevKit did Cover regular development requirement

9. Quick demonstrate for AppDevKit Introduce few major features

10. Hard to sync with designer After requirement changing need to rewrite code Change once apply anywhere The pain for changing

11. Designer: I want red color background. Developer: Sure!
 
 self.backgroundColor = [UIColor redColor]; Challenge on Color Design easy sync tool for designer

12. Designer: I want #7b19a9 background. Developer: What!? Challenge on Color Design easy sync tool for designer !?

13. Designer: I want Yahoo background. Developer: Mom, I want go home. :( Challenge on Color Design easy sync tool for designer #@*$!

14. Using Category to improve UIColor + (UIColor *)ADKColorWithHexString:(NSString *)hexstring;
 + (UIColor *)ADKColorWithHexNumber:(NSUInteger)hexNumber; Challenge on Color Design easy sync tool for designer

15. Management your theme color + (UIColor *)themeBackground; + (UIColor *)themeForeground; + (UIColor *)themeDisabled; + (UIColor *)themeFocus; + (UIColor *)themeHighlight; + (UIColor *)themeTitle; + (UIColor *)themeSubtitle; Challenge on Color Design easy sync tool for designer

16. + (UIColor *)themeBackground
 {
 return [UIColor ADKColorWithHexString:@"1f2f3b"];
 } + (UIColor *)themePanel
 {
 return [UIColor ADKColorWithHexString:@"333e49"];
 } Change once apply anywhere Theme color management

17. + (UIColor *)themeBackground
 {
 return [UIColor ADKColorWithHexString:@"dedede"];
 } + (UIColor *)themePanel
 {
 return [UIColor ADKColorWithHexString:@"f4f4f4"];
 } Change once apply anywhere Theme color management

18. Change once apply anywhere Theme color management

19. Demo Using UIColor+ADKHexPresentation

20. Using AutoLayout Easier Solve UI elements alignment problem

21. Using AutoLayout Easier Solve UI elements alignment problem

22. Using AutoLayout Easier Solve UI elements alignment problem

23. Using AutoLayout Easier Solve UI elements alignment problem

24. Control constraint
 @import “UIView+ADKAutoLayoutSupport.h” 
 [self.presetImageView hideTopConstraint]; [self.presetImageView unhideTopConstraint]; Using AutoLayout Easier Solve UI elements alignment problem

25. Control constraint
 @import “UIView+AutoLayoutSupport.h” - (void)setConstraintConstant:(CGFloat)constant forAttribute: (NSLayoutAttribute)attribute; Using AutoLayout Easier Solve UI elements alignment problem

26. Demo Using UIView+ADKAutoLayoutSupport

27. UIViewController - (void)presentViewController:(UIViewController *)viewControllerToPresent
 animated:(BOOL)flag completion:(void (^)(void))completion Providing Fancy Modal View Customizing your modal effect

28. @import “ADKModalMaskView.h” 
 [self.modalView showInView:self.view withAnimation:YES completion:^(BOOL finished) { // Do something you want }]; Providing Fancy Modal View Customizing your modal effect

29. Demo Using ADKModalMaskView

30. ICON should apply theme color Fast materials replacement ICON and assets color

31. UIImage+ADKColorReplacement.h
 + (UIImage *)ADKImage:(UIImage *)image tintColor:(UIColor *)color; + (UIImage *)ADKImage:(UIImage *)image replaceColor:(UIColor *)color;
 + (UIImage *)ADKImageNamed:(NSString *)name tintColor:(UIColor *)color; + (UIImage *)ADKImageNamed:(NSString *)name replaceColor:(UIColor *)color; Fast materials replacement Implement category for UIImage

32. Change ICON’s theme color
 @import “UIImage+ADKColorReplacement.h” 
 self.presetImageView.image = [UIImage ADKImageNamed:@“icon-folder.png" 
 replaceColor:[UIColor themeLightWhite]];
 UIImage *settingButtonImage = [UIImage ADKImageNamed:@"icon-setting.png" 
 replaceColor:[UIColor themeForeground]];
 [settingButton setImage:settingButtonImage forState:UIControlStateNormal]; Fast materials replacement Implement category for UIImage

33. Fast materials replacement ICON theme color management

34. Demo Using UIImage+ADKImageFilter

35. Most content can be displayed by list view UICollectionView is a powerful component Easy to present content List view for presentation

36. Change once apply anywhere Interface change

37. UICollectionView can set up cell size - (CGSize)collectionView:(UICollectionView *)collectionView 
 layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return CGsizeMake(320.0.f, 200.0f); } Change once apply anywhere Interface change

38. UICollectionView can set up cell size - (CGSize)collectionView:(UICollectionView *)collectionView 
 layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return [[[[[NSBundle mainBundle] loadNibNamed:@“Cell” owner:self options:nil] lastObject] bounds] size]; } Change once apply anywhere Interface change

39. UICollectionView can set up cell size SMARTER! - (CGSize)collectionView:(UICollectionView *)collectionView 
 layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return [[ADKNibSizeCalculator sharedInstance] sizeForNibNamed:@"Cell"]; } Change once apply anywhere Interface change

40. UICollectionView can set up cell size SMARTER! - (CGSize)collectionView:(UICollectionView *)collectionView 
 layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { CGSize cellSize = [[NibSizeCalculator sharedInstance] sizeForNibNamed:@“Cell”]; return [[ADKCellDynamicSizeCalculator sharedInstance] 
 sizeForDynamicHeightCellInstance:sampleCell preferredSize:cellSize]; } Change once apply anywhere Interface change

41. Demo Using Dynamic Cells for List View

42. Anistar Sung
 Yahoo Engineering Manager
 cfsung@yahoo-inc.com AppDevKit Yahoo Core Team
 Yahoo Engineering Engineers
 app-dev-kit@yahoo-inc.com More information

43. Q + A

#7b19a9 presentations

Add a comment

Related pages

AppDevKit is an iOS development library that provides ...

AppDevKit is an iOS development library that provides developers with useful features to fulfill their everyday iOS app development needs.
Read more

AppDevKit is an iOS development library that provides ...

AppDevKit is an iOS development library that provides developers with useful features to fulfill their everyday iOS app development needs.
Read more

yahoo/AppDevKit: AppDevKit is an iOS development library ...

AppDevKit . AppDevKit is an iOS development library that provides foundational and developer everyday required features for their iOS app development.
Read more

AppDevKit – Helpers For Common iOS Tasks And Compatibility ...

AppDevKit is an open source library from Yahoo that provides a wide variety of functionality to simplify common tasks, and to help handle compatibility issues
Read more

Ios Development | LinkedIn

View 183776 Ios Development posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more

Ios Development | LinkedIn

View 185212 Ios Development posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more

Objective-C - iOS App Dev Libraries, Controls, Tutorials ...

iOS App Dev Libraries, Controls, Tutorials, Examples and Tools. Tutorials; Libraries; UI Controls; Swift; Examples; Tools; Design; Get Updates By E-mail ...
Read more

AppDevKit - SDK.CN - 中国领先的开发者服务平台

yahoo也开源了一套OC的工具箱 AppDevKit,AppDevKit是一个iOS开发库,它提供基础和开发人员的日常所需的功能为他们的iOS ...
Read more