Bir UIView'a perspektif dönüşümünü nasıl uygularım?

Bir UIView (coverflow'da görüldüğü gibi) üzerinde bir perspektif dönüşümü gerçekleştirmek istiyorum

Anyonew bunun mümkün olup olmadığını biliyor mu?

Kullanarak araştırdım CALayerve tüm pragmatik programcı Core Animation podcast'leri çalıştırdım, ancak bir iPhone'da bu tür bir dönüşümün nasıl oluşturulacağı konusunda hala net değilim.

Herhangi bir yardım, işaretçi veya örnek kod parçacıkları gerçekten takdir edilecektir!

Ben'in dediği gibi, UIView'skatmanı kullanarak çalışmak için a'yı kullanmanız CATransform3Dgerekir layer's rotation. Burada açıklandığı gibi perspektif çalışması için hile cells, CATransform3D(m34) matrisinden birine doğrudan erişmektir. Matris matematik hiç benim işim olmadı, bu yüzden bunun neden işe yaradığını tam olarak açıklayamıyorum, ama işe yarıyor. Bu değeri ilk dönüşümünüz için negatif bir kesire ayarlamanız ve ardından katman dönüş dönüşümlerinizi buna uygulamanız gerekir. Ayrıca aşağıdakileri de yapabilmeniz gerekir:

Objective-C

UIView *myView = [[self subviews] objectAtIndex:0];
CALayer *layer = myView.layer;
CATransform3D rotationAndPerspectiveTransform = CATransform3DIdentity;
rotationAndPerspectiveTransform.m34 = 1.0 / -500;
rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, 45.0f * M_PI / 180.0f, 0.0f, 1.0f, 0.0f);
layer.transform = rotationAndPerspectiveTransform;

Swift 5.0

if let myView = self.subviews.first {
    let layer = myView.layer
    var rotationAndPerspectiveTransform = CATransform3DIdentity
    rotationAndPerspectiveTransform.m34 = 1.0 / -500
    rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, 45.0 * .pi / 180.0, 0.0, 1.0, 0.0)
    layer.transform = rotationAndPerspectiveTransform
}

katman dönüşümü her dönüş için sıfırdan yeniden oluşturulur.

Bunun tam bir örneği (kodlu) burada bulunabilir , burada CALayersBill Dudney'nin bir örneğine dayanarak, bir kaçına dokunmaya dayalı döndürme ve ölçeklendirme uyguladım. Sayfanın en altındaki programın en yeni sürümü bu tür bir perspektif işlemi uygular. Kodun okunması oldukça basit olmalıdır.

sublayerTransformEğer cevap olarak adlandırdıkları, aramalarınızdan alt katmanlar uygulandığına dikkat dönüşümü olduğunu UIView's CALayer. Alt katmanınız yoksa endişelenmeyin. Benim örneğimde sublayerTransform'u kullanıyorum çünkü CALayersdöndürdüğüm bir katmanın içinde iki tane var .

UIView'in transform özelliğine doğrudan uygulanan Çekirdek Grafik (yalnızca Kuvars, 2D) dönüşümlerini kullanabilirsiniz. Kapak akışındaki efektleri elde etmek için, 3 boyutlu uzayda uygulanan CATransform3D'yi kullanmanız ve böylece istediğiniz perspektif görünümünü vermeniz gerekir. Görünümlere değil, yalnızca katmanlara CATransform3D uygulayabilirsiniz, bu nedenle bunun için katmanlara geçmeniz gerekir.

Xcode ile birlikte gelen "CovertFlow" örneğine bakın. Sadece mac (iPhone için değil), ancak birçok kavram iyi aktarılıyor.

Brad'in cevabına eklemek ve somut bir örnek vermek için, benzer bir konuyla ilgili başka bir gönderide kendi cevabımı ödünç alıyorum . Benim cevap olarak, ben basit Swift oluşturulan oyun alanı sen ki indirip oynamak ı tabakaların basit hiyerarşi ile UIView perspektif efektleri oluşturmak için nasıl göstermek ve ben kullanmak arasındaki farklı sonuçlar göstermektedir nerede transformve sublayerTransform. Bunu kontrol et.

İşte yazıdan bazı görüntüler:

İCarousel SDK kullanarak doğru Atlıkarınca efekti elde edebilirsiniz.

Muhteşem ve ücretsiz iCarousel kütüphanesini kullanarak iOS'ta anında Cover Flow efekti elde edebilirsiniz. Https://github.com/nicklockwood/iCarousel adresinden indirebilir ve bir köprü başlığı (Objective-C ile yazılmış) ekleyerek Xcode projenize oldukça kolay bir şekilde bırakabilirsiniz.

Daha önce bir Swift projesine Objective-C kodu eklemediyseniz, aşağıdaki adımları izleyin:

• İCarousel'i indirin ve sıkıştırmasını açın
• Sıkıştırdığınız klasöre gidin, iCarousel alt klasörünü açın, ardından iCarousel.h ve iCarousel.m dosyasını seçin ve bunları proje navigasyonunuza sürükleyin - bu Xcode'daki sol bölmedir. Info.plist'in hemen altında sorun yok.
• "Gerekiyorsa öğeleri kopyala" yı işaretleyin ve Son'u tıklayın.
• Xcode size "Objective-C köprüleme üstbilgisi yapılandırmak ister misiniz?" "Köprü Oluşturma Başlığı Oluştur" u tıklayın Projenizde ProjenizAdı-Bridging-Header.h adlı yeni bir dosya görmelisiniz.
• Bu satırı dosyaya ekleyin: #import "iCarousel.h"
• Projenize iCarousel ekledikten sonra kullanmaya başlayabilirsiniz.
• Hem iCarouselDelegate hem de iCarouselDataSource protokollerine uyduğunuzdan emin olun.

Swift 3 Örnek Kodu:

    override func viewDidLoad() {
      super.viewDidLoad()
      let carousel = iCarousel(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
      carousel.dataSource = self
      carousel.type = .coverFlow
      view.addSubview(carousel) 
    }

   func numberOfItems(in carousel: iCarousel) -> Int {
        return 10
    }

    func carousel(_ carousel: iCarousel, viewForItemAt index: Int, reusing view: UIView?) -> UIView {
        let imageView: UIImageView

        if view != nil {
            imageView = view as! UIImageView
        } else {
            imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 128, height: 128))
        }

        imageView.image = UIImage(named: "example")

        return imageView
    }