popover

转载 2013年12月03日 00:19:25
目前那些popover的menu,loadingview之类的都是搞view,可以解决。但显示的时候其实挺麻烦的,得先保证全屏,在addsubview,消失时又得removefromsuperview,还得保证这个view在最上层,代码得可重用度也不高。

其实iphone程序是支持多窗口显示得,而且还支持分层显示,就是设置window得windowlevel。Mac上有类似的属性可以得到很多不同效果的window显示。

那我们完全可以alloc一个window,并让之成为keywindow,那么所有的touch事件都会被它捕获到。并且它是个view啊,那就可以addsubview,可以设置backgroundcolor,那么问题就简单了,大家应该可以理解ipad 上的popoverwindow原理了。

那就是生成一个fullscreen的windowlevel为UIWindowAlertLevel的window,且backgroundcolor为clearcolor,然后把要显示的controller的view加到subview,并且在drawrect中围绕这个view的周围画上边框,在弹出点画上个箭头,最后以动画的方式显示出来就好啦,然后点击window空白地方时让它动画消失即可。

那UIAlertView就更简单了,虽然它是继承自UIView,但它的实现应该跟UIWindow差不到哪里去,其实它内部也应该是个window,根据不同的subviews设置不同的内容高度,调整内容的size等。


代码实现地址:http://www.cocoachina.com/bbs/read.php?tid-30657.html

bootstrap中popover.js(弹出框)使用总结+案例

bootstrap中popover(弹出框)使用总结+案例bootstrap的官方文档(不过是英文的)一. popover常用配置参数://常用配置参数: $(document).ready(func...
  • u014346301
  • u014346301
  • 2016年10月18日 12:06
  • 10927

bootstrap 点击空白处popover弹出框隐藏

代码: div> a class="btn btn-success show" title="Popover title" data-container="body" d...
  • water_Popcorn
  • water_Popcorn
  • 2018年01月09日 13:29
  • 112

AngularStrap的popover初尝试

官网参考 http://mgcrea.github.io/angular-strap/#/popovers 1、使用popover实现弹出框内包含下拉列表和输入框 采用内容模板的形式,然后在触发p...
  • S_Dan90
  • S_Dan90
  • 2017年03月29日 20:55
  • 477

bootstrap 实现弹出框popover,动态改变popover内容

目的:点击一个链接/按钮,后台取出数据,popover显示取出的内容 1.设置链接: 查看结论 2.设置showConclusion2方法: function showConclusion2...
  • roodyszz2013
  • roodyszz2013
  • 2015年12月23日 10:25
  • 9031

Bootstrap Popover 点击Popover外区域自动关闭Popover

最近在写一个web网站,前端方面,都是初学的,用到了一个bootstrap的popover,但是有些东西默认的不太好用,就只能自己修改了。 比如说默认只有点击触发的那个按钮才能关闭pop,而现在我想...
  • scrawlor
  • scrawlor
  • 2013年12月09日 16:19
  • 7339

bootstrap popover弹框内容换行

一般内容是不换行的,即使内容里面添加了,也是没有用的呢,就像下面这个样子 只需要加上data-html="true",就可以识别了...
  • u013288190
  • u013288190
  • 2017年08月30日 22:33
  • 402

扩展bootstrap的popover, 增加在指定时间内fadeOut的功能

项目上需要一个popover,这个popover的需要接收一个时间参数,然后在这个时间内fadeOut。看了下bootstrap的popover,它是继承与tooltip的,很奇怪的是,发现boots...
  • riyuenaio
  • riyuenaio
  • 2015年12月14日 10:48
  • 1175

Bootstrap 提示工具和弹出框(Popover)插件

一、提示工具插件 1. 用法 有以下两种方式添加提示工具(tooltip): (1)通过 data 属性:只需向一个锚标签添加 data-toggle="tooltip" 即可,锚的 title...
  • zl_best
  • zl_best
  • 2017年02月20日 14:32
  • 1682

Bootstrap 弹出框(Popover)插件

Bootstrap 弹出框(Popover)插件 弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使...
  • lluohuih
  • lluohuih
  • 2015年02月10日 14:25
  • 1333

【Bootstrap】——popover效果弹出框

Popover提供了一个扩展的视图。小编使用到了Popover的两种效果:      第一种:将鼠标移入所添加效果的元素,出现Popover视图,移出元素视图隐藏;      第二种:单击添加效果元素...
  • u013034793
  • u013034793
  • 2016年09月22日 14:06
  • 13302
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:popover
举报原因:
原因补充:

(最多只允许输入30个字)