xamarin学习笔记B03(ios的UIView的了解)

朴灿烈づ我的快乐病毒、 2022-06-04 02:48 195阅读 0赞

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

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

***UIView简介***

它是所有视图控件的父类。例如UIButton、UILabel、UIImageView等都最终是继承自UIView。它可以添加其它视图作为它的子视图。

***UIView的创建***

打开VisualStudio，新建一个IOS项目后，Main.storyboard的控制器ViewController内就已经维护着一个UIView对象了，打开右边面板中的“文档大纲”选项卡就可以看到，如下图：

![SouthEast][]

A.可以从工具箱中的“Windows&Bar”栏目中拖一个UIView控件到storyboard中来，如下图：

![SouthEast 1][]

然后取名为view1，设置一个背景色，如下图：

![SouthEast 2][]

设置了名称后就会在ViewController.designer.cs中自动生成对应的代码（**不设置则不会生成**），如下：

namespace B03  
\{   
    \[Register ("ViewController")\]  
    partial class ViewController  
    \{   
        \[Outlet\]**//****此特性说明view1是指向界面的某一控件**  
        \[GeneratedCode ("iOS Designer", "1.0")\]//**说明是由iosDesigner这个工具生成**  
        UIKit.UIView view1 \{ get; set; \}//**指向storyboard中的view1**  
  
        void ReleaseDesignerOutlets ()  
        \{        //**自动生成的释放对象的相关代码**  
            if (view1 != null) \{   
                view1.Dispose ();  
                view1 = null;  
            \}  
        \}  
    \}  
\}

还有一种方式也可生成这些代码，在Main.storyboadr上右键->打开方式->用Xcode Interface Builder这个工具打开，如下图：

![SouthEast 3][]

再进行如下操作，如图所示：

![SouthEast 4][]

在Main.storyboard文件中还生成了相关代XML代码，先用源代码编辑器打开它，如下图：

![SouthEast 5][]

可以看到这个View的XML代码如下：

![SouthEast 6][]

还有这个

表示view1指向目标是197那个id的View。

有这个view1后，就可以在代码中使用它来做操作了。

B．通过代码来创建View(这里直接在ViewController.cs)，主要代码如下：

//视图加载完成后被调用  
        public override void ViewDidLoad()  
        \{   
            base.ViewDidLoad();  
  
            UIView view2 = new UIView();  
            view2.Frame = new CGRect(0, 500, 100, 100);  
            view2.BackgroundColor = UIColor.Orange;  
            this.View.AddSubview(view2);  
        \}

***UIView的常用属性***

例如在ViewController.cs使用。

<table> 
 <tbody> 
 <tr> 
 <td> 属性 </td> 
 <td> 使用例子 </td> 
 <td> 结果说明 </td> 
 </tr> 
 <tr> 
 <td> Superview </td> 
 <td> this.View.Superview.ToString() </td> 
 <td> UIWindow </td> 
 </tr> 
 <tr> 
 <td> view1.Superview.ToString() </td> 
 <td> this.View </td> 
 </tr> 
 <tr> 
 <td> View2.Superview.ToString() </td> 
 <td> this.View </td> 
 </tr> 
 <tr> 
 <td> Subviews </td> 
 <td> for&nbsp;(int&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;&lt;&nbsp;this.View.Subviews.Length;&nbsp;i++) &nbsp;Console.WriteLine(this.View.Subviews[i].ToString()); </td> 
 <td> view1 view2 </td> 
 </tr> 
 </tbody> 
</table>

Frame属性

用来设置视图的位置和大小。

在代码中这样设置view3.Frame = new CGRect(0, 500, 100, 100);

在设计面板（属性->Layout->View）中如下图：

![SouthEast 7][]

其它

![SouthEast 8][]

关于上图最后一项：**w**Any**h**Any installed，得先了解SizeClass。

**SizeClass就是把各种大小的屏幕进行了分类，然后再配合AutoLayout布局技术去适配各种屏幕**。不管是IPhone还是Ipad宽和高都分为3类，Compact(紧凑)、Regular(标准)和Any(即包含前两种)，那么宽高组合起来就有9种类别（下面这个分类表是引自另一网站名叫tunnyios博主的）

1.宽任意高任意(wAhA)： 任意宽高的设备

2.宽任意高标准(wAHR)： 3.5 寸竖屏， 4  寸竖屏， 4.7 寸竖屏， 5.5寸竖屏， iPad 竖屏及横屏

3.宽任意高紧凑(wAhC)： 3.5 寸横屏 ， 4  寸横屏， 4.7 寸横屏， 5.5寸横屏

4.宽标准高任意(wRhA)： 5.5 寸横屏， iPad  竖屏、 iPad 横屏

5.宽标准高标准(wRhR)： iPad 竖屏、iPad  横屏

6.宽标准高紧凑(wRhC)： 5.5 寸横屏

7.宽紧凑高任意(wChA)： 3.5 寸竖屏、 3.5  寸横屏， 4 寸竖屏、 4 寸横屏， 4.7 寸竖屏、 4.7 寸横屏，5.5 寸竖屏

8.宽紧凑高标准(wChR)： 3.5 寸竖屏， 4  寸竖屏， 4.7 寸竖屏， 5.5寸竖屏

9.宽紧凑高紧凑(wChC)： 3.5 寸横屏， 4  寸横屏， 4.7 寸横屏

我简单试了下这个功能

![SouthEast 9][]

在ViewController中下面两个方法中写入打印子视图的代码：

//视图加载完成后被调用

public override void ViewDidLoad() 
        \{ 
            base.ViewDidLoad(); 
            for (int i = 0; i < this.View.Subviews.Length;i++) 
                Console.WriteLine(this.View.Subviews\[i\].ToString()); 
        \} 
//视图显示出来后被调用 
        public override void ViewDidAppear(bool animated) 
        \{ 
            base.ViewDidAppear(animated); 
            Console.WriteLine("-------ViewDidAppear---------"); 
            for (int i = 0; i < this.View.Subviews.Length; i++) 
                Console.WriteLine(this.View.Subviews\[i\].ToString()); 
        \}

首先得选中view1。我用的iphone8plus模拟器运行。

A.我先勾选“1.宽任意高任意(wAhA)”，那么在“视图加载完成后”这个方法中就可以打印出view1的信息。

B.然后我只勾选 8.宽紧凑高标准(wChR)，那么在“视图显示出来后”这个方法才可以打印出来。

C.接着我只勾选5.宽标准高标准(wRhR),两个方法都没打印了来，并且屏幕上也没显示出来。但是选择用ipad运行则显示了出来，但打印结果是在“视图显示出来后”这个方法里。

D.最后同时勾选“8.宽紧凑高标准(wChR)”和“5.宽标准高标准(wRhR)”，在iphone8 plus和ipad上都显示出了view1，打印结果都是在“视图显示出来后”这个方法里。

**从而知道，视图是否会被添加到父视图以及什么时候添加到父视图，和设置的屏幕适配类别是有直接关联的。**

** **

***UIView的常用方法***

public virtual void AddSubview (UIView view); **//添加子视图**

public virtual void RemoveFromSuperview ();**//将自已移除**

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

[SouthEast]: /images/20220604/274dff0de9c0425c9c24437b19452130.png
[SouthEast 1]: /images/20220604/b80d1bedf7ee4dce98c646af8623a4d2.png
[SouthEast 2]: /images/20220604/ceed1f79932949cab6c460f78320cdbe.png
[SouthEast 3]: /images/20220604/401e7e7d2a254275a095115bbc34faf1.png
[SouthEast 4]: /images/20220604/e52a1a737fd043678ff44d983f9f1902.png
[SouthEast 5]: /images/20220604/2c1f368954d94f73b5b0a174165d5f95.png
[SouthEast 6]: /images/20220604/1e4485e37f254306a28c48677418098a.png
[SouthEast 7]: /images/20220604/7060f98781a2464a97f511e51d2fb0dd.png
[SouthEast 8]: /images/20220604/d8ca221246f54c7988adb019092b3f13.png
[SouthEast 9]: /images/20220604/2625220b38014250a9c2072aa97af2d5.png