blocks|key|3023598|text|界面生成器中的模式弹出窗口(故事板)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3023599|第一步|3023600|在您想要作为模式弹出窗口的ViewController上，使根UIView的背景色清晰。|3023601|📷|atomic|offset|length|3023602|提示:不要使用根UIView作为弹出窗口。添加一个较小的新UIView作为弹出窗口。|3023603|第二步|3023604|为包含弹出窗口的ViewController创建一个段。选择“以模态方式呈现”。|3023605|3023606|​|3023607|从此处创建弹出窗口的两种方法|3023608|方法一-使用Segue|3023609|选择Segue并将演示更改为"Over“：|3023610|3023611|3023612|方法二-使用视图控制器|3023613|选择弹出的ViewController场景。在Attributes+Inspector中的View+Controller部分下，将Presentation设置为"Over+Current+Context"：|3023614|3023615|3023616|任何一种方法都可以工作。这应该就行了！|3023617|3023618|3023619|3023620|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/7b0397a496d3a9d1ca2ccf76bc8803c3.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/f0c537a0d31425b6ce777f9dc673e843.png|2|https://ask.qcloudimg.com/http-save/yehe-900000/e107935cbd67ec136001c0c62e5b4f78.png|3|https://ask.qcloudimg.com/http-save/yehe-900000/a59c4fe8e58a2d8ea1ece964ace7ab93.png|4|https://ask.qcloudimg.com/http-save/yehe-900000/9bb030872cf9c643d67196c5ed18363a.png^0|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|0|0|0|0|1|2|0|0|0|0|0|1|3|0|0|0|0|0|1|4|0|0^^$0|@$1|2|3|4|5|6|7|1T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1U|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1V|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1W|8|@]|9|@$I|1X|J|1Y|1|1Z]]|A|$]]|$1|K|3|L|5|6|7|20|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|21|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|22|8|@]|9|@]|A|$]]|$1|Q|3|G|5|H|7|23|8|@]|9|@$I|24|J|25|1|26]]|A|$]]|$1|R|3|S|5|6|7|27|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|28|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|29|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|2A|8|@]|9|@]|A|$]]|$1|Z|3|G|5|H|7|2B|8|@]|9|@$I|2C|J|2D|1|2E]]|A|$]]|$1|10|3|S|5|6|7|2F|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|2G|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|2H|8|@]|9|@]|A|$]]|$1|15|3|G|5|H|7|2I|8|@]|9|@$I|2J|J|2K|1|2L]]|A|$]]|$1|16|3|S|5|6|7|2M|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|2N|8|@]|9|@]|A|$]]|$1|19|3|S|5|6|7|2O|8|@]|9|@]|A|$]]|$1|1A|3|G|5|H|7|2P|8|@]|9|@$I|2Q|J|2R|1|2S]]|A|$]]|$1|1B|3|S|5|6|7|2T|8|@]|9|@]|A|$]]|$1|1C|3|-4|5|6|7|2U|8|@]|9|@]|A|$]]]|1D|$1E|$5|1F|1G|1H|A|$1I|1J|1K|-4]]|1L|$5|1F|1G|1H|A|$1I|1M|1K|-4]]|1N|$5|1F|1G|1H|A|$1I|1O|1K|-4]]|1P|$5|1F|1G|1H|A|$1I|1Q|1K|-4]]|1R|$5|1F|1G|1H|A|$1I|1S|1K|-4]]]]

<h1>Modal Popups in Interface Builder (Storyboards)</h1>
<h2>Step 1</h2>
On the ViewController you want as your modal popup, make the background color of the root UIView clear.
<a href="https://i.stack.imgur.com/4PyQU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4PyQU.png" alt="Set Clear Color on root view" /></a>
Tip: Do not use the root UIView as your popup. Add a new UIView that is smaller to be your popup.
<h2>Step 2</h2>
Create a Segue to the ViewController that has your popup. Select &quot;Present Modally&quot;.
<a href="https://i.stack.imgur.com/Lc5Y3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Lc5Y3.png" alt="Segue" /></a>
<h1>Two Methods To Create Popup From Here</h1>
<h2>Method One - Using the Segue</h2>
Select the Segue and change Presentation to &quot;Over Current Context&quot;:
<a href="https://i.stack.imgur.com/le0tK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/le0tK.png" alt="Over Current Context" /></a>
<h2>Method Two - Using the View Controller</h2>
Select the ViewController Scene that is your popup. In Attributes Inspector, under View Controller section, set Presentation to &quot;Over Current Context&quot;:
<a href="https://i.stack.imgur.com/qjq7J.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qjq7J.png" alt="ViewController" /></a>
Either method will work. That should do it!
<a href="https://i.stack.imgur.com/NMbtf.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NMbtf.png" alt="Finished Product" /></a>

blocks|key|2810681|text|您可以在Interface+Builder中执行此操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2810682|对于要以模态方式呈现的视图，请将其最外面的视图背景设置为transparent|2810683|Control+%2B单击，然后从主机视图控制器拖动到模式视图controller|unordered-list-item|2810684|
|2810685|Select++modally+|2810686|。单击新创建的段，然后在属性检查器(位于右侧)中将"Presentation“设置为"Over+|2810687|”|2810688|2810689|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

You can do this in Interface Builder.

<ul>
<li>For the view you wish to present modally set its outermost view background to transparent</li>
<li>Control + click and drag from the host view controller to the modal view controller</li>
<li>Select present modally</li>
<li>Click on the newly created segue and in the Attribute Inspector (on the right) set "Presentation" to "Over Current Context"</li>
</ul>

blocks|key|189836|text|请随意使用我的表单控制器iPhone的MZFormSheetController，在示例项目中有许多关于如何呈现模式视图控制器的示例，它不会覆盖整个窗口，并具有许多演示/过渡样式。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|189837|你也可以尝试最新版本的MZFormSheetController，它被称为MZFormSheetPresentationController，它有很多更多的特性。|189838|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/m1entus/MZFormSheetController|1|https://github.com/m1entus/MZFormSheetPresentationController^0|J|L|0|0|11|X|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Feel free to use my form sheet controller <a href="https://github.com/m1entus/MZFormSheetController" rel="nofollow noreferrer">MZFormSheetController</a>for iPhone, in example project there are many examples on how to present modal view controller which will not cover full window and has many presentation/transition styles.

You can also try newest version of MZFormSheetController which is called <a href="https://github.com/m1entus/MZFormSheetPresentationController" rel="nofollow noreferrer">MZFormSheetPresentationController</a> and have a lot of more features.

blocks|key|190374|text|您可以使用EzPopup+(https://github.com/huynguyencong/EzPopup)，它是一个快速的pod，非常容易使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|190375|//+init+YourViewController
let+contentVC+=+...

//+Init+popup+view+controller+with+content+is+your+content+view+controller
let+popupVC+=+PopupViewController(contentController:+contentVC,+popupWidth:+100,+popupHeight:+200)

//+show+it+by+call+present(_+,+animated:)+method+from+a+current+UIViewController
present(popupVC,+animated:+true)|code-block|syntax|javascript|190376|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/huynguyencong/EzPopup^0|E|14|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can use EzPopup (<a href="https://github.com/huynguyencong/EzPopup" rel="nofollow noreferrer">https://github.com/huynguyencong/EzPopup</a>), it is a Swift pod and very easy to use:

<pre><code>// init YourViewController
let contentVC = ...

// Init popup view controller with content is your content view controller
let popupVC = PopupViewController(contentController: contentVC, popupWidth: 100, popupHeight: 200)

// show it by call present(_ , animated:) method from a current UIViewController
present(popupVC, animated: true)
</code></pre>

blocks|key|188079|text|Imao把UIImageView放在后台不是最好的主意。在我的例子中，我在控制器视图上添加了另外两个视图。第一个视图的背景是[UIColor+clearColor]，第二个颜色是透明的(在我的例子中是灰色)，第二个视图的顺序是important.Then+.Note+alpha+0.5(alpha+>=0+<=1).Added+this+to+[UIColor+clearColor]+in+prepareForSegue|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|188080|infoVC.providesPresentationContextTransitionStyle+=+YES;
infoVC.definesPresentationContext+=+YES;|code-block|syntax|javascript|188081|这就是全部。|188082|entityMap^0|1Q|K|4T|K|5H|F|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

Imao put UIImageView on background is not the best idea . In my case i added on controller view other 2 views . First view has <code>[UIColor clearColor]</code> on background, second - color which u want to be transparent (grey in my case).Note that order is important.Then for second view set alpha 0.5(alpha >=0 &lt;=1).Added this to lines in <code>prepareForSegue</code>

<pre><code>infoVC.providesPresentationContextTransitionStyle = YES;
infoVC.definesPresentationContext = YES;
</code></pre>

And thats all.

blocks|key|2811004|text|Swift+4:|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2811005|要添加覆盖或弹出视图，您也可以使用容器视图，通过它您可以获得免费的视图控制器(您可以从常用的对象调色板/库中获取容器视图)|2811006|​|2811007|📷|atomic|2811008|2811009|步骤：|2811010|2811011|有一个包含此容器视图的视图(图片中的ViewForContainer)，以便在显示容器视图的内容时使其变暗。将插座连接到first+View+Controller|ordered-list-item|2811012|Hide+this+View+when+first+VC+loads|2811013|Unhide+when+Button+is+clicked+|2811014|+(当第一个VC加载时取消隐藏按钮时显示此视图)内的插座|2811015|2811016|2811017|2811018|要在显示容器视图内容时使此视图变暗，请将视图背景设置为黑色，将不透明度设置为30%25|2811019|2811020|2811021|2811022|2811023|当您单击按钮时，您将获得此效果|2811024|2811025|2811026|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/f7f1aa7e3b2dd4f93a2413a553e76ce5.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/15709f5388c8f4a0eeda759bc3c06801.png|2|https://ask.qcloudimg.com/http-save/yehe-900000/e1ccf5fc34ca5bb9886080c88e8cc96a.png|3|https://ask.qcloudimg.com/http-save/yehe-900000/00dad28c77026841cb104e07e788aaa9.png^0|0|8|0|H|4|0|0|0|1|0|0|0|0|3|0|0|0|0|0|0|0|1|1|0|0|0|0|0|0|0|1|2|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|1R|8|@$9|1S|A|1T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1U|8|@$9|1V|A|1W|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1X|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1Y|8|@]|D|@$9|1Z|A|20|1|21]]|E|$]]|$1|M|3|I|5|6|7|22|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|23|8|@$9|24|A|25|B|C]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|26|8|@]|D|@]|E|$]]|$1|Q|3|R|5|S|7|27|8|@]|D|@]|E|$]]|$1|T|3|U|5|S|7|28|8|@]|D|@]|E|$]]|$1|V|3|W|5|S|7|29|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|2A|8|@]|D|@]|E|$]]|$1|Z|3|K|5|L|7|2B|8|@]|D|@$9|2C|A|2D|1|2E]]|E|$]]|$1|10|3|I|5|6|7|2F|8|@]|D|@]|E|$]]|$1|11|3|-4|5|6|7|2G|8|@]|D|@]|E|$]]|$1|12|3|13|5|S|7|2H|8|@]|D|@]|E|$]]|$1|14|3|-4|5|6|7|2I|8|@]|D|@]|E|$]]|$1|15|3|I|5|6|7|2J|8|@]|D|@]|E|$]]|$1|16|3|K|5|L|7|2K|8|@]|D|@$9|2L|A|2M|1|2N]]|E|$]]|$1|17|3|I|5|6|7|2O|8|@]|D|@]|E|$]]|$1|18|3|19|5|6|7|2P|8|@]|D|@]|E|$]]|$1|1A|3|K|5|L|7|2Q|8|@]|D|@$9|2R|A|2S|1|2T]]|E|$]]|$1|1B|3|I|5|6|7|2U|8|@]|D|@]|E|$]]|$1|1C|3|-4|5|6|7|2V|8|@]|D|@]|E|$]]]|1D|$1E|$5|1F|1G|1H|E|$1I|1J|1K|-4]]|1L|$5|1F|1G|1H|E|$1I|1M|1K|-4]]|1N|$5|1F|1G|1H|E|$1I|1O|1K|-4]]|1P|$5|1F|1G|1H|E|$1I|1Q|1K|-4]]]]

Swift 4:

To add an overlay, or the popup view
You can also use the Container View with which you get a free View Controller ( you get the Container View from the usual object palette/library)

<a href="https://i.stack.imgur.com/R0sIW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R0sIW.png" alt="enter image description here"></a>

Steps:

<ol>
<li>Have a View (ViewForContainer in the pic) that holds this Container View, to dim it when the contents of Container View are displayed. Connect the outlet inside the first View Controller</li>
<li>Hide this View when 1st VC loads</li>
<li>Unhide when Button is clicked
<a href="https://i.stack.imgur.com/HpzFU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HpzFU.png" alt="enter image description here"></a></li>
<li>To dim this View when the Container View content is displayed, set the Views Background to Black and opacity to 30%</li>
</ol>

<a href="https://i.stack.imgur.com/DcaGV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DcaGV.png" alt="enter image description here"></a>

You will get this effect when you click on the Button
<a href="https://i.stack.imgur.com/EXnNc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EXnNc.png" alt="enter image description here"></a>

blocks|key|190140|text|您可以这样做，将任何其他子视图添加到视图控制器中。首先，将您想要添加为子视图的ViewController的状态栏设置为None，这样您就可以根据需要调整大小。然后在Present+View控制器中创建一个按钮和一个按钮点击的方法。在该方法中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|190141|-+(IBAction)btnLogin:(id)sender+{
++++SubView+*sub+=+[[SubView+alloc]+initWithNibName:@"SubView"+bundle:nil];
++++sub.view.frame+=+CGRectMake(20,+100,+sub.view.frame.size.width,+sub.view.frame.size.height);
++++[self.view+addSubview:sub.view];
}|code-block|syntax|javascript|190142|希望这对你有所帮助，如果有任何疑问，请随时询问…|190143|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can do this to add any other subview to the view controller.
First set the status bar to None for the ViewController which you want to add as subview so that you can resize to whatever you want. Then create a button in Present View controller and a method for button click. In the method:

<pre><code>- (IBAction)btnLogin:(id)sender {
 SubView *sub = [[SubView alloc] initWithNibName:@"SubView" bundle:nil];
 sub.view.frame = CGRectMake(20, 100, sub.view.frame.size.width, sub.view.frame.size.height);
 [self.view addSubview:sub.view];
}
</code></pre>

Hope this helps, feel free to ask if any queries...

Since there is no complete, definitive answer to this common recurring question, I'll ask and answer it here.

Often we need to present a <code>UIViewController</code> such that it doesn't cover full screen, as in the picture below.

<img src="https://i.stack.imgur.com/JrhnP.png" alt="enter image description here">

Apple provides several similar <code>UIViewController</code>, such as <code>UIAlertView</code>, Twitter or Facebook share view controller, etc..

How can we achieve this effect for a custom controller?

Display UIViewController as Popup in iPhone

容器

Swift

由于这个常见的反复出现的问题没有完整、明确的答案，因此我将在这里提出并回答它。我们通常需要提供一个UIViewController，这样它就不会覆盖整个屏幕，如下图所示。​​苹果提供了几种类似的UIViewController，如UIAlertView，Twitter或Facebook的共享视图控制器等。如何在自定义控制器中实现此效果？

问在iPhone中将UIViewController显示为弹出窗口
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPhone中将UIViewController显示为弹出窗口EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iPhone中将UIViewController显示为弹出窗口
EN