iOS SDK - CoreAnimation, प्रोग्रामिंग सुंदर बटन

कई लोगों को संभवतः मोबाइल यूजर इंटरफेस में नियंत्रण बनाने की आवश्यकता का सामना करना पड़ा। मानक UIButton बटन पर विचार करें। मूल नियंत्रण एक मांग वाले ग्राहक के अनुरूप नहीं है, और अक्सर एक मानक समाधान बटन पर स्थिति बिटमैप को खींच रहा है। चाहे वह स्ट्रेच की गई तस्वीर हो या पूरी तरह से कट आउट बटन, समाधान के लिए यूजर इंटरफेस के अतिरिक्त समय लेने वाले डिजाइन की आवश्यकता होती है। मूल यूआईयूटन की तुलना में व्यापक दृश्य क्षमताओं के साथ एक सार्वभौमिक नियंत्रण रखना अच्छा होगा।





सबसे तार्किक UIButton का विस्तार लगता है - और हम करेंगे

हम UIButton से विरासत में मिली अपनी कक्षा बनाते हैं (प्रोजेक्ट में QuartzCore.framework को शामिल करना न भूलें), यह हमारे लिए iOS vizulka के साथ मिलकर रहना बहुत आसान बना देगा।



@class CAGradientLayer;



@interface CustomButton : UIButton {

@private

UIColor* _gradientStartColor;

UIColor* _gradientEndColor;



CAGradientLayer* _gradientLayer;

}



@property (nonatomic, retain) UIColor* gradientStartColor;

@property (nonatomic, retain) UIColor* gradientEndColor;



@end









जैसा कि कई लोग अनुमान लगा चुके हैं, हम CAGradientLayer का उपयोग बटन की ग्रेडिएंट पृष्ठभूमि को आकर्षित करने के लिए करेंगे। यह वर्ग समृद्ध भरण विकल्प प्रदान करता है। हम उनमें से केवल एक छोटे (मूल) हिस्से पर विचार करेंगे।



#import "CustomButton.h"

#import <QuartzCore/QuartzCore.h>



@implementation CustomButton



@synthesize gradientStartColor = _gradientStartColor;

@synthesize gradientEndColor = _gradientEndColor;









चूँकि हम अपने नियंत्रण का उपयोग इंटरफेसबर्स्ट (इसके बाद आईबी) में करने की योजना बना रहे हैं, इसलिए नीचे दी गई विधि में इनिशियलाइज़ेशन होना चाहिए



-(void)awakeFromNib;

{

_gradientLayer = [[CAGradientLayer alloc] init];

_gradientLayer.bounds = self.bounds;



_gradientLayer.position = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2);



[self.layer insertSublayer:_gradientLayer atIndex:0];



self.layer.cornerRadius = 5.0f; // ,

self.layer.masksToBounds = YES;

self.layer.borderWidth = 1.0f;



}









ढाल परत ड्राइंग



- (void)drawRect:(CGRect)rect;

{

if (_gradientStartColor && _gradientEndColor)

{

[_gradientLayer setColors:

[NSArray arrayWithObjects: (id)[_gradientStartColor CGColor]

, (id)[_gradientEndColor CGColor], nil]];

}



[super drawRect:rect];

}









क्या हम कुछ भूल गए हैं?



- (void)dealloc {

[_gradientEndColor release];

[_gradientStartColor release];

[_gradientLayer release];

[super dealloc];

}



@end







यहाँ हमारे छोटे क्लासमैन और zameplmeneny हैं, आइए इसे इंटरफ़ेस में सम्मिलित करने का प्रयास करें।



कंट्रोलर (CustomButton) में हमारे वर्ग के प्रकार का एक आउटलेट प्रकार बनाएँ



@interface GlossyButtonTestViewController : UIViewController {

@private

IBOutlet CustomButton* btn;

}









आईबी खोलें, कस्टम के साथ एक बटन डालें और इसे नियंत्रक में आउटलेट के साथ जोड़ दें।

नियंत्रक कार्यान्वयन के शरीर में, हम बटन की पृष्ठभूमि ढाल के रंग मूल्यों के आरंभीकरण को जोड़ते हैं।



- (void)viewDidLoad {

[super viewDidLoad];



btn.gradientStartColor = [UIColor whiteColor];

btn.gradientEndColor = [UIColor grayColor];

[self.view addSubview:btn];

}









हम परियोजना को इकट्ठा करते हैं और देखते हैं

यहाँ एक बटन है







यह खुद के लिए एक बटन है, और हम खुद को प्रतिबंधित कर सकते हैं, लेकिन हम आगे बढ़ेंगे। स्पष्ट रूप से पर्याप्त प्रतिभा नहीं है।



यह कहा जाता है - बटन पर एक हाइलाइट जोड़ें।



इंटरफ़ेस में एक और परत डालें और जागरण के लिए इसकी इनिशियलाइज़ेशन जोड़ें



_glossyLayer = [[CAGradientLayer alloc] init];

_glossyLayer.bounds = CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height/2);

_glossyLayer.position = CGPointMake(self.bounds.size.width/2, self.bounds.size.height/4);

[self.layer addSublayer:_glossyLayer];









ड्राअर में हम एक लेयर के ग्रेडिएंट के रंगों को इनिशियलाइज़ करते हैं





[_glossyLayer setColors:

[NSArray arrayWithObjects:

(id)[[UIColor colorWithRed:1.0f green:1.0f blue:1.0f alpha:0.99f] CGColor]

, (id)[[UIColor colorWithRed:1.0f green:1.0f blue:1.0f alpha:0.2f] CGColor], nil]];







और ... दौड़ो

वह सब है।







यह न भूलें कि आप CoreAnimation लेयर में ट्रांजेक्शन ट्रांज़ैक्शन आदि जोड़ सकते हैं।

हमारी कक्षा प्रकृति में विशेष रूप से जानकारीपूर्ण है, परियोजनाओं में पूर्ण उपयोग के लिए इसे राज्य एनिमेशन के साथ विस्तारित करना आवश्यक है।



पोस्ट के लेखक Marshet15 , लेकिन उनके पास लेख प्रकाशित करने के लिए पर्याप्त कर्म नहीं हैं।