开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何添加半透明背景的子视图，不会中断，也不会受到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雪花

相关搜索:

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

有帮助

没帮助

相关·内容

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

UIColor grayColor]; v2.translatesAutoresizingMaskIntoConstraints = NO; [self.view addSubview: v2]; //添加两个允许自动布局的子视图...2.2 AutoLayout框架介绍(ZXPAutoLayout) iOS原生的自动布局(NSLayoutConstraint)非常繁琐, 影响开发进度和可读性也不利于维护, 正所谓工欲善其事必先利其器...ZXPAutoLayout详细教程点此- github地址点此 //设置一个背景为半透明红色的view,上下左右四边都距离superview的距离为10 UIView *bgView = [UIView...//layout.topSpace(10).leftSpace(10).bottomSpace(10).rightSpace(10); }]; //设置一个背景为半透明红色的view,上下左右四边都距离...4.1.1 不能同时设置一个控件横向或纵向的相对间距后，又去设置绝对尺寸，否则会导致控件不能显示，也不会报错！

2914 0

深入详解iOS适配技术

当我们点击周围四条虚线时，虚线会变成实线，代表子控件和父控件在这个方向上的间距被固定了。当我们点击子视图内部的虚线时，同样也变为实线，代表子视图的宽度或者高度被固定了。...就是警告 > 警告代表着当前控件在storyBoard中呈现的位置或者尺寸和程序运行后实际呈现的效果不一样，导致约束警告的原因往往是没有更新控件的约束，但并不影响其真实效果，也不会报错。...父控件随子控件变化而变化如果希望父控件随子控件（UILabel/UIView）高度的变化而变化，就不要给父控件添加高度约束，只需要子控和向父控件在垂直方向上添加约束，这样子控件高度改变，父控件高度也会随之改变...在其他尺寸(3.5、4.7、5.5英寸)的横屏状态也不会显示。当然，在iPad全屏(横屏或竖屏)状态下同样不会显示。...这也再次验证了，我们在不同的sizeClass下的布局并不会相互影响。我们在W Regular H Compact状态下的布局不是说好了“只会”出现在5.5英寸的横屏状态下吗？

8.4K7 0

iOS布局之AutoresizingMask和AutoLayout

(0, 0,200 , 200); 以上代码中我们设置了子视图的宽度随父视图的变化而改变，其效果图如下： ?...屏幕快照 2016-09-18 下午4.53.23.png 我们可以看到，图中的子视图的宽度也随着父视图的宽度增加到了二倍。这就是AutoResizing的一个最简单的应用。...从而实现了视图的自动布局。而当我们确定选择使用AutoLayout添加自己的约束的时候，我们必须设置此属性为NO，XIB中这个属性默认是NO。...2.我们设置该属性为NO，AutoResizing并不会直接失效，只有当我们为视图设置了constraint之后，AutoResizing才会失效。...那么AutoLayout在开发中具体如何使用呢，这其实分为两种情况，一种是借助xib中的约束功能通过连线的方法实现。

1.9K6 0

iOS性能优化系列篇之“列表流畅度优化”

但这两篇文章出乎我意料地受到了大家的喜欢，所以我希望后面有时间能把这个系列更新下去，下一步准备写一篇关于iOS内存相关的优化文章。也希望这篇列表流畅度优化的文章能够给大家带来一点点启示。...文中讨论了许多可能影响列表流畅度的因素，由于2018 WWDC里面讲述了大量的关于性能优化相关的内容，因此本文也在相关的内容里面加入2018 WWDC的性能优化部分。...在滑动列表（UITableView和UICollectionView）中强烈不建议使用Autolayout。随着视图数量的增长，Autolayout带来的 CPU 消耗会呈指数级上升。...视图或图片的点数(point)，不能换算成整数的像素值（pixel），导致显示视图的时候需要对没对齐的边缘进行额外混合计算，影响性能。...如果视图结构过于复杂，混合的过程也会消耗很多 GPU 资源。

2.4K3 0

WWDC2016 Session笔记 - Xcode 8 Auto Layout新特性

原因是因为Autoresizing masks并不会向Autolayout一样，会考虑View的content，所以这里被挤压了。...这件事很容易，只要我们调整一下cell的位置信息即可完成。排列的位置信息会影响到cell，行，列，网格视图。...居右之后，我们又会出现新的问题，baseline不对齐了。行的对齐和列的对齐原理一样的，同理，我们只需要设置一处，将会影响整个网格视图。...spacing是针对整个gridview来说的，改变了它，将会影响整个网格视图的布局。...现在右子串上面10个子view在一次的层级变化中，被移除了。那么最上层圈起来的3个view都会被影响。于是这3个view的bounds就发生了变化。

6883 0

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

关于Autolayout和Masonry自动布局的几个坑自动布局 02 Mar 2016 0 Comments 前言最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView...：重置之前的约束注意先添加子视图，才能对子试图添加约束如果想使用动画效果，需要如下代码： //重写updateViewConstraints方法，进行约束的更新-(void)updateViewConstraints...主要注意点为： UIScrollView自身的约束按照正常的视图添加。内部子控件的约束不能按照UIScrollView来设置，同时必须完整，否则撑不起contentSize。...scrollViewmake.width.equalTo(_scrollView);// width = _scrollView}];UIView*lastView;CGFloatheight=25;//添加子视图...，并且设置子试图的约束，注意top的约束由上一个子视图决定for(inti=0;i<10;i++){UIView*view=[[UIViewalloc]init];view.backgroundColor

1.4K2 0

浅汇－iOS UI布局

iOS中UI的布局是很重要的，而在前期开发中就要选定好布局的方法，因为这对整个工程乃至于后期的版本维护都有很重要的影响。...如果父试图使用的是 Frame ，子试图使用 AutoLayout 不会有问题，使用Frame 来布局UI是开始的做法，现在也有很多人仍然钟情与这种方法，这种方法很直观，使用起来也很简单，但是他的简单决定了他在屏幕适配和内容自适应上的局限性...我们可以在XIB、StoryBoard中通过拉线的形式给控件视图添加布局约束，通过苹果强大的可视化界 IB（Interface Builder）我们能够轻松的使用AutoLayout完成界面视图的布局。...有一个需要注意的地方，cell中所有的子视图都需要加载在 self.contentView上才行，不可加载在self.contentView的子视图上，否则按下面的这个方法设置也会出问题。...，这个方法在子视图初始化的最后设置可以在 Model赋值后设置也可以 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath

2.1K2 0

iOS AutoLayout全解

在iOS 7（Xcode5）开始，Autolayout的开发效率得到很大的提升，苹果官方也推荐开发者尽量使用Autolayout来布局UI界面，减少纯代码的方式。...因为UITextView内容的高度不会影响systemLayoutSizeFittingSize计算。下面是UITextView的实例： ?...OAStackView实现子视图等分案例1 例如，下面的例子是使用OAStackView实现视图等分的例子。 ?...Fill:子视图填充他所在的位置(默认) Leading:子视图头部对齐 Center:子视图居中对齐 Trailing:子视图尾部对齐 Distribution:子视图的大小 Fill:子视图填充整个...Baseline Relative:如果设置子视图间距的大小为基线到下一个视图的头部

4.5K6 0

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

自动布局 02 Mar 2016 Comments 前言最近遇到一个复杂视图：根控制器里面有上下两个子控制器，子控制器中各自实现类似PageView的视图，然后PageView的每一页是一个WebView...：重置之前的约束注意先添加子视图，才能对子试图添加约束如果想使用动画效果，需要如下代码： //重写updateViewConstraints方法，进行约束的更新- (void)updateViewConstraints...主要注意点为： UIScrollView自身的约束按照正常的视图添加。内部子控件的约束不能按照UIScrollView来设置，同时必须完整，否则撑不起contentSize。...scrollView make.width.equalTo(_scrollView); // width = _scrollView}]; UIView *lastView;CGFloat height = 25;//添加子视图...，并且设置子试图的约束，注意top的约束由上一个子视图决定for (int i = 0; i < 10; i++) { UIView *view = [[UIView alloc]init]; view.backgroundColor

1.6K2 0

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

随着时间的推移，苹果的设备种类越来越多，尺寸也越来越大，单纯的frame已经不能简单解决问题了，于是推出了AutoLayout技术和SizeClasses技术来解决多种设备的适配问题。...一直在做iOS开发的程序员相信在下面的两个版本交界处需要处理适配的坎一定让你焦头烂额过： iOS7出来后视图控制器的根视图默认的尺寸是占据整个屏幕的，如果有半透明导航条的话也默认是延伸到导航栏和状态栏的下面...，通过UIStackView容器视图的使用就不再需要为每个子视图添加冗余的依赖约束关系了。...UIView来进行处理，不管如何只要是View都需要进行渲染和绘制从而有可能一定程度上影响程序的性能，而在iOS9以后提供了一个占位视图类UILayoutGuide，这个类就像是一个普通的视图一样可以为它设置约束...，也可以将它添加进入视图中去，也可以将这个占位视图作为其他视图的约束依赖项，唯一的不同就是占位视图不会进行任何的渲染和绘制，它只会参与布局处理。

1K3 0

iOS-屏幕适配实现（AutoLayout）

，但并不影响其真实效果，也不会报错注意：约束有错误，不代表运行会错误，约束错误同样可以运行约束的规则相对于父视图的约束，添加到父视图上对于两个同层级 view 之间的约束关系，添加到它们的父 view...上相对于另一个控件的约束，添加到其共有的父视图上对于两个不同层级 view 之间的约束关系，添加到他们最近的共同父 view 上跨层级的约束，添加到其最上层的父视图上...，其实并不是针对具体哪一个设备，而是相同sizeclass的一类设备，所以添加特征变量是影响一类设备 Interface Style：亮色或暗色的界面风格 orientation：设备方向 Vary...for Traits ：点击后会弹出选择Width、Height复选框，选择宽度、高度或两者，背景会变成蓝色，左边显示的设备也会变化，选择设备后，点击Done Varying按钮...横屏中view不见了，因为iPhone8的横屏布局是（wC hC），所以添加约束不会生效，要想适配的话，需要在布局是（wC hC）条件下，重新添加约束一般组合有4种结果(wC hC)、(wR

3411 0

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

因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。...MyLayout是一个完整而独立的布局体系，因此要求我们的布局视图内的子视图不能再通过设置AutoLayout的约束来进行布局了，因此我们可以在XIB或者SB中完全不需要AutoLayout以及Size...设置完毕后我们分别按顺序添加3个高度一致的子视图如下： ? 依次添加子视图上面的中我们可以看出，我们并不需要为子视图设置任何附加的约束，我们也没有为子视图设置扩展属性。我们只是按顺序添加上去。...代码和编辑器结合布局和AutoLayout结合使用方法上面的例子介绍的是在不使用AutoLayout时如何将MyLayout和XIB以及SB结合的场景，那么如果我们使用AutoLayout并且想用到...小结从上面可以看出MyLayout并不排斥XIB或者SB，也并不排斥AutoLayout，相反如果您能够灵活的运用那么将会大大的减少您构建应用的时间和精力。

8634 0

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

UI就是 App 的门面，它的体验伴随着用户使用 App 的整个过程。如果UI失败，用户是不会有打开第二次的欲望的。 ?...况且，作为鹅厂的员工当然不能仅限于知道怎么用。我们要知其然还要知其所以然。好了，废话不说，我们进入主题：看看 iOS 是如何渲染视图和动画的，以及在我们遇到渲染的性能问题时怎么做优化。...准备：在这个阶段，Core Animation 框架准备要渲染的 layer 的各种属性数据，以及要做的动画的参数，准备传递給 render server。同时在这个阶段也会解压要渲染的 image。...尤其如果用 autolayout 的话，会更消耗 CPU。...GPU Driver Renderer Utilization ——如果这个值大于50%的话，表示 GPU 的性能受到 fill-rate 的限制，可能有太多的 Offscreen rendering，

1.9K9 1

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

outsideOverlay：该ScrollBar显示在视图(view)的边缘,不增加view的padding,该ScrollBar将被半透明覆盖。...insideInset：该ScrollBar显示在padding区域里面,增加了控件的padding区域,该ScrollBar不会和视图的内容重叠。...insideOverlay：该ScrollBar显示在内容区域里面,不会增加了控件的padding区域,该ScrollBar以半透明的样式覆盖在视图(view)的内容上。...ScrollView的几个常用方法有： addView (View child)：添加子视图。如果事先没有给子视图设置layout参数，会采用当前ViewGroup的默认参数来设置子视图。...addView (View child, int index)：添加子视图。如果事先没有给子视图设置layout参数，会采用当前ViewGroup的默认参数来设置子视图。

3.1K6 0

全屏、沉浸式、fitSystemWindow使用及原理分析：全方位控制“沉浸式”的实现

属性配置影响 SystemUi及状体栏添加原理前言状态栏与导航栏属于SystemUi的管理范畴，虽然界面的UI会受到SystemUi的影响，但是，APP并没有直接绘制SystemUI的权限与必要...下面就来分析一下，APP层的API如何影响SystemUI的显示的，并一步步解开所谓沉浸式与全屏的原理，首先看一下如何更改状态栏颜色。...最后看一下translucentFlag，默认情况下，状态栏背景色与translucent半透明效果互斥，半透明就统一用半透明颜色，不会再添加额外颜色。...，如果设置了SYSTEM_UI_FLAG_HIDE_NAVIGATION、或者半透明、或者颜色为透明色，那同样也不需要为导航栏添加背景色，具体不再重复。...，那么用户的UI视图就不会被覆盖。

5.4K4 0

MyLayout&TangramKit 的重大升级!

这不是一篇推广文，而是介绍AutoLayout和MyLayout&TangramKit是如何实现视图尺寸自适应的以及二者是如何结合在一起的。所以希望您耐着性子继续往下看?????...下面是具体的实例代码： //1.创建一个滚动视图，并设置好约束，这个约束可以是AutoLayout也可以是frame的，这里为了简单就用frame。...在上面的第1节中有介绍如何将一个容器视图的尺寸设置为自适应，而一般情况下在编写UITableViewCell的布局代码时，都将所有的子视图添加到contentView这个视图中，因此要实现UITableViewCell...要实现UIScrollView滚动时，只需要在一个滚动视图内添加一个布局视图，然后将所有其他子视图都添加到这个布局视图中去，这个和上面的AutoLayout的处理方式是一样的，最后将布局视图的尺寸自适应属性设置为...，然后将布局视图添加到其他视图中去，不需要再为布局视图设置宽度和高度约束了，也不再限制只能将布局视图添加到contentView中了，也不再需要重载特定的方法了，就相当于将一个布局视图当做UILabel

2K2 0

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

UI就是 App 的门面，它的体验伴随着用户使用 App 的整个过程。如果UI失败，用户是不会有打开第二次的欲望的。 ?...况且，作为鹅厂的员工当然不能仅限于知道怎么用。我们要知其然还要知其所以然。好了，废话不说，我们进入主题：看看 iOS 是如何渲染视图和动画的，以及在我们遇到渲染的性能问题时怎么做优化。...准备：在这个阶段，Core Animation 框架准备要渲染的 layer 的各种属性数据，以及要做的动画的参数，准备传递給 render server。同时在这个阶段也会解压要渲染的 image。...尤其如果用 autolayout 的话，会更消耗 CPU。...GPU Driver Renderer Utilization ——如果这个值大于50%的话，表示 GPU 的性能受到 fill-rate 的限制，可能有太多的 Offscreen rendering，

1.6K12 0

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

继续阅读本文来看看您的应用是否会受到此变更的影响，以及了解如何针对此变更测试您的应用。...窗口根视图是 GONE 或 INVISIBLE。全透明窗口。窗口的 alpha 属性值为 0.0。足够半透明的系统警报窗口。...有着透明背景且无 UI 元素的窗口在有着透明背景的窗口中展示某些 UI 的应用，可以在适当的时候在视图层面隐藏它们的 UI，同时添加 FLAG_NOT_TOUCHABLE 标志，这样用户就可以与下层的内容进行交互了...如果像上图一样，应用仅仅是隐藏了 UI，要么是通过删除子视图的方法隐藏，或是改变它们的可见性 (visibility) 并添加 FLAG_NOT_TOUCHABLE 标志来允许用户与下层的视图进行交互，...如何测试您的应用是否受到影响如果系统屏蔽了触摸操作，Logcat 会输出以下信息: Untrusted touch due to occlusion by PACKAGE_NAME.

1.3K3 0

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

现在的版本要求子视图的位置或者是否隐藏改变后需要调用使用线性布局时里面的子视图的frame.origin.y是无效的，而是通过子视图的headMargin,tailMargin分别指出其距离他...默认是NO.如果设置为YES的话则边缘视图的边距不起作用了，而且子视图的weight也不起作用了。而且不是调整自己的大小了 //也就是当垂直方向则所有子视图按顺序排列在中间。...有人也许会觉得Masonry或者AutoLayout挺好，而且使用受众也广也流行，为什么我还要去学习或者掌握一个新的库。其实这也正常，人总是有懒惰的天性，就如我不想学AutoLayout是一样的。...，当你使用AutoLayout对你的布局性能造成影响时，也许你会想着是否有一个新的布局库能帮我解决这个问题，没有错，也许MyLayout就能帮你解决你实际中的众多复杂布局和性能的问题，而且MyLayout...需要设置的约束少，不需要像AutoLayout那样无论是位置和尺寸都需要明确的通过设置约束来指定。有些时候可能只需要一两个属性就可以把所有子视图的位置和尺寸都设置完成。

1.8K4 0

《小白HTML5成长之路31》半透明背景的自定义弹窗是怎么用CSS布局的

layer上增加了opacity:0.5这个半透明属性，小白满怀信息的刷新了页面，当看到结果时小白发现背景和窗口都变成了半透明。...正好这时老朱从小白身边经过，随口跟小白说了一句：“小白，你是不是把窗口的父容器设置成半透明了？” “是啊！父容器背景是黑色，所以我把父容器设置成了半透明！”...“可是父容器设置半透明会对他的子元素产生影响啊，这样会导致它里面的所有元素都变成半透明，你为啥不给窗口添加一个兄弟容器来实现这个效果呢？” 小白仔细想了想，说道：“哦！...不一会小白找到老朱，说道：“我改好了，现在我给dialog添加了一个layerbg容器作为背景层，然后把layer之前的背景色和透明度去掉，放到了新增加的背景层上面，背景层高和宽与layer一样所以这样就不会把...dialog也变成半透明了。

1.9K10 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭