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。。。
  • 相关阅读:
    linux之awk命令
    HDU 2097 Sky数 进制转换
    HDU 2077 汉诺塔IV
    HDU 2094 产生冠军 dfs加map容器
    HDU 2073 叠框
    HDU 2083 简易版之最短距离
    HDU 2063 过山车 二分匹配
    天梯 1014 装箱问题
    天梯　1214 线段覆盖
    天梯 1098 均分纸牌
  • 原文地址：https://www.cnblogs.com/ianhao/p/4442669.html
Copyright © 2011-2022 走看看