zoukankan      html  css  js  c++  java

  • [转]UIView的属性，父视图和子视图的层级操作，子视图的自适应模式，外加一个定时器

    1）UIView视图frame的设置，四个参数，前2个确定位置，后2个确定大小。

    （2）UIView的内容模式contentMode，和在UIImage中说的是一样的，而且在UIImage中展示更容易理解。

    （3）UIView最重要的就是父视图和子视图之间的关系，以及父视图操作子视图（增加一个子视图，把一个子视图放到最下面最上面、交换两个子视图的加载顺序等等）

    （4）还有一个重要的是，父视图如果发生变化，子视图怎么自动调整布局：先让父视图允许子视图干这个事，即把父视图的属性autoresizesSubviews设置YES，然后再对对应的要自动调整布局的子视图设置某一种自适应模式（有很多种模式，如变动自身宽和高来保证距离上、下、左、右不变或者保持自身高宽不变来变动距离上下左右边距）。

    （5）这里还用到了一个定时器。这是在OC里面讲解到的，当做是复习。

    [objc] view plaincopy
     
    1. #import "ViewController.h"  
    2.   
    3. @interface ViewController ()  
    4.   
    5. @end  
    6.   
    7. @implementation ViewController  
    8. {  
    9.     UIView *view6;//为了改变它的大小，设为全局变量，这样可以在其他方法中用  
    10. }  
    11.   
    12. - (void)viewDidLoad {  
    13.     //实例化一个对象  
    14.     UIView *view1=[[UIView alloc]init];  
    15.     //设置位置和大小，位置要注意上面状态栏占据了20，所以y要大于20，否则就被状态栏遮住，在状态栏文字下面，视觉不好看  
    16.     //因为是加载在self.view整个视图里面的，所以x和y位置就是相对于整个界面  
    17.     view1.frame=CGRectMake(10, 30, 100, 100);  
    18.     //CGRectMake是一个CGRect结构，这个结构里面包括CGPoint结构的origin和CGSize结构的size，CGPoint结构有x和y，所以origin也是有x和y的，CGSize结构有width和height，所以size也有width和height。（只是好奇为什么CGPoint不用point而用origin）  
    19.     //所以访问frame里面的四个数据就是  
    20.     NSLog(@"%.0f",view1.frame.origin.x);  
    21.     NSLog(@"%.0f",view1.frame.origin.y);  
    22.     NSLog(@"%.0f",view1.frame.size.width);  
    23.     NSLog(@"%.0f",view1.frame.size.width);  
    24.     //当然我们也可以得到view1的中心，中心嘛，是坐标，包括x和y的  
    25.     //在实例化一个结构时不需要加*，只有实例化一个对象才需要加*  
    26.     CGPoint view1Point=view1.center;  
    27.     NSLog(@"%.0f,%.0f",view1Point.x,view1Point.y);  
    28.     //我们也可以获得边框属性，是个CGRect，和frame的区别在于  
    29.     //边框的四个值里面x和y永远都是0，我们只能通过这个属性得到宽和高  
    30.     CGRect view1Bounds=view1.bounds;  
    31.     NSLog(@"%.0f,%.0f,%.0f,%.0f",view1Bounds.origin.x,view1Bounds.origin.y,view1Bounds.size.width,view1Bounds.size.height);  
    32.     //设置标签，标签用处很大，比如在视图中有多个view时，就需要这个来分辨是哪个  
    33.     view1.tag=1;  
    34.     //设置内容模式，这个在UIImageView中讲解过【iOS开发-9】，而且用图片做演示部分缩放的效果更明显容易理解  
    35.     view1.contentMode=UIViewContentModeCenter;  
    36.       
    37.     view1.backgroundColor=[UIColor redColor];  
    38.     [self.view addSubview:view1];  
    39.       
    40.     //增加一个视图  
    41.     UIView *view2=[[UIView alloc]init];  
    42.     view2.frame=CGRectMake(10, 10, 40, 40);  
    43.     view2.backgroundColor=[UIColor greenColor];  
    44.     //我们把view2作为子视图加到view1里，此时，上面设置的x和y坐标位置，就是相对于view1的，即是相对于父视图的位置  
    45.     [view1 addSubview:view2];  
    46.       
    47.     //再增加一个视图  
    48.     UIView *view3=[[UIView alloc]init];  
    49.     view3.frame=CGRectMake(50, 50, 40, 40);  
    50.     view3.backgroundColor=[UIColor blueColor];  
    51.     [view1 addSubview:view3];  
    52.       
    53.     //此时，view2和view3的父视图都是view1，可以尝试改变父视图背景颜色  
    54.     //一个视图只能有1个父视图  
    55.     UIView *supView1=view2.superview;  
    56.     supView1.backgroundColor=[UIColor blackColor];  
    57.       
    58.     //一个视图可以有多个子视图，所以子视图这个属性是个装满视图的数组啊，看subviews后面有个s，而superview后面没有s  
    59.     //利用for循环，把所有子视图背景改成白色  
    60.     NSArray *subView1=view1.subviews;  
    61.     for (UIView *manyView1 in subView1) {  
    62.         manyView1.backgroundColor=[UIColor whiteColor];  
    63.     }  
    64.       
    65.     //既然子视图属性subviews是一个数组，那谁在0，谁在1，顺序如何？  
    66.     //结论：按照子视图加载顺序依次0,1,2...  
    67.     //试验：取子视图数组的第0个改变背景颜色发现是view2，就是我们第一个加到view1里的那个  
    68.     UIView *whichview1=[subView1 objectAtIndex:0];  
    69.     whichview1.backgroundColor=[UIColor redColor];  
    70.       
    71.     //我们再创建一个view4，把它加载到self.view  
    72.     UIView *view4=[[UIView alloc]init];  
    73.     view4.frame=CGRectMake(10, 180, 100, 100);  
    74.     view4.backgroundColor=[UIColor purpleColor];  
    75.     //自动剪裁打开，子视图如果有超出view4的则被剪裁掉，默认是NO  
    76.     view4.clipsToBounds=YES;  
    77.     [self.view addSubview:view4];  
    78.       
    79.     //我们再创建一个view5，加载到view4里  
    80.     //结果是view5太大，超出view4范围，如果要把超出的剪裁掉，需要在父视图即view4中设置一下  
    81.     UIView *view5=[[UIView alloc]init];  
    82.     view5.frame=CGRectMake(10, 10, 200, 200);  
    83.     view5.backgroundColor=[UIColor orangeColor];  
    84.     //我们可以设置透明度，值越靠近1越不透明，越靠近0越透明  
    85.     view5.alpha=0.6;  
    86.     [view4 addSubview:view5];  
    87.       
    88.     //我们再创建两个视图，一个子视图，一个父视图，来看看子视图的布局  
    89.     //如果父视图变动的话，子视图如何变动？  
    90.     //（1）先把父视图设置为允许子视图变动；（2）再设置子视图自动布局的方式  
    91.     //因为我们下面要用定时器改变这个父视图大小，所以把它设置为全局变量，此处只要初始化即可  
    92.     view6=[[UIView alloc]init];  
    93.     view6.frame=CGRectMake(30, 300, 100, 100);  
    94.     view6.backgroundColor=[UIColor blackColor];  
    95.     //（1）把子视图自动调整设置为YES  
    96.     view6.autoresizesSubviews=YES;  
    97.     [self.view addSubview:view6];  
    98.     UIView *view7=[[UIView alloc]init];  
    99.     view7.frame=CGRectMake(10, 30, 80, 40);  
    100.     view7.backgroundColor=[UIColor whiteColor];  
    101.     //设置子视图自动布局模式，有很多，可以用 | 来同时使用多个  
    102.     //UIViewAutoresizingFlexibleWidth-随着父视图改变宽度  
    103.     //UIViewAutoresizingFlexibleHeight-随着父视图改变高度  
    104.     //UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth-高和宽都随之改变，相当于和父视图同比例缩放  
    105.     //UIViewAutoresizingFlexibleBottomMargin-举例下面的margin随之改变，所以上面的和左边的margin不动  
    106.     //UIViewAutoresizingFlexibleRightMargin-左、上margin不动  
    107.     //UIViewAutoresizingFlexibleLeftMargin-右、上margin不动  
    108.     //UIViewAutoresizingFlexibleTopMargin-左、下margin不动  
    109.     //UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin-上下居中  
    110.     //UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin-左右居中  
    111.     //UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin-相当于一直保持之前的上下左右边距的比例，以上调整margin的几个，自己本身大小都不变动  
    112.     view7.autoresizingMask=UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin;  
    113.     [view6 addSubview:view7];  
    114.     //设置一个定时器，不断增加父视图view6大小，不然我们看不出子视图不断调整布局的效果  
    115.     [NSTimer scheduledTimerWithTimeInterval:0.5 target:self selector:@selector(autoResize1) userInfo:nil repeats:YES];  
    116.       
    117.     //  
    118.     UIView *view8=[[UIView alloc]init];  
    119.     UIView *view9=[[UIView alloc]init];  
    120.     view8.frame=CGRectMake(30, 450, 100, 100);  
    121.     view9.frame=CGRectMake(30, 450, 80, 150);  
    122.     view8.backgroundColor=[UIColor blackColor];  
    123.     view9.backgroundColor=[UIColor redColor];  
    124.     //因为view8先加载，view9后加载，所以后加载的view9显示在上面遮盖view8  
    125.     [self.view addSubview:view8];  
    126.     [self.view addSubview:view9];  
    127.     //我们可以来操作视图层之间的关系，把视图放在上面还是下面，但这个自然是由父视图来操作，view8和view9的父视图就死self.view  
    128.     //把一个子视图放到最下面  
    129.     [self.view sendSubviewToBack:view9];  
    130.     //把一个子视图放到最上面  
    131.     [self.view bringSubviewToFront:view9];  
    132.     //用父视图操作：插入一个视图在指定顺序，这个顺序会影响覆盖，顺序越靠前越在下面  
    133.     UIView *view10=[[UIView alloc]init];  
    134.     view10.frame=CGRectMake(30, 450, 120, 60);  
    135.     view10.backgroundColor=[UIColor greenColor];  
    136.     //由于我们这个self.view里已经插入好多视图了，所以view8和view9的顺序是5和6，所以view10插在6，则在它们之间  
    137.     [self.view insertSubview:view10 atIndex:6];  
    138.     //我们也可以指定插入在谁的下面，在view8下面，那就在最下面了  
    139.     [self.view insertSubview:view10 belowSubview:view8];  
    140.     //我们也可以指定插入在谁的上面，在view9上面，那就在最上面了  
    141.     [self.view insertSubview:view10 aboveSubview:view9];  
    142.     //我们也可以交换两个视图的位置，比如把5和7交换，也就是view8和view10  
    143.     [self.view exchangeSubviewAtIndex:5 withSubviewAtIndex:7];  
    144.       
    145.     //我们改变视图层的上下层后，其实子视图数组里面的0、1、2...分配顺序也同步发生改变，这个在使用exchangeSubviewAtIndex时可知，因为它直接就是交换的数组顺序，可用以下方法检查一下  
    146.     NSArray *subView2=self.view.subviews;  
    147.     UIView *view11=[subView2 objectAtIndex:5];  
    148.     view11.backgroundColor=[UIColor purpleColor];  
    149.   
    150.     [super viewDidLoad];  
    151.     // Do any additional setup after loading the view, typically from a nib.  
    152. }  
    153.   
    154. //我们要改变父视图view6的大小，需要获得它，那就需要把它设置为全局变量  
    155. -(void)autoResize1{  
    156.     view6.frame=CGRectMake(view6.frame.origin.x, view6.frame.origin.y, view6.frame.size.width+5, view6.frame.size.height+5);  
    157. }  
    158.   
    159. @end  


    最后必须截个图作纪念啊：

    On the road。。。
  • 相关阅读:
    [转]Linq to SQL Like Operator
    [转]updatepanel中使用alert弹出框方法
    [转]MSDN 在客户端脚本中为 UpdateProgress 控件编程
    [转].NET Framework 3.5 SP1安装时下载文件问题及精简方法
    Vista系统下IIS安装 用以创建支持vs2008开发的网站
    asp.net 文本框输入时的自动完成
    [转]Raising An Event From CheckBox In A GridView (GridView中模板表的CheckBox的后台事件处理)
    I have my family
    拉了网线 多了机会
    【转】DataGridViewComboBoxColumn的使用
  • 原文地址：https://www.cnblogs.com/ianhao/p/4442669.html
Copyright © 2011-2022 走看看