iOS_UIView子view的层级关系

最新推荐文章于 2024-06-02 18:27:30 发布

原创最新推荐文章于 2024-06-02 18:27:30 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #UIView子view的层级关系 #子view的层级关系 #view的层级关系

ios 专栏收录该内容

66 篇文章

订阅专栏

本文介绍在iOS开发中如何通过代码调整UIView子视图的层级顺序，实现不同UI元素的覆盖效果。通过具体示例展示了如何使用`bringSubviewToFront:`和`sendSubviewToBack:`方法来改变视图的堆叠顺序。

当一个父view上有较多的子view，有时候会出现view覆盖现象，那么子view的层级关系是怎样的呢？如何改变子view的层级关系呢？下面代码可以帮助到你：

    UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 150, 150)];
    view1.backgroundColor = [UIColor redColor];
    
    UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(150, 150, 150, 150)];
    view2.backgroundColor = [UIColor greenColor];
    
    UIView *view3 = [[UIView alloc] initWithFrame:CGRectMake(200, 200, 150, 150)];
    view3.backgroundColor = [UIColor blueColor];
    
    //自视图的层级关系会按照添加的顺序，从下至上依次排列
    //若想改变顺序，调整下面三行代码的先后顺序即可
    [self.view addSubview:view1];
    [self.view addSubview:view2];
    [self.view addSubview:view3];
    
    //另外，改变自视图的层级关系也可以用下面的方法
    //将view3置顶
    [self.view bringSubviewToFront:view3];
    //将view2放置到最下面
    [self.view sendSubviewToBack:view2];

大家也可以在程序运行的时候，自己点开测试一下，效果图如下：

运行的时候点击红色圈圈的地方就能运行这个功能了。