कैसे ढाल आईओएस

Question

पर ऊपर जा रहा है मैं "चाहते हैं" iPhone एप्लिकेशन पृष्ठभूमि की नकल करना चाहते हैं चेतन करने के लिए, वहाँ 3 रंग है कि मैं एक के बाद एक के लिए एक दृश्य चाहते हैं, तो हमें लाल, नीले और हरे रंग का कहना है कि करते हैं।

मैं चाहता हूं कि लाल से नीले रंग के हरे रंग के साथ एक ढाल हो, स्क्रीन के प्रत्येक 1/3, एक-दूसरे (ढाल) में फीका हो, फिर, मैं चाहते हैं कि लाल शीर्ष पर स्क्रीन से निकल जाए और वापस आएं बिल्कुल नीचे। (नीचे तस्वीरें देखें ...)

एनीमेशन ऊपर बढ़ना चाहिए, मैं ढाल बढ़ जाती हैं और स्क्रीन के तल पर सुधार और ऊपर जाने के लिए चाहते हैं।

मैं CAGradientLayer का उपयोग कर और "रंग" संपत्ति एनिमेट, लेकिन यह सब कुछ एक दूसरे में fades की तरह, जरूरी नहीं कि बंद स्क्रीन चलती लग रहा है की कोशिश की।

विचार ओपन का उपयोग कर, लेकिन कुछ है जो बहुत सरल लगता है के लिए है कि कम से जाने के लिए नहीं करना चाहती। किसी भी मदद/कोड नमूने की सराहना की जाएगी। मुझे मूल रूप से कोरएनीमेशन/कोरग्राफिक्स का उपयोग करके ढाल को एनिमेट करने में मदद की ज़रूरत है।

अग्रिम धन्यवाद!

Answer 1

एक CAGradientLayer की colors संपत्ति एनिमेट करना बस, एक फीका कारण होगा के रूप में आप की खोज की है। हालांकि मुझे लगता है कि एक ढाल परत जाने का रास्ता है। आप निम्न विकल्पों पर गौर करना चाहिए:

• colors की positions संपत्ति एनिमेट रूप में अच्छी तरह/के रूप में के बजाय।
• एक बड़ा ढाल परत है कि आपका पूरा एनीमेशन चक्र होता है बनाने और अपनी स्थिति को

के रूप में ढाल पुनर्गणना किए जाने की जरूरत नहीं होगी दूसरा विकल्प शायद सबसे अच्छा प्रदर्शन दे देंगे एनिमेट।

Answer 2

आप एक GradientView वर्ग बनाने के लिए UIView subclass चाहिए। जिन रंगों को आप आगे बढ़ रहे हैं उन्हें पकड़ने के लिए एक सरणी जोड़ें। चुनाव महत्वपूर्ण है और मैं इसकी वजह समझाने wrote an article। drawRect (रेक्ट: CGRect) ओवरराइड विधि और रंग की घटकों के बीच अंतर्वेशन:

override func drawRect(rect: CGRect) { 

    let context = UIGraphicsGetCurrentContext(); 
    CGContextSaveGState(context); 

    let c1 = colors[index == 0 ? (colors.count - 1) : index - 1] // previous 
    let c2 = colors[index]          // current 
    let c3 = colors[index == (colors.count - 1) ? 0 : index + 1] // next 

    var c1Comp = CGColorGetComponents(c1.CGColor) 
    var c2Comp = CGColorGetComponents(c2.CGColor) 
    var c3Comp = CGColorGetComponents(c3.CGColor) 

    var colorComponents = [ 
     c1Comp[0] * (1 - factor) + c2Comp[0] * factor, // color 1 and 2 
     c1Comp[1] * (1 - factor) + c2Comp[1] * factor, 
     c1Comp[2] * (1 - factor) + c2Comp[2] * factor, 
     c1Comp[3] * (1 - factor) + c2Comp[3] * factor, 
     c2Comp[0] * (1 - factor) + c3Comp[0] * factor, // color 2 and 3 
     c2Comp[1] * (1 - factor) + c3Comp[1] * factor, 
     c2Comp[2] * (1 - factor) + c3Comp[2] * factor, 
     c2Comp[3] * (1 - factor) + c3Comp[3] * factor  
    ] 

    let gradient = CGGradientCreateWithColorComponents(CGColorSpaceCreateDeviceRGB(), &colorComponents, [0.0, 1.0], 2) 

    let startPoint = CGPoint(x: 0.0, y: 0.0) 
    let endPoint = CGPoint(x: rect.size.width, y: rect.size.height) 
    CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, CGGradientDrawingOptions.DrawsAfterEndLocation) 

    CGContextRestoreGState(context); 
} 

सूचकांक चर 0 से शुरू होता है और रंग सरणी इर्द-गिर्द घूमती है, जबकि कारक 0.0 और 1.0 के बीच है और के माध्यम से एनिमेट एक टाइमर:

var index: Int = 0 
var factor: CGFloat = 1.0 
var timer: NSTimer? 

func animateToNextGradient() { 
    index = (index + 1) % colors.count 
    self.setNeedsDisplay() 
    self.factor = 0.0  
    self.timer = NSTimer.scheduledTimerWithTimeInterval(1.0/60.0, target: self, selector: "animate:", userInfo: nil, repeats: true) 

} 

func animate(timer: NSTimer) { 
    self.factor += 0.02 
    if(self.factor > 1.0) { 
     self.timer?.invalidate() 
    } 
    self.setNeedsDisplay() 
}