CN103246502A - 一种弹出式窗口的实现方法和系统 - Google Patents
一种弹出式窗口的实现方法和系统 Download PDFInfo
- Publication number
- CN103246502A CN103246502A CN201210029749XA CN201210029749A CN103246502A CN 103246502 A CN103246502 A CN 103246502A CN 201210029749X A CN201210029749X A CN 201210029749XA CN 201210029749 A CN201210029749 A CN 201210029749A CN 103246502 A CN103246502 A CN 103246502A
- Authority
- CN
- China
- Prior art keywords
- window
- popover
- variable
- animation
- appearance style
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
本发明实施方式提出了一种弹出式窗口的实现方法和系统。方法包括:在酥饼(Popover)控件中设置Popover窗口外观样式变量和Popover窗口动画变量;利用Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据Popover窗口动画变量展示窗口动画。应用本发明实施方式之后,可以对Popover窗口的外观和弹出关闭动画进行相应的设置和调节,从而增强了开发性能,提高了开发者的可操作性。
Description
技术领域
本发明实施方式涉及计算机应用技术领域,更具体地,涉及一种弹出式窗口的实现方法和系统。
背景技术
窗口是计算机用户界面中非常重要的部分。它通常是屏幕上与一个应用程序相对应的矩形区域。它包括框架和客户区,是用户与产生该窗口的应用程序之间的可视界面。每当用户开始运行一个应用程序时,应用程序就创建并显示一个窗口;当用户操作窗口中的对象时,程序会作出相应反应。用户通过关闭一个窗口来终止一个程序的运行;通过选择相应的应用程序窗口来选择相应的应用程序。
在一些窗口,尤其是用户频繁使用的一些功能窗口内,某些界面操作项和内容并不会时常被用到,但是又不可缺少;那么为了避免窗口呈现过多与主要功能和内容无关元素,通常会将那些操作项和内容隐藏起来,然后通过弹出式界面来展示。这样不仅使得整个界面看起来简单和整洁,同时又不缺少辅助的功能,能给用户带来更好的操作体验。
在现有技术中,某些便携式电子设备(比如Ipad)屏幕较大,不像移动终端那样经常整页以导航形式滑动,而是将很多信息以Popover(酥饼)弹出窗口的形式弹出供显示或编辑。Popover原意为淡烤的酥饼,现用于指代这种弹出窗口。Popover控件就是用来控制这个弹出式界面的用户接口(UI)控件,并能给提供与普通窗口所能呈现的所有内容和操作项。
在某些操作系统(比如Mac OS X Lion(10.7))中,提供了一套简单的Popover控件来实现弹出式窗口,从而能够展示更多的内容和操作项。但是,目前针对Popover窗口的各种设计中,Popover窗口的外观和展示动画都是固定的,用户无法对其进行更改,留给开发者的可操作性很小。
发明内容
本发明实施方式提出一种弹出式窗口的实现方法,从而实现对Popover窗口的外观和展示动画予以调节。
本发明实施方式提出一种弹出式窗口的实现系统,从而实现对Popover窗口的外观和展示动画予以调节。
本发明实施方式的具体方案如下:
一种弹出式窗口的实现方法,包括:
在酥饼Popover控件中设置Popover窗口外观样式变量和Popover窗口动画变量;
利用所述Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
一种弹出式窗口的实现系统,该系统包括变量设置单元和窗口处理单元,其中:
变量设置单元,用于设置Popover窗口外观样式变量和Popover窗口动画变量;
窗口处理单元,用于利用所述Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
从上述技术方案可以看出,在本发明实施方式中,首先设置Popover窗口外观样式变量和Popover窗口动画变量;然后利用Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据Popover窗口动画变量展示窗口动画。由此可见,应用本发明实施方式之后,可以根据Popover窗口外观样式变量和Popover窗口动画变量对Popover的窗口动画进行相应的设置和调节,从而增强了开发性能,提高了开发者的可操作性。
附图说明
图1为根据本发明实施方式的弹出式窗口的实现方法流程图;
图2为根据本发明实施方式的弹出式窗口第一效果示意图;
图3为根据本发明实施方式的弹出式窗口第二效果示意图;
图4为根据本发明实施方式的弹出式窗口的实现系统结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面结合附图对本发明作进一步的详细描述。
图1为根据本发明实施方式的弹出式窗口的实现方法流程图。
如图1所示,该方法包括:
步骤101:设置Popover窗口外观样式变量和Popover窗口动画变量。
首先,Popover窗口的界面通常可以分为3部分,分别为:关系指示区、边框区和内容区。其中:
关系指示区:用来表明Popover弹出窗口与原窗口的关系。比如,关系指示区具体可以采用箭头的形式来表明Popover弹出窗口与原窗口的关系。为了与其它实现方式相区别,Popover弹出窗口中的箭头可以使用默认的三角箭头,还允许自定义的其它形式。
边框区:用于控制弹出式窗口的边框样式,可以包括宽度、颜色、圆角,等等;此外还允许设置是否显示边框。
内容区:用于以显示各种内容、设置项等。
在这里,根据具体的外观样式需求,设置的Popover窗口外观样式变量可以包括:边框宽度;边框颜色;背景颜色;透明度;箭头高度,等等。
其中,可以在Popover控件的控制器(PopoverController)对象中具体设置关于窗口框本身的外观样式变量,也可以在Popover控件的视图控制器(ViewController)对象中设置位于内容部分的外观样式变量。
对于无需太多外观样式定制的情况,可以通过预设的宏定义提供几套内置的样式,以便于开发者很方便的利用。
图2为根据本发明实施方式的弹出式窗口第一效果示意图;图3为根据本发明实施方式的弹出式窗口第二效果示意图。
如图2所示,Popover窗口的箭头方向向右,箭头宽度较大,箭头圆角设置,而且窗口无背景色。如图3所示,Popover窗口的箭头方向向下,箭头宽度较小,箭头圆角设置,而且窗口有背景色。
可以设置默认的Popover窗口外观样式变量,然后将该默认的Popover窗口外观样式变量封装为宏,从而便于开发者后续利用。类似地,可以设置用户自定义的Popover窗口外观样式变量,并将这些用户自定义的Popover窗口外观样式变量封装为宏。
比如,通过一个预设的宏PopoverCustomStyle可以扩展外观样式的自定义。首先,在初始化Popover控件的控制器(PopoverController)对象时,需要传入两个参数,分别是:
(a)ViewController:表示内容部分的视图控制器对象;
(b)useStyle:表示外观样式的预设类型。
其中:useStyle可以具体设置为PopoverCustomStyle或PopoverDefaultStyle。PopoverDefaultStyle表示选择使用默认的样式;PopoverCustomStyle表示选择用户自行设置的样式。根据给定的样式(即useStyle)来判断是否初始化默认的边框(PopoverWindowFrame),如果useStyle是PopoverCustomStyle类型,那么将ViewController对象同时作为边框的视图控制器;否则在边框初始化时将PopoverController作为它的视图控制器。这是因为,传入的ViewController对象是外部开发者自己定义的,于是当它同时成为边框的控制器时,用户可以最大程度控制边框的样式,很灵活的实现自己想要的各种效果。
通常,Popover窗口动画变量可以包括:是否展示弹出和关闭动画;开始动画实现对象;关闭动画实现对象;动画播放时间,等等。比如:弹出与关闭动画的实现通过下面变量showUpAnimation和closeAnimation来控制。其中变量showUpAnimation:表示弹出动画的实现对象;变量closeAnimation:表示关闭动画的实现对象。
优选地,在初始化PopoverController后和弹出popover窗口之前,都可以通过设置这两个变量来定制弹出和关闭动画。此外,还可以通过下面的变量来控制是否展示动画:showAnimation:表示是否展示弹出和关闭动画。
通常情况下,在弹出了popover窗口之后不能定制弹出的动画了,只有等到此次窗口关闭后,下次弹出前重新定制弹出的动画。但是,在弹出了popover窗口之后,还可以定制关闭动画。因为每次popover窗口弹出时展示的内容可能都不一样,所以有时候为了实现动画效果需要依据所展示的内容来设置动画参数。
同样地,对于无需太多动画设置的情况,可以通过预设的宏定义提供几套内置的动画,以便于开发者很方便的利用。
在某些场景下,弹出窗口可以采用不同的弹出和关闭动画效果,使界面更有动态效果。通过针对不同的Popover窗口设置相应的Popover窗口动画变量可以使得不同的Popover窗口具有不同的动画效果。而且,通过针对相同的Popover窗口设置不同的Popover窗口动画变量,即便是同一个Popover窗口的弹出和关闭动画也可以不同,因此广泛和灵活的设置Popover窗口动画变量可以扩大Popover窗口的实用范围。
也可以设置默认的Popover窗口动画变量,然后将该默认的Popover窗口动画变量封装为宏,从而便于开发者后续利用。类似地,也可以设置用户自定义的Popover窗口动画变量,并将这些用户自定义的窗口动画变量封装为宏。
步骤102:利用Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
在这里,首先基于在步骤101中设置的Popover窗口外观样式变量来绘制Popover窗口。比如:基于在步骤101中所设置的边框宽度、边框颜色、背景颜色、透明度、箭头高度等窗口外观样式变量绘制出符合这些变量的Popover窗口。然后再在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
在一个实施方式中,在展示窗口动画的过程中,可以进一步设置Popover窗口动画变量。此时,该方法进一步包括:在该Popover窗口中根据该进一步设置的Popover窗口动画变量更新展示所述窗口动画。
基于上述详细分析,本发明实施方式还提出了一种弹出式窗口的实现系统结构图。
图4为根据本发明实施方式的弹出式窗口的实现系统结构图。
如图4所示,该系统包括:变量设置单元401和窗口处理单元402,其中:
变量设置单元401,用于设置Popover窗口外观样式变量和Popover窗口动画变量;
窗口处理单元402,用于利用所述Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
在一个实施方式中,变量设置单元401,用于设置默认的Popover窗口外观样式变量;此时所述窗口处理单元402,用于利用默认的Popover窗口外观样式变量绘制出默认的Popover窗口。
在另一个实施方式中,变量设置单元401,用于设置用户自定义的Popover窗口外观样式变量,并将所述用户自定义的Popover窗口外观样式变量封装为宏。此时,窗口处理单元402,用于从所述宏中解析出用户自定义的Popover窗口外观样式变量,并利用所述用户自定义的Popover窗口外观样式变量绘制出用户自定义的Popover窗口。
综上所述,在本发明实施方式中,首先设置Popover窗口外观样式变量和Popover窗口动画变量;然后利用Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。由此可见,应用本发明实施方式之后,可以根据Popover窗口外观样式变量和Popover窗口动画变量对Popover的窗口外观和弹出关闭动画进行相应的设置和调节,从而增强了开发性能,提高了开发者的可操作性。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种弹出式窗口的实现方法,其特征在于,包括:
在酥饼Popover控件中设置Popover窗口外观样式变量和Popover窗口动画变量;
利用所述Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
2.根据权利要求1所述的弹出式窗口的实现方法,其特征在于,该方法进一步包括:在所述展示窗口动画的过程中,进一步设置Popover窗口动画变量;
在该Popover窗口中根据所述进一步设置的Popover窗口动画变量更新展示所述窗口动画。
3.根据权利要求1所述的弹出式窗口的实现方法,其特征在于,所述设置Popover窗口外观样式变量包括:设置默认的Popover窗口外观样式变量;其中
所述利用Popover窗口外观样式变量绘制Popover窗口包括:利用默认的Popover窗口外观样式变量绘制出默认的Popover窗口。
4.根据权利要求1所述的弹出式窗口的实现方法,其特征在于,所述设置Popover窗口外观样式变量包括:设置用户自定义的Popover窗口外观样式变量,并将所述用户自定义的Popover窗口外观样式变量封装为宏;其中:
所述利用Popover窗口外观样式变量绘制Popover窗口包括:从所述宏中解析出用户自定义的Popover窗口外观样式变量,并利用所述用户自定义的Popover窗口外观样式变量绘制出用户自定义的Popover窗口。
5.根据权利要求1所述的弹出式窗口的实现方法,其特征在于,所述Popover窗口外观样式变量包括下列中的任一项或多与两项的任意组合:
边框宽度;
边框颜色;
背景颜色;
透明度;
箭头高度;
箭头宽度;
箭头圆角设置。
6.根据权利要求1所述的弹出式窗口的实现方法,其特征在于,所述Popover窗口动画变量包括下列中的任一项或多与两项的任意组合:
是否展示弹出和关闭动画;
开始动画实现对象;
关闭动画实现对象;
动画播放时间。
7.一种弹出式窗口的实现系统,其特征在于,该系统包括变量设置单元和窗口处理单元,其中:
变量设置单元,用于设置Popover窗口外观样式变量和Popover窗口动画变量;
窗口处理单元,用于利用所述Popover窗口外观样式变量绘制Popover窗口,并在该绘制出的Popover窗口中根据所述Popover窗口动画变量展示窗口动画。
8.根据权利要求7所述的弹出式窗口的实现系统,其特征在于,
所述变量设置单元,用于设置默认的Popover窗口外观样式变量;
所述窗口处理单元,用于利用默认的Popover窗口外观样式变量绘制出默认的Popover窗口。
9.根据权利要求7所述的弹出式窗口的实现系统,其特征在于,
所述变量设置单元,用于设置用户自定义的Popover窗口外观样式变量,并将所述用户自定义的Popover窗口外观样式变量封装为宏;
所述窗口处理单元,用于从所述宏中解析出用户自定义的Popover窗口外观样式变量,并利用所述用户自定义的Popover窗口外观样式变量绘制出用户自定义的Popover窗口。
10.根据权利要求7所述的弹出式窗口的实现系统,其特征在于,所述Popover窗口外观样式变量包括下列中的任一项或多与两项的任意组合:
边框宽度;
边框颜色;
背景颜色;
透明度;
箭头高度;
箭头宽度;
箭头圆角设置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210029749.XA CN103246502B (zh) | 2012-02-10 | 2012-02-10 | 一种弹出式窗口的实现方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210029749.XA CN103246502B (zh) | 2012-02-10 | 2012-02-10 | 一种弹出式窗口的实现方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103246502A true CN103246502A (zh) | 2013-08-14 |
CN103246502B CN103246502B (zh) | 2016-05-25 |
Family
ID=48926037
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210029749.XA Active CN103246502B (zh) | 2012-02-10 | 2012-02-10 | 一种弹出式窗口的实现方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103246502B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105373520A (zh) * | 2015-10-13 | 2016-03-02 | 金蝶软件(中国)有限公司 | 设置控件样式属性的方法和装置 |
CN107450925A (zh) * | 2017-07-31 | 2017-12-08 | 北京酷我科技有限公司 | 一种Mac下自定义弹窗控件的方法 |
CN108089860A (zh) * | 2017-12-28 | 2018-05-29 | 大唐软件技术股份有限公司 | 一种菜单选择器及弹出式菜单生成控制方法和装置 |
CN108933969A (zh) * | 2018-07-25 | 2018-12-04 | 深圳市茁壮网络股份有限公司 | 一种实现数字电视视频动画的方法及系统 |
CN109670127A (zh) * | 2015-12-16 | 2019-04-23 | 北京奇虎科技有限公司 | 浏览器、实现弹出提示窗的方法及系统 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070101287A1 (en) * | 2005-11-03 | 2007-05-03 | International Business Machines Corporation | Pop-up windows in a computer system |
CN102163125A (zh) * | 2010-02-19 | 2011-08-24 | 株式会社东芝 | 指南显示装置和指南显示方法 |
-
2012
- 2012-02-10 CN CN201210029749.XA patent/CN103246502B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070101287A1 (en) * | 2005-11-03 | 2007-05-03 | International Business Machines Corporation | Pop-up windows in a computer system |
CN102163125A (zh) * | 2010-02-19 | 2011-08-24 | 株式会社东芝 | 指南显示装置和指南显示方法 |
Non-Patent Citations (1)
Title |
---|
陈刚等: "基于MFC应用程序的对话框上的ToolTip实现", 《现代计算机(专业版)》 * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105373520A (zh) * | 2015-10-13 | 2016-03-02 | 金蝶软件(中国)有限公司 | 设置控件样式属性的方法和装置 |
CN109670127A (zh) * | 2015-12-16 | 2019-04-23 | 北京奇虎科技有限公司 | 浏览器、实现弹出提示窗的方法及系统 |
CN107450925A (zh) * | 2017-07-31 | 2017-12-08 | 北京酷我科技有限公司 | 一种Mac下自定义弹窗控件的方法 |
CN108089860A (zh) * | 2017-12-28 | 2018-05-29 | 大唐软件技术股份有限公司 | 一种菜单选择器及弹出式菜单生成控制方法和装置 |
CN108933969A (zh) * | 2018-07-25 | 2018-12-04 | 深圳市茁壮网络股份有限公司 | 一种实现数字电视视频动画的方法及系统 |
CN108933969B (zh) * | 2018-07-25 | 2021-02-09 | 深圳市茁壮网络股份有限公司 | 一种实现数字电视视频动画的方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN103246502B (zh) | 2016-05-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104731584B (zh) | 一种开放式数控系统人机界面可定制的组态设计方法 | |
CN106484396B (zh) | 夜间模式切换方法、装置和终端设备 | |
CN103246502A (zh) | 一种弹出式窗口的实现方法和系统 | |
KR101169374B1 (ko) | 스마트 기기용 키패드 표시 방법 | |
CN107704177A (zh) | 界面显示方法、装置及终端 | |
US20120044045A1 (en) | Electronic device and casing color changing method thereof | |
US10728623B2 (en) | Editing timed-text elements | |
CN102932694B (zh) | 智能网络电视界面显示方法和装置 | |
CN104360798A (zh) | 一种桌面布局的方法和终端 | |
CN102541554B (zh) | 一种输入框动态透明显示特效实现方法 | |
WO2013182089A1 (zh) | 一种悬浮对象的实现方法与装置 | |
CN102880385A (zh) | 界面显示方法及界面显示装置 | |
CN104750405A (zh) | 一种分屏显示方法及其装置 | |
CN105320391A (zh) | 一种调整待机界面显示效果的方法及终端 | |
CN110569096B (zh) | 去代码化制作人机交互界面的系统、方法、介质及设备 | |
CN106484432A (zh) | 一种进度条定制方法、装置及进度条 | |
CN105117232A (zh) | 用户界面文字图片生成方法及系统 | |
CN104866182A (zh) | 一种图片数据的移动方法及移动终端 | |
CN102736906A (zh) | 在个人终端上实现多种操作界面切换和管理的方式 | |
CN103150198B (zh) | 一种组态软件的显示方法 | |
CN106873876A (zh) | 一种动态切换Android系统输入法的弹出模式的方法 | |
CN102999340A (zh) | 一种输入法界面的编辑方法及装置 | |
CN103248919B (zh) | 一种iptv系统 | |
US20160070427A1 (en) | Styling system | |
CN103472972A (zh) | 一种移动终端的文本显示格式设置装置及方法、移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |