开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何添加半透明背景的子视图，不会中断，也不会受到AutoLayout的影响？

要实现在iOS开发中添加半透明背景的子视图，不受AutoLayout影响，可以采用以下步骤：

创建一个父视图（例如UIView），作为容器视图。
将父视图的背景颜色设置为半透明色，可以使用UIColor的alpha属性来设置透明度。
在父视图上添加子视图，确保子视图的frame或约束与父视图的边界对齐。
确保子视图的translatesAutoresizingMaskIntoConstraints属性设置为false，以避免受到AutoLayout的影响。
将子视图添加到父视图上，可以使用父视图的addSubview方法。
如果需要使用AutoLayout来布局子视图，可以在添加子视图后，手动添加约束。

以下是一个示例代码：

// 创建父视图
let containerView = UIView()
containerView.backgroundColor = UIColor.black.withAlphaComponent(0.5)

// 添加子视图
let subview = UIView()
subview.translatesAutoresizingMaskIntoConstraints = false
containerView.addSubview(subview)

// 添加约束
NSLayoutConstraint.activate([
    subview.topAnchor.constraint(equalTo: containerView.topAnchor),
    subview.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
    subview.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
    subview.bottomAnchor.constraint(equalTo: containerView.bottomAnchor)
])

// 将父视图添加到其他视图中
view.addSubview(containerView)

在这个示例中，父视图containerView的背景颜色设置为半透明的黑色。子视图subview添加到父视图上，并通过手动添加约束来布局子视图。由于子视图的translatesAutoresizingMaskIntoConstraints属性设置为false，它不会受到AutoLayout的影响。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议在腾讯云官方网站上查找相关产品和服务，例如腾讯云的云服务器、云数据库等。

相关搜索:Swift 3|以编程方式添加约束不会使我的子视图居中如何在具有回收器视图的屏幕底部添加按钮。这样按钮就不会隐藏回收器视图的最后一个元素如何实现通过CSS点击某个元素后，不会受到悬停的影响？如何拥有可点击的背景视图，而不会在其上的视图上引发点击事件？如何确保视图受到良好的约束，即使它们在上下文中增长时也不会将其他视图排除在布局之外适当的更改不会影响表视图节标题背景 python e python 乘 python油画 python雪花

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

行为变更 | Android 12 中不受信任的触摸事件

我们在 Android 12 中进行了一些变更，来提升应用和平台的安全性，进而使我们的用户能够拥有更安全的使用体验。回顾关于隐私和安全的文章，请参阅: 政策更新 | 开发者如何处理软件包可见性。

03

【IOS开发基础系列】Autolayout自动布局专题

bounds是指这个view在它自己坐标系的坐标和大小而frame指的是这个view在它superview的坐标系的坐标和大小区别主要在坐标系这一块。很明显一个是自己为原点的坐标系，一个是以屏幕为原点的坐标系。

04

IOS开发系列——UIView专题之五：常用开发技巧篇

blurView.backgroundColor= [UIColorcolorWithRed:0green:0blue:0alpha:0.3];

02

RunLoop总结：RunLoop的应用场景（三）滚动视图流畅性优化

今天要讲的RunLoop的应用场景可能太简单了，所以东西比较少。因为跟UITableView、UICollectionView等的滑动优化有关，就顺便总结一下会影响UITableView、UICollectionView等视图滑动流畅的因素。

04

屏幕宽高不够，滚动视图ScrollView来凑

前面几期学习了ProgressBar系列组件、ViewAnimator系列组件、Picker系列组件和时间日期系列组件，接下来几期继续来学习常见的其他组件。一、ScrollView概述从前面的学习有的同学可能已经发现，当拥有很多内容时屏幕显示不完，显示不全的部分完全看不见。但是在实际项目里面，很多内容都不止一个屏幕宽度或高度，那怎么办呢？那就需要本节学习的ScrollView来完成。在默认情况下，ScrollView只是为其他组件添加垂直滚动条，如果应用需要添加水平滚动条，则可

06

【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )

在使用时 , 可以省略 0.x 前面的 0 , 直接使用 .x 作为透明度值 , 如 :

02

MyLayout和XIB或SB的混合使用方法

MyLayout是一个可以非常简单和方便的实现各种界面布局的第三方开源库。在我的github项目中大部分DEMO都是通过代码来实现界面布局的，但这并不是表示MyLayout不支持XIB和SB。在构建一个应用的MVC框架中，我们希望模型、视图、控制这三部分都尽可能的低耦合，而苹果推荐的视图部分构建则是通过XIB或者SB来完成的。因为MyLayout中的各种布局视图类其实都是从UIView派生的，因此MyLayout是完全可以和XIB以及SB混合使用的。 MyLayout的一些布局视图属性以及子视图的扩展布局属性是可以在XIB或者SB界面编辑器里面进行设置的。唯一的一个缺点是这些属性的设置不能起到所见即所得的效果。因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。

04

iOS多设备适配简史以及相应的API支撑实现

远古的iPhone3和iPhone4时代，设备尺寸都是固定3.5inch，没有所谓的适配的问题，只需要用视图的frame属性进行硬编码即可。随着时间的推移，苹果的设备种类越来越多，尺寸也越来越大，单纯的frame已经不能简单解决问题了，于是推出了AutoLayout技术和SizeClasses技术来解决多种设备的适配问题。一直在做iOS开发的程序员相信在下面的两个版本交界处需要处理适配的坎一定让你焦头烂额过：

03

父视图半透明而子视图不半透明

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/50970269

02

MyLayout&TangramKit 的重大升级!

MyLayout和TangramKit是一套基于frame之上的UI界面布局库的OC版本和Swift版本。目前最新版本升级为MyLayout1.7.0和TangramKit1.4.0。 ?OC1.7

02

常用图片格式

photoshop的专用格式。优点：完整保存图像的信息，包括未压缩的图像数据、图层、透明等信息，方便图像的编辑。缺点：应用范围窄，图片容量相对比较大。

04

iOS布局之AutoresizingMask和AutoLayout

关于iOS的布局主要有两种方式，分别是AutoResizing和AutoLayout。其中AutoResizing作为一种旧的布局方式，在AutoLayout被推广之后已经很少被使用。为了更加清晰的了解iOS的布局方式，本篇针对于这两种布局方法进行简要的总结。一.AutoResizing 我们在使用AutoResizing进行布局的时候，其主要思想就是设置子视图跟随父视图的frame变化而变化。具体的情况，我们可以设置左跟随，右跟随等等。下面是AutoResizing在代码中的使用。 //父视图 UIVi

06

iOS AutoLayout全解

AutoLayout简介 Autolayout是一种全新的布局技术，专门用来布局UI界面的，用来取代Frame布局在遇见屏幕尺寸多重多样的问题。Autolayout自iOS 6开始引入，但是由于X

06

iOS下的界面布局利器-MyLayout布局框架

MyLayout是一套iOS界面视图布局框架。其内核是基于对UIView的layoutSubviews方法的重载以及对子视图的bounds和center属性的设置而实现的。MyLayout功能强大而且简单易用，它集成了iOS Autolayout和Size Classes、android的5大布局体系、HTML/CSS的浮动定位技术以及flex-box和bootstrap框架等市面上主流的平台的界面布局功能，同时提供了一套非常简单和完备的多屏幕尺寸适配的解决方案。MyLayout还提供了Swift版本TangramKit

03

深入详解iOS适配技术

iPhone自诞生以来，随着其屏幕尺寸不断的多样化，屏幕适配的技术一直在发展更新。目前，iOS系统版本已经更新到9.3，XCode的最新版本已经是7.3，仅iPhone历史产品的尺寸就已经有4种：3.5英寸、4.0英寸、4.7英寸、5.5英寸。最近，iPhone家族又诞生一款iPhoneSE，鉴于这款iPhoneSE的屏幕尺寸和iPhone5S的尺寸一模一样——同样是4.0英寸，广大iOS开发者可算是松了口气，不然iOS的屏幕尺寸真的是越来越让人眼花缭乱。按照时间顺序，屏幕适配是这样发展的：纯代码计算frame-> autoresizing(早期进行UI布局的技术，仅适用于约束父子控件之间的关系)->AutoLayout(iOS6/2012年、iPhone5被引入，比autoresizing更加高级，旨在替代autoresizing，可以设置任何控件之间的关系)->sizeClass(iOS8出现，用于解决越来越多的屏幕尺寸的适配问题)。在iPhone3gs时代，手机的屏幕尺寸有且只有一种，也就是3.5英寸。开发app的时候，根本不用考虑同一个视图在不同尺寸的屏幕上显示的问题。iOS开发者完全可以用纯代码的方式把一个控件的frame写死。后来apple公司推出了4.0英寸的iPhone5和iPhone5S，所以，针对于不同尺寸的屏幕，再把控件的frame写死就不可取了。（其实也不是不可取，很多iOS开发者做屏幕适配的时候不是用的autoresizing或autolayout，而是以代码的方式动态获取屏幕的尺寸，然后根据屏幕的尺寸来写死子控件的frame。使用这种方式你会在代码中无辜增加很多if...else... 的条件判断语句。另一种方式是获取到屏幕的尺寸后，按照控件和屏幕的比例来设置控件的frame，其本质上也是写死frame。所以这两种方式都不可取，毕竟将来会回出现越来越多的屏幕尺寸。从开发的角度，重复繁琐的代码会牵绊住开发者的进度；从程序设计角度，这样的设计思路不够高级，且日后不易于拓展和维护。）

07

iOS开源界面布局库终于破3000star

经过几年的打磨和多次的重构，我的iOS开源界面布局库MyLayout的star数量终于在2018年8月6号破3000了！有图为证：

04

浅汇－iOS UI布局

iOS中UI的布局是很重要的，而在前期开发中就要选定好布局的方法，因为这对整个工程乃至于后期的版本维护都有很重要的影响。本文从比较老的Frame到新生AutoLayout都进行了浅显的总结，希望对大家的UI布局学习有所帮助

02

Android 样式和主题

样式是一个属性集合，用于指定单个View的外观。样式可以指定字体样式、字号、背景颜色等属性，例如：（1）在values/styles.xml文件里面设置样式格式

02

用launchscreen.storyboard适配启动图方法(二)

之前有写一篇实现方式比较简单的随笔用launchscreen.storyboard适配启动图方法，顺便在评论区提了一下用autolayout适配启动图的思路，现把思路和流程记录下来。

01

【iOS开发-22】navigationBar导航栏，navigationItem建立：获取导航栏中的基本文本和button以及各种跳跃

（1）navigationBar导航栏可以被看作是self.navigationController一个属性导航控制器，它可以由点直接表示self.navigationController.navigationBar。当然navigationBar他还是很物业。让我们风格barStyle、背景backgroundColor、frame属性（能够获取宽高这些信息）。还能够用setBackgroundImage方法设置背景图片。当然图片多了能够使用clipsToBounds剪裁。

01

CSS基础学习（3）

static遵循默认的文档流布局，top,left,right,bottom,属性都无效

03

iOS开发中UITableViewCell点击时子视图背景透明的解决方法

在做iOS项目的开发中，UITableView控件的应用十分广泛。在进行自定义UITableViewCell时，经常有小伙伴遇到这样的问题：在UITableViewCell上面添加了一个有背景颜色的子视图，当用户点击UITableViewCell或者选中UITableViewCell时，Cell上的子视图发生了奇怪的变化，其背景色变透明了，如果添加在Cell上的子视图只是一个色块，那么我们看起来，这个子视图好像莫名其妙的消失了一样。如下图所示：

03

APP性能测试—过度绘制

过度绘制就是在同一个区域中叠加了多个控件，也就是说一个像素点上会出现多个像素的叠加，实际上呈现在我们眼前的只是最上面的一个。

02

POP 实现 Template Method

模板方法是一种古老的设计模式，它使用一些抽象的操作定义一套算法或者流程，父类决定步骤，子类决定具体实现，当然父类可以提供一个默认实现。

01

关于Autolayout和Masonry自动布局的几个坑

自动布局 02 Mar 2016 Comments 前言最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView，同时中间有个可拖拽的控件，实现上下两个控制器视图的大小调整。采用子控制器的原因是因为防止所有的逻辑代码都混在根控制器中，所以没有使用nicklockwood 的iCarousel 或SwipeView ，而是采用了之前一直在用的SCPageViewController 。记录下自动布局中遇到的几个坑。关于translatesAutoresizingMaskIntoConstraints

02

关于Autolayout和Masonry自动布局的几个坑

最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView，同时中间有个可拖拽的控件，实现上下两个控制器视图的大小调整。采用子控制器的原因是因为防止所有的逻辑代码都混在根控制器中，所以没有使用nicklockwood的iCarousel或SwipeView，而是采用了之前一直在用的SCPageViewController。

02

由FlexBox算法强力驱动的Weex布局引擎

在上篇文章里面谈了Weex在iOS客户端工作的基本流程。这篇文章将会详细的分析Weex是如何高性能的布局原生界面的，之后还会与现有的布局方法进行对比，看看Weex的布局性能究竟如何。

04

Power BI模拟谷歌2022搜索排行榜

谷歌近日发布了2022搜索排行榜，以下是statista制作的美国榜单图表。这个图表有2个主要特点：第一名带有半透明背景色，且右侧有个搜索图标。Power BI如何模拟这样的表格？

02

【IOS开发基础系列】UIView专题

https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/CreatingViews/CreatingViews.html

03

Android开发笔记（七十四）布局文件优化

布局优化中常常用到include/merge标签，include的含义类似C代码中的include，意思是直接把指定布局片段包含进当前的布局文件。include适用于多个布局文件中存在相同的xml片段，比如说相同的标题栏、相同的广告栏、相同的进度栏等等。 include的用法很简单，只有下面一句话：

03

iOS界面布局之一——使用autoresizing进行动态布局

autoresizing是iOS中传统的界面自动布局方式，通过它，当父视图frame变换时，子视图会自动的做出相应的调整。

02

最新iOS设计规范七｜10大视觉规范（Visual Design）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第7篇，介绍视觉设计（Visual Design）。

03

iOS开发常用之UI模糊效果、自动版式

模糊效果 FXBlurView - 是一个UIView子类，支持iOS5.0以上版本，支持静态，动态模糊效果，继承与UIView的模糊特效。 VVBlurPresentation - 很简单易用的在原来viewconntroller基础上做模糊，然后呈现新的viewcontroller的。 UICustomActionSheet - 通过模糊背景来着重强调与菜单相关的元素 - 对话框里面已经收藏。 SABlurImageView - 支持渐变动画效果的图像模糊化类库.PS与前几天推存类SAH

03

【CSS】鼠标移动到元素上方显示 / 移出盒子范围隐藏案例 ( 子绝父相 | 显示隐藏元素对象 | 鼠标经过样式设置 | 半透明遮罩设置 )

这里要在一个 div 盒子上方套一层遮罩 , 遮罩就需要使用绝对定位将其覆盖到其它元素中 ;

03

如何把设计图自动转换为iOS代码? 在线等,挺急的!

本文主要介绍了一种基于Masonry的视图模块化方案，通过使用自定义UIView和UICollectionView实现视图的模块化，简化了视图的创建过程，提高了开发效率。同时，还介绍了一种基于Masonry的自动计算视图间距的方法，简化了间距调整的实现过程。

06

我常常因为不会写主题而感到和你们格格不入

改了好几天，翻遍了 Hugo Jekyll Hexo 的模板仓库，又翻完了 Typecho 的主题站。感觉没啥好看的又开始翻友链，翻了得有个两三天，最后缝合了一个单栏模板。

01

iOS开发中行高灵活可变的UITableView的性能优化

在新闻类，电商类等应用中，应用着大量的图文混排视图，在表视图UITableView中，开发者通常需要在如下代理方法中计算出当前cell填充内容后的高度，之后将其返回：

02

ps切图必知必会

对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此,有时候呢,设计师给我们的图,也并非是一成不变,往往也需要作一些调整,更改,完美的将UI设计图,进行还原实现产品经理的意图,是前端小伙伴职责所在,那么熟练简单的ps操作,就很重要了,虽然我们不是设计者,但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用,有时候,在一些群里,看到一些小伙伴,对于切图,有些畏惧,打开ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作,今天,就我的学习和使用,跟大家分享一下自己的学习心得,如果你已经是老司机了,可以直接忽略,欢迎路过的老师,多提意见和指正

02

什么情况下需要从图片中去除背景？如何去除图片背景？

去除背景是照片编辑和图形设计工作流程中最常执行的操作之一。去除背景后，设计师们可以将原有背景替换为新的视觉效果或者保持完全透明的状态。无论您是店主、平面设计师还是专业摄影师，都会用到去除图片背景功能。

03

android

目前iOS开发中大多数页面都已经开始使用Interface Builder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。

02

Android 集成 Flutter | 与交互

使用 Flutter 已经有一段时间了，开发体验还是非常好的，但是一般我们在正式使用 Flutter 的时候很少会去创建一个纯 Flutter 项目，而是需要在之前的项目中已集成的方式来编写 Flutter。这篇文章将以如何在 Android 项目中集成 Flutter 和如何在两者之间进行交互为主要内容。

02

七夕节日表白：七大网页风格与其适用人群

本文介绍了七种七夕节日表白的网页风格，从色彩搭配、设计元素到字体选择，为读者提供了多样化的选择。此外，还分析了每种风格的特点以及它们可能吸引的特定人群。

01

AppleWatch开发入门二——界面布局原

在iphone开发中，最基本的布局方式是通过frame，将控件的位置和大小固定在屏幕上，后来，由于手机屏幕的尺寸有了略微变化，有了autoresizing的布局框架，我们可以设置子视图随父视图的改变做一些相应的变化，再后来，iphone的尺寸与分辨率也越来越多，适配各个屏幕也成为了iOS开发者遇到的新的问题，幸运的是，autolayout机制的出现，大大减小了开发者在适配方面的成本。以上提到的两种布局方式，在以前博客中有讨论：

02

Flutter实现App功能引导页

我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来实现,底部的指示符半透明覆盖在PageView上,开发过Android同学知道可以用Framelayout布局来实现，Flutter上也有类似的控件Stack，我们先完成骨架代码

01

CSS 边框秘探

相信你以前肯定尝试过 CSS 中的半透明颜色，比如 rgba() 和 hsla()。

01

EonerCMS——做一个仿桌面系统的CMS（十二）

拖动实现的思路已经更新，为防止大家步入误区，本文建议不用阅读太细，实现思路请参考：http://www.cnblogs.com/hooray/archive/2012/03/23/2414410.html

02

iOS界面布局的核心以及TangramKit介绍

TangramKit是iOS系统下用Swift编写的第三方界面布局框架。他集成了iOS的AutoLayout和SizeClass以及Android的五大容器布局体系以及HTML/CSS中的float和flex-box的布局功能和思想，目的是为iOS开发人员提供一套功能强大、多屏幕灵活适配、简单易用的UI布局解决方案。Tangram的中文即七巧板的意思，取名的寓意表明这个布局库可以非常灵巧和简单的解决各种复杂界面布局问题。他的同胞框架：MyLayout是一套用objective-C实现的界面布局框架。二者的主体思想相同，实现原理则是通过扩展UIView的属性，以及重载layoutSubviews方法来完成界面布局，只不过在一些语法和属性设置上略有一些差异。可以这么说TangramKit是MyLayout布局库的一个升级版本。大家可以通过访问下面的github站点去下载最新的版本：

03

面试题型—iOS离屏渲染探索

在平时的开发过程中，我们经常会听到离屏渲染这个词，在面试中也会经常被面试官问到，那么在iOS开发中到底什么是离屏渲染？离屏渲染有什么性能问题？离屏渲染是否应该完全禁止呢？

06

iOS 视图，动画渲染机制探究

终端的开发，首当其冲的就是视图、动画的渲染，切换等等。用户使用 App 时最直接的体验就是这个界面好不好看，动画炫不炫，滑动流不流畅。UI就是 App 的门面，它的体验伴随着用户使用 App 的整个过程。如果UI失败，用户是不会有打开第二次的欲望的。 iOS 为开发者提供了丰富的 Framework（UIKit，Core Animation，Core Graphic，OpenGL 等等）来满足开发从上层到底层各种各样的需求。不得不说苹果很牛逼，很多接口你根本不需要理解背后的原理就能上手使用并且满足你大部

09

iOS 视图，动画渲染机制探究

终端的开发，首当其冲的就是视图、动画的渲染，切换等等。用户使用 App 时最直接的体验就是这个界面好不好看，动画炫不炫，滑动流不流畅。UI就是 App 的门面，它的体验伴随着用户使用 App 的整个过程。如果UI失败，用户是不会有打开第二次的欲望的。 iOS 为开发者提供了丰富的 Framework（UIKit，Core Animation，Core Graphic，OpenGL 等等）来满足开发从上层到底层各种各样的需求。不得不说苹果很牛逼，很多接口你根本不需要理解背后的原理就能上手使用并且满足你大部

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭