单点触摸:如何制作可重用的复合视图

本文关键字:复合 视图 触摸 何制作 单点 | 更新日期: 2023-09-27 18:24:57

我一直在尝试通过从UIView类扩展来创建一个自定义视图。我找到的所有示例都覆盖了Draw方法,但我不需要绘制任何东西。我只需要用其他视图/控件填充视图,当在控制器中的ViewDidLoad中完成时,这很好,但一旦我尝试将其创建为Custom类,事情就会出错。。。据我所知,当创建"复合"视图时,必须覆盖LayoutSubViews方法

视图的子视图是不相关的,这只是一个例子:

[注册("照片标签")]

公共类PhotoLabel:UIView{

  public PhotoLabel () : base () {}
  public PhotoLabel (IntPtr p) : base (p) {}
  public PhotoLabel (RectangleF rect) : base (rect) {}
  public override void LayoutSubviews ()
    {
        base.LayoutSubviews ();
        if (Image != null) {
            AddSubviews (ImageView, Label);
        } else {
            AddSubview (Label);
        }
    }

  public UIImage Image { 
        get {
            return ImageView.Image;
        } 
        set {
            ImageView.Image = value;
            SetNeedsDisplay ();
        } 
    }
  UIImageView ImageView { 
        get {
            var iFrame = new RectangleF (0, 0, this.Frame.Height, this.Frame.Height);
            return new UIImageView () {
                Frame = iFrame,
                ContentMode = UIViewContentMode.Center,
                Image = this.Image.Scale (new SizeF (iFrame.Width, iFrame.Height))
            };
        } 
    }
  public string Text {
        get {
            return Label.Text;
        }
        set {
            Label.Text = value;
            SetNeedsDisplay ();
        }
    }
  UILabel Label { 
        get {
            var x = Image != null ? this.Frame.Height : 0;
            var width = Image != null ? this.Frame.Width - this.Frame.Height : this.Frame.Width;
            var lFrame = new RectangleF (x, 0, width, this.Frame.Height);
            return new UILabel () {
                Frame = lFrame,
                ContentMode = UIViewContentMode.Center,
                TextAlignment = UITextAlignment.Left,
                Text = this.Text,
                Font = UIFont.BoldSystemFontOfSize (17),
                BackgroundColor = UIColor.Clear
            };
        } 
    }
}

我试着这样使用它:

public override void ViewDidLoad ()
    {
        base.ViewDidLoad ();
        var pLabel = new PhotoLabel () {
            Frame = new RectangleF (5,5, 100, 60),
            Image = UIImage.FromFile ("photo.png"),
            Text = "some text"
        };
        this.View.AddSubview (hCell);
    }

我想我忽略了一些东西,我很清楚如何在Android(monodroid)中做到这一点,但由于我对iOS和MonoTouch还很陌生,我不知道我在这里做错了什么。因此,如果有人能指导我或为我提供一个类似的例子,我们将不胜感激。

单点触摸:如何制作可重用的复合视图

LayoutSubviews旨在排列子视图,而不是像现在这样添加新视图。通常,只有当您无法使用自动调整大小(UIView.AutoResizingMask)或自动布局(iOS6提供)获得正确的布局时,才需要覆盖它。

您应该使用ViewDidLoad将子视图添加到重载视图中,这是正确的。请注意,视图的最终布局只有在ViewDidLoad之后才可用。这意味着您不能依赖BoundsFrame属性。如有必要,在ViewWillAppear中进行调整。