IOS8中SWIFT 弹出框的显示

弹出框不管是在网页端,还是在手机APP端,都是常用的控件.在网页中实现个简单的弹出框只需要调用alert,在IOS中,也不是那么复杂,也是容易使用的.

我先用xcode6创建一个名为iOS8SwiftAlertViewTutorial,设置好相关的信息.

在Storyboard中调整好视图显示方式

拖动一个按钮到主视图,设定其值为 "Show Alert"

按下Ctrl键,拖动按钮到代码中,加入点击事件

控制器代码中会出现IBAction方法

@IBAction func buttonTapped(sender: AnyObject) {}

好的,现在整个代码完成了一大半了,就只缺弹出框的创建和显示了.现在我们在buttonTapped方法中加入以下代码

@IBAction func buttonTapped(sender: AnyObject) {let alertController = UIAlertController(title: "iOScreator", message:    "Hello, world!", preferredStyle: UIAlertControllerStyle.Alert)  alertController.addAction(UIAlertAction(title: "Dismiss", style: UIAlertActionStyle.Default,handler: nil))  self.presentViewController(alertController, animated: true, completion: nil)}

ok,代码完成,我们通过UIAlertController来实现创建弹出框,且加入一个空的按钮事件,在通过呈现的方式显示弹出框,我们运行代码,显示如下

IOS8中SWIFT 弹出框的显示相关推荐

vue框架elemnet-ui中Popover弹出框的使用
vue框架elemnet-ui中Popover弹出框的使用 ** 一.如何修改内置的el-popover样式(亲测有效) ** 1.在vue页面文件中使用el-popover组件时,在style标签中 ...
jquery weui 中alert弹出框在ios中跳动问题
问题描述: jquery-weui中的弹出框在ios上会有一个右下角向中间滑动的效果,在Android上没有这个效果. 解决方法: 修该jquery-weui.js中的openModal方法如下图: ...
element-ui中$confirm弹出框的确定和取消按钮互换位置
element-ui中$confirm弹出框的确定和取消按钮互换位置 (1)定位元素 (2)找到元素class,通过flex布局,进行位置更换 (3)app.vue中进行全局修改 /* 确认窗取消 ...
qt中调整弹出框的位置
提要在程序中点击按钮,有时在边缘弹出的弹出框,不能全部展示在用户的面前,弹出框显示的位置会超过程序的边界,从而看不到完整的弹出框,这时可以菜取设置弹出框可以按下鼠标拖动来使其不被遮住,或者在弹出框谈 ...
交换element-ui中$confirm弹出框的确定和取消按钮位置
使用element-ui的MessageBox组件时,用到了$confirm弹出框,它的默认样式是这样子的: 在项目开发中,为了保持风格的统一,UI给的切图都是确定在左,取消在右,且居中显示,类似如下 ...
android h5弹窗,Android嵌套html5页面中alert 弹出框问题
最近项目中遇到一个头疼的问题,那就是在安卓里嵌套html5的时候发现alert弹出框出现了问题那就是弹出的时候会出现串来自http://xxxxx 网页的提示然后下面出来具体的弹出信息,还有更奇 ...
bootstrap中modal弹出框的使用
modal按钮位置安放: <button class="btn btn-primary" onclick="edit()" data-toggle=&qu ...
easyUI中dialog弹出框中数据加载不出来
在前端使用easyUI开发的过程中遇到一个奇怪的问题,easyUI中的dialog中的combobox数据有时加载不出来,或者是一些文字也有时加载不出来,后来发现,dialog每次关闭并不会销毁原di ...
qt自定义按钮类，每个按钮自带一个右键弹出框，如何使同一时刻只显示一个弹出框
提要继承于QPushButton的自定义按钮类,其右键弹出一个弹框,创建多个这样的自定义按钮在窗口中,每一时刻只显示一个右键弹出框,避免同一时刻,多个按钮右键弹出弹出框后,未及时关闭弹出框导致的同一 ...

IOS8中SWIFT 弹出框的显示

IOS8中SWIFT 弹出框的显示相关推荐

最新文章

热门文章