xamarin学习笔记B04(ios的xib)

(每次学习一点xamarin就做个学习笔记和视频来加深记忆巩固知识)

如有不正确的地方,请帮我指正。

 

XIB简介

Xib和storyboard一样,都是用来描述界面的,本质都是XML,但XIB比storyboard要轻量。从下两张图对比可看出(右边是xib的)

个人觉得XIB有点类似winform中的用户控件,有点类似于android中的Fragment。如果一个界面中的某一块界面是相对独立的或者在多个界面都要用到,那么可以使用XIB。

XIB的创建

打开VisualStudio,新建一个IOS项目后,然后新建文件时可以选“视图”或“空用户界面”,前者默认创建了一个VIEW。

创建完后,在属性中设置Class为MyView

回车后,在解决方案中会自动创建一个MyView.cs文件,它关联着此XIB文件,用来专门管理这个XIB文件,我们可以在代码中来进行相关处理,如创建此XIB对象等。

打开这个XIB文件,在属性面板中设置Size为Freeform,设置背景色为Cyan,再在MyView这个默认的视图内添加一个红色的视图view1,再添加一个和MyView并列的控件Switch,如下图:

XIB的使用

打开MyView.cs文件,创建相关代如下:

public partial class MyView : UIView
    {
        //自定一个静方法供外部MyView
        public static MyView Create()
        {
            //MyView.xib
            var arr = NSBundle.MainBundle.LoadNib("MyView"nullnull);
            //取出第一个viewXIB里面可以有多个并列的View
            var v = Runtime.GetNSObject<MyView>(arr.ValueAt(0));

            return v;
        }

        //XIB后被
        public override void AwakeFromNib()
        {
            base.AwakeFromNib();
            view1.Layer.CornerRadius = 30;//设置圆角半径
        }

        //布局子控件
        public override void LayoutSubviews()
        {
            base.LayoutSubviews();
            Console.WriteLine("MyView LayoutSubviews()");
            //设置位置和宽高
            this.Frame = new CGRect(00340240);
        }
    }

 

接着打开ViewController.cs用如下代码去使用这个XIB:

public partial class ViewController : UIViewController
    {
        private MyView myView;
        public override void ViewDidLoad()
        {
            base.ViewDidLoad();
            myView = MyView.Create();
            this.View.AddSubview(myView);
        }
    }

运行结果如下图:

因为代码只显示了第一个视图,所以Switch控件没有显示。一个简单的XIB的创建和使用就是这样。

代码和视频在我上传的CSDN资源中 http://download.csdn.net/download/junshangshui/10143153

猜你喜欢

转载自blog.csdn.net/junshangshui/article/details/78702741