Xamarin.iOS individuelle Steuerung nicht Höhe Einschränkung nicht respektiert

Question

ich eine benutzerdefinierte Steuerung mit Xamarin.iOS im Anschluss an die folgende Anleitung erstellt haben: https://developer.xamarin.com/recipes/ios/general/templates/using_the_ios_view_xib_template/

Allerdings, wenn ich die Kontrolle verwenden in einem meiner Ansichten auf, ignoriert er die Höhe und richtige Auto-Layout-Einschränkungen, die ich zur Laufzeit zugewiesen habe, zur Design-Zeit sieht alles gut aus. (Die Einschränkungen werden mit dem Designer festgelegt).

Der Code meines Custom Controls ist wie folgt:

using Foundation; 
using System.ComponentModel; 
using UIKit; 
using System; 
using CoreGraphics; 

namespace RidderCRM.iOS 
{ 
    [DesignTimeVisible(true)] 
    public partial class RidderDetailBigToSmall : UIView, IComponent 
    { 
     public RidderDetailBigToSmall(IntPtr handle) : base(handle) 
     { 
     } 

     #region IComponent implementation 
     public ISite Site { get; set; } 
     public event EventHandler Disposed; 
     #endregion IComponent implementation 

     #region Icon properties 
     [Export("Icon"), Browsable(true)] 
     public UIImage Icon { get; set; } 
     #endregion Icon properties 

     #region Title properties 
     [Export("Title"), Browsable(true)] 
     public string Title { get; set; } 

     [Export("TitleColor"), Browsable(true)] 
     public UIColor TitleColor { get; set; } 
     #endregion Title properties 

     #region Subtitle properties 
     [Export("Subtitle"), Browsable(true)] 
     public string Subtitle { get; set; } 

     [Export("SubtitleColor"), Browsable(true)] 
     public UIColor SubtitleColor { get; set; } 
     #endregion Subtitle properties 

     public override CGSize IntrinsicContentSize 
     { 
      get { return new CGSize(NoIntrinsicMetric, 56f); } 
     } 

     public new static bool RequiresConstraintBasedLayout() 
     { 
      return true; 
     } 

     public override void AwakeFromNib() 
     { 
      base.AwakeFromNib(); 

      if ((Site != null) && Site.DesignMode) 
      { 
       // Bundle resources aren't available in DesignMode 
       return; 
      } 

      NSBundle.MainBundle.LoadNib("RidderDetailBigToSmall", this, null); 

      // At this point all of the code-behind properties should be set, specifically rootView which must be added as a subview of this view 
      this.AddSubview(this.RootView); 

      this.TitleLabel.Text = Title; 
      this.TitleLabel.TextColor = TitleColor; 

      this.SubtitleLabel.Text = Subtitle; 
      this.SubtitleLabel.TextColor = SubtitleColor; 

      this.IconImageView.Image = Icon; 
     } 
    } 
} 

Hier ein Screenshot der auf einem Blick zur Entwurfszeit nach und ein Screenshot der angewandten Beschränkungen (beachten Sie die Etiketten und das Symbol platziert Kontrolle nicht zeigen, aber ich lese dieses ist das erwartete Verhalten):

ist hier ein Screenshot der Ansicht meiner benutzerdefinierte Steuerelement zur Laufzeit enthält (beachten Sie, dass die Steuerung des ganzen Raum auf den Boden der Ansicht nehmen):

Jede Hilfe wäre sehr geschätzt.

Answer 1

Mit Hilfe der Xamarin Community (@cheesebaron, @diegoxleon und @nmilcoff) konnte ich das Problem lösen.

Zunächst sie wies mich darauf folgende Anleitung: https://developer.xamarin.com/guides/ios/user_interface/designer/ios_designable_controls_overview/

Second sie empfohlen, die .xib Datei zu ignorieren und die Steuerung im Code (im Anschluss an die Führung oben) erstellen.

Zuletzt gaben sie einige Ratschläge, wo und wie die automatischen Layoutbeschränkungen für alle im benutzerdefinierten Steuerelement verwendeten Subviews eingerichtet werden sollten.

ich mit dem folgenden Code am Ende:

using System; 
using UIKit; 
using System.ComponentModel; 
using Foundation; 
using CoreGraphics; 

namespace RidderCRM.iOS.CustomControls 
{ 
    [Register("RidderDetailLabel")] 
    public class RidderDetailLabel 
     : UIView, IComponent 
    { 
     private UIImageView _iconImageView; 
     private UILabel _titleLabel; 
     private UILabel _subtitleLabel; 

     private bool _didSetupConstraints = false; 

     public RidderDetailLabel() { } 

     public RidderDetailLabel(IntPtr handle) : base(handle) { } 

     #region IComponent implementation 
     public ISite Site { get; set; } 
     public event EventHandler Disposed; 
     #endregion 

     [Export("TitlePosition"), Browsable(true)] 
     public TitlePosition TitlePosition { get; set; } 

     [Export("Icon"), Browsable(true)] 
     public UIImage Icon { get; set; } 

     [Export("Title"), Browsable(true)] 
     public string Title { get; set; } 

     [Export("TitleTextColor"), Browsable(true)] 
     public UIColor TitleTextColor { get; set; } 

     [Export("Subtitle"), Browsable(true)] 
     public string Subtitle { get; set; } 

     [Export("SubtitleTextColor"), Browsable(true)] 
     public UIColor SubtitleTextColor { get; set; } 

     public override void AwakeFromNib() 
     { 
      base.AwakeFromNib(); 

      Initialize(); 
     } 

     private void Initialize() 
     { 
      _iconImageView = new UIImageView 
      { 
       Image = Icon, 
       ContentMode = UIViewContentMode.ScaleToFill, 
       TranslatesAutoresizingMaskIntoConstraints = false 
      }; 

      _titleLabel = new UILabel 
      { 
       Text = Title, 
       TextColor = TitleTextColor, 
       Font = UIFont.SystemFontOfSize(17), 
       TranslatesAutoresizingMaskIntoConstraints = false 
      }; 

      _subtitleLabel = new UILabel 
      { 
       Text = Subtitle, 
       TextColor = SubtitleTextColor, 
       Font = UIFont.SystemFontOfSize(12), 
       TranslatesAutoresizingMaskIntoConstraints = false 
      }; 

      AddSubview(_iconImageView); 
      AddSubview(_titleLabel); 
      AddSubview(_subtitleLabel); 
     } 

     public override void UpdateConstraints() 
     { 
      if (!_didSetupConstraints) 
      { 
       SetupConstraints(); 

       _didSetupConstraints = true; 
      } 

      base.UpdateConstraints(); 
     } 

     private void SetupConstraints() 
     { 
      // Add Icon constraints 
      AddConstraint(_iconImageView.RightAnchor.ConstraintEqualTo(RightAnchor, -16)); 
      AddConstraint(_iconImageView.CenterYAnchor.ConstraintEqualTo(CenterYAnchor)); 
      AddConstraint(_iconImageView.WidthAnchor.ConstraintEqualTo(25)); 
      AddConstraint(_iconImageView.HeightAnchor.ConstraintEqualTo(25)); 

      // Add Title constraints 
      AddConstraint(_titleLabel.TopAnchor.ConstraintEqualTo(TopAnchor, 12)); 
      AddConstraint(_titleLabel.LeftAnchor.ConstraintEqualTo(LeftAnchor, 16)); 
      AddConstraint(_titleLabel.RightAnchor.ConstraintEqualTo(_iconImageView.RightAnchor, -16)); 
      AddConstraint(_titleLabel.HeightAnchor.ConstraintEqualTo(20)); 

      // Add Subtitle constraints 
      AddConstraint(_subtitleLabel.TopAnchor.ConstraintEqualTo(_titleLabel.BottomAnchor, 3)); 
      AddConstraint(_subtitleLabel.LeftAnchor.ConstraintEqualTo(LeftAnchor, 16)); 
      AddConstraint(_subtitleLabel.RightAnchor.ConstraintEqualTo(_iconImageView.RightAnchor, -16)); 
      AddConstraint(_subtitleLabel.HeightAnchor.ConstraintEqualTo(15)); 

     } 
    } 
}