iOS 11 UIStackView doldurmak orantılı dağılımı neden garip görünümü yükleme animasyonu

Question

Ben ayarlarsanız: Bu yığın görünümü (tüm subviews içeren bir görünüm yüklerken

stackView.distributon = .fillProportionally 

Sonra iOS 11 ben çok garip animasyon olsun - sadece yığın görünümü - ekranın üstünden veya altından uçuyor). IOS sürümünde her şey iyi çalışıyor. Yığın görünümünün dağıtımını başka bir şeye ayarlarsanız her şey iyi çalışır.

Bu sorunun nedeninin ne olabileceği hakkında bir fikri olan var mı?

Teşekkür ederiz.

Answer 1

Sanırım bir düzeltme buldum - numarasını animations satırında arayın.

import UIKit 

class ViewController: UIViewController { 

    var showB = true 

    weak var viewB: UIView! 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     let viewA = UIView() 
     viewA.backgroundColor = UIColor.green 

     let toggleViewBButtonAnimated = UIButton(frame: CGRect(x: 50, y: 150, width: 200, height: 40)) 
     toggleViewBButtonAnimated.backgroundColor = UIColor.cyan 
     toggleViewBButtonAnimated.setTitle("Toggle B (animated)", for: .normal) 
     viewA.addSubview(toggleViewBButtonAnimated) 
     toggleViewBButtonAnimated.addTarget(self, action: #selector(toggleBButtonTappedAnimated), for: .touchUpInside) 


     let viewB = UIView() 
     viewB.backgroundColor = UIColor.orange 
     let viewBHeightConstraint = viewB.heightAnchor.constraint(equalToConstant: 200) 
     viewBHeightConstraint.priority = 999 
     viewBHeightConstraint.isActive = true 
     self.viewB = viewB 


     let stackView = UIStackView(arrangedSubviews: [viewA, viewB]) 
     stackView.axis = .vertical 
     stackView.alignment = .fill 
     stackView.distribution = .fill 
     stackView.translatesAutoresizingMaskIntoConstraints = false 

     self.view.addSubview(stackView) 

     stackView.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true 
     stackView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true 
     stackView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true 
     stackView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true 
    } 

    @IBAction func toggleBButtonTappedAnimated() { 
     self.showB = !self.showB 
     UIView.animate(withDuration: 0.3, 
         animations: { self.viewB.isHidden = !self.showB; self.view.layoutIfNeeded() } 
     ) 
    } 
} 

Bu kontrolör kurar iki dikey manzarası, yeşil bir (A) ve turuncu bir (B) sahip bir UIStackView:

İşte benim üreme var. Ben değilanimations blokta self.view.layoutIfNeeded() var yaparsanız düğme gizler delik/unhides B.

görüntülemek görünümü B gösteriliyor zaman, o zaman, bu ekranın üstünden uçar. (B görünüşü, gizli olan, normal olarak gizler - ekranın alt kısmına aşağı hareket). I animations bloğuna self.view.layoutIfNeeded() ilave

, B görünüşü, beklendiği gibi gösterir - ekranın altından gelir .

Bana bu yönde işaret ettiğin için @ g3rv4 cevabı sayesinde!

Answer 2

Bu sabah GM tohumunu kullanarak aynı sorunla karşılaştım. Şu anda animasyonların istenmediği herhangi bir UIStackView değişiklik yapmak için UIView.performWithoutAnimation { bloğunu kullanarak bittim.

Answer 3

Benim için sorun, iOS 11'de tanıtılan bir davranış gerilemesiydi ve UIStackView dağıtım türüyle hiçbir ilgisi yoktu. Bir kaç tane kod tabanlı çözümü hiçbir işe yaramadı: ilk olarak, kapsayıcı hiyerarşisinde layoutIfNeeded öğesini çağırmak; İkincisi, ('benzer bir soruyu başka bir cevapta görüldüğü gibi)' viewMode içeriği değiştirerek.

My hacky çözüm, aşağıdaki: Animasyon yanlış ekranın kenarından öğeleri getiren burada

UIStackView tarafında yeni, sıfır genişliği UIView tutucu ekleyin.