UIImageView gibi gradyan/gölgeler Flipboard gibi

Question

UIImageView modelinde gölge benzeri bir degrade oluşturmak istiyorum.

bunun bir örneği bu resmin

doğru iPhone'da görebileceğiniz gibi, altta ve üstte koyu meyili vardır bir resimdir. Bu, eğer resim beyazsa, beyaz metin hala görülebilir.

Bunu nasıl uygulayacağım konusunda herhangi bir öneriniz var mı? IOS geliştirme konusunda yeniyim, bu konuda da clueless. Teşekkürler!

Answer 1

Sen CAGradientLayer kullanabilirsiniz:

1. projenize QuartzCore.framework ekleyin. (Bkz. Linking to Library or Framework).

2. İthalat QuartzCore başlığı:

   #import <QuartzCore/QuartzCore.h> 
   

3. söz konusu görünüme bir CAGradientLayer ekleyin. Örneğin, basit bir gradyan için griden beyaza:

   - (void)addGradientToView:(UIView *)view 
   { 
       CAGradientLayer *gradient = [CAGradientLayer layer]; 
       gradient.frame = view.bounds; 
       gradient.colors = @[(id)[[UIColor lightGrayColor] CGColor], 
            (id)[[UIColor whiteColor] CGColor]]; 
       [view.layer insertSublayer:gradient atIndex:0]; 
   } 
   

   Ya tekrar bir gri gölgesi, başka ve gelen:

   - (void)addGradientToView:(UIView *)view 
   { 
       CAGradientLayer *gradient = [CAGradientLayer layer]; 
       gradient.frame = view.bounds; 
       gradient.colors = @[(id)[[UIColor colorWithRed:0.8 green:0.8 blue:0.8 alpha:1.0] CGColor], 
            (id)[[UIColor colorWithRed:0.9 green:0.9 blue:0.9 alpha:1.0] CGColor], 
            (id)[[UIColor colorWithRed:0.8 green:0.8 blue:0.8 alpha:1.0] CGColor]]; 
       [view.layer insertSublayer:gradient atIndex:0]; 
   } 
   

Sadece sizin dizideki renklerini değiştirmek İstenen etkiyi elde etmek için gradyanı değiştirmek için colors. Görüntü görünümünü kapsayıcı görünümüne koymak ve degradeyi görüntü görünümüne değil, kapsayıcı görünümüne uygulamak isteyebilirsiniz. Ayrıca, muhtemelen belirgin, ancak bu sizin UIImageView'unuzda kullandığınız görüntülerin saydam arka planlar kullandığını varsayar. Yapmazlarsa, bunları değiştirmelisiniz (a) degradeyi doğrudan resme dönüştürün; veya (b) görüntünün arka planını bir saydamlıkla değiştirin, böylece yukarıdaki CAGradientLayer efekti görülebilir.

Answer 2

Bu etkiyi, fotoğrafların üzerine koyulaştırılmış alanları içeren saydam bir görüntünün üzerine basmadan önce uygulamamda yaptım. Uygulama bilge, genellikle görünüm hiyerarşisinde fotoğrafınızın görünümünün üzerinde başka bir UIImageView ekleme anlamına gelir.

Answer 3

günümüzde düzgün sağ UIImageView tabakasının

// Set image over layer 
CAGradientLayer *gradient = [CAGradientLayer layer]; 
gradient.frame = imageView.frame; 

// Add colors to layer 
UIColor *centerColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.25]; 
UIColor *endColor = [UIColor grayColor]; 
gradient.colors = [NSArray arrayWithObjects: 
           (id)[endColor CGColor], 
           (id)[centerColor CGColor], 
           (id)[endColor CGColor], 
           nil]; 

[imageView.layer insertSublayer:gradient atIndex:0]; 

içine uygulayarak bu iş Swift dile çevrildi here

Answer 4

dan götürün:

var gradient = CAGradientLayer() 
gradient.frame = imageView.bounds      
let startColor = UIColor(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.25) 
let endColor = UIColor.grayColor() 
gradient.colors = [startColor, endColor] 
imageView.layer.insertSublayer(gradient, atIndex: 0) 

Answer 5

SWIFT 3

let gradient = CAGradientLayer() 
    gradient.frame = imageView.bounds 

    let startColor = UIColor(colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.25) 
    let endColor = UIColor.gray 

    gradient.colors = [startColor.cgColor, endColor.cgColor] 
    imageView.layer.insertSublayer(gradient, at: 0)