CN103092606B - 移动终端弹出框的显示和隐藏方法及系统 - Google Patents
移动终端弹出框的显示和隐藏方法及系统 Download PDFInfo
- Publication number
- CN103092606B CN103092606B CN201210564090.8A CN201210564090A CN103092606B CN 103092606 B CN103092606 B CN 103092606B CN 201210564090 A CN201210564090 A CN 201210564090A CN 103092606 B CN103092606 B CN 103092606B
- Authority
- CN
- China
- Prior art keywords
- picture
- texture
- screen
- dialog box
- display
- 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.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 19
- 230000000694 effects Effects 0.000 abstract description 2
- 238000004321 preservation Methods 0.000 description 9
- 230000009471 action Effects 0.000 description 5
- 230000001427 coherent effect Effects 0.000 description 4
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000010009 beating Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Abstract
本发明涉及移动终端弹出框的显示和隐藏方法及系统。所述方法包括：A.通过触发进行对话框操作，述对话框操作包括显示操作或隐藏操作；B.将对话框显示内容整体保存为第一图片；C.设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片；D．将所述纹理图片通过动画方式移出或移入屏幕。所述系统包括与所述方法各步骤相对应的模块。采用本发明的移动终端弹出框的显示和隐藏方法及系统，通过3D动画的方式显示和隐藏对话框，丰富了对话框的显示效果，提高了用户体验。
Description
技术领域
本发明涉及移动终端的显示方法，更具体地说，涉及移动终端的弹出框的显示及隐藏的操作方法及系统。
背景技术
对话框是人机交互的主要载体，用户通过对话框的显示内容获取终端信息。现有的对话框都是以弹出对话框的方式，直接在当前页面上叠加显示。本质上而言，是在当前页面的基础上增加一个显示对话框的图层，属于简单的2D叠加，其显示效果单调，趣味性不足，用户体验不高。
发明内容
本发明要解决的技术问题在于，针对现有技术的上述现有对话框显示方式中简单的二维叠加造成的显示结果单调的缺陷，提供一种利用动画方式显示和隐藏对话框的操作方法和系统。
本发明解决其技术问题所采用的技术方案是：构造一种移动终端弹出框的显示和隐藏方法，其特征在于，所述方法包括：
A.通过触发进行对话框操作，述对话框操作包括显示操作或隐藏操作；
B.将对话框显示内容整体保存为第一图片；
C.设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片；
D.将所述纹理图片通过动画方式移出或移入屏幕。
进一步地，进行所述对话框显示操作时，所述步骤B还包括：
b1.保存当前页面为第二图片
进一步地，所述纹理图片还包括与第二图片对应的第二纹理图片。
进一步地，所述步骤D进一步包括：
D1.将第一纹理图片沿靠近屏幕的方向移入屏幕；
D2.将第二纹理图片沿远离屏幕的方向移出屏幕；
其中，所述移入与移出同步进行。
进一步地，进行所述对话框隐藏操作时，所述步骤B还包括：
b2.保存后台页面为第二图片
进一步地，所述纹理图片还包括与第二图片对应的第二纹理图片。
进一步地，所述步骤D进一步包括：
D1.将第二纹理图片沿靠近屏幕的方向移入屏幕；
D2.将第一纹理图片沿远离屏幕的方向移出屏幕；
其中，所述移入与移出同步进行。
此外，本发明还提供一种移动终端弹出框的显示和隐藏系统，其特征在于，所述系统包括：
触发模块，用于通过触发进行对话框操作，所述对话框操作包括显示操作或隐藏操作；
图片保存模块，用于将对话框显示内容整体保存为第一图片，还用于将后台页面或当前显示页面保存为第二图片；
纹理图片设置模块，用于设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片以及与第二图片对应的第二纹理图片；
纹理图片操作模块，用于将所述纹理图片通过动画方式移出或移入屏幕。
进一步地，进行显示操作时，
所述图片保存模块保存当前页面为第二图片；
所述纹理图片操作模块将第一纹理图片沿靠近屏幕的方向移入屏幕，将第二纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出同步进行。
进一步地，进行隐藏操作时，
所述图片保存模块保存后台页面为第二图片；
所述纹理图片操作模块将第二纹理图片沿靠近屏幕的方向移入屏幕，将第一纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出同步进行。
实施本发明的移动终端弹出框的显示和隐藏方法及系统，具有以下有益效果：将当前显示的页面与即将显示的页面分别制成3D图层，以动画的方式进行切换，明显增加了对话框显示过程的趣味性，提高了用户体验。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1是本发明移动终端弹出框操作方法的第一实施例的流程图；
图2是本发明移动终端弹出框操作系统的第一实施例的结构示意图。
具体实施方式
实施例一
如图1所示，在本发明的移动终端弹出框操作方法实施例中，所述方法包括：
S101.通过触发进行对话框操作，述对话框操作包括显示操作或隐藏操作。
用户使用移动终端如手机、平板电脑等的过程中，通过点击触摸屏或按键操作等选择显示对话框，例如打开对话框，或是选择隐藏对话框，例如最小化对话框或关闭所述对话框。
S102.将对话框显示内容整体保存为第一图片。
对于用户进行打开等显示对话框操作时，终端对显示的当前页面进行截屏保存为第二图片；在后台对所述对话框进行预览并将预览的对话框显示内容整体保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片。
对于用户进行最小化或关闭等隐藏对话框操作时，当前显示的内容即为对话框内容，因此将当前显示的对话框内容整体进行截屏保存以图片格式保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片；终端还对后台页面进行预览截屏保存为一张图片，即第二图片，第二图片的格式包括.bmp、.jpg等格式。
S103.设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片。所述纹理图片还包括与第二图片对应的第二纹理图片。所述纹理图片的宽度和高度需要遵循一定的标准，例如64x64,128x128,256x128,128x256,256x256.宽和高最好是2的n次幂。
设置3D纹理图片的具体步骤包括：产生纹理；绑定纹理；设置纹理参数；纹理关联图像数据。
S104.将所述纹理图片通过动画方式移出和/或移入屏幕。
用户进行显示对话框操作时，以动画方式(所述动画方式是指所述纹理图片以连贯的动作靠近或远离屏幕)同步进行以下两个步骤：
将第一纹理图片沿靠近屏幕的方向移入屏幕；
将第二纹理图片沿远离屏幕的方向移出屏幕。
完成上述纹理图片的移入和移出之后，动画结束，屏幕页面停留在动画最后一帧，即显示对话框内容。
用户进行隐藏对话框操作时，以动画方式同步进行以下两个步骤：
将第二纹理图片沿靠近屏幕的方向移入屏幕；
将第一纹理图片沿远离屏幕的方向移出屏幕。
完成上述纹理图片的移入和移出之后，动画结束，屏幕页面停留在动画最后一帧，即显示后台页面内容。
在图2示出的本发明的移动终端弹出框操作系统实施例中，所述系统包括：
触发模块201，用于通过触发进行对话框操作，所述对话框操作包括显示操作或隐藏操作。用户使用移动终端如手机、平板电脑等的过程中，通过点击触摸屏或按键操作等选择显示对话框，例如打开对话框，或是选择隐藏对话框，例如最小化对话框或关闭所述对话框。
图片保存模块202，用于将对话框显示内容整体保存为第一图片，还用于将后台页面或当前显示页面保存为第二图片。对于用户进行打开等显示对话框操作时，终端对显示的当前页面进行截屏保存为第二图片；在后台对所述对话框进行预览并将预览的对话框显示内容整体保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片；对于用户进行最小化或关闭等隐藏对话框操作时，当前显示的内容即为对话框内容，因此将当前显示的对话框内容整体进行截屏保存以图片格式保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片；终端还对后台页面进行预览截屏保存为一张图片，即第二图片，第二图片的格式包括.bmp、.jpg等格式。
纹理图片设置模块203，用于设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片以及与第二图片对应的第二纹理图片。所述纹理图片还包括与第二图片对应的第二纹理图片。所述纹理图片的宽度和高度需要遵循一定的标准，例如64x64,128x128,256x128,128x256,256x256.宽和高最好是2的n次幂。设置3D纹理图片的具体步骤包括：产生纹理；绑定纹理；设置纹理参数；纹理关联图像数据。
纹理图片操作模块204，用于将所述纹理图片通过动画方式(所述动画方式是指所述纹理图片以连贯的动作靠近或远离屏幕)移出或移入屏幕。
进行显示操作时，
所述图片保存模块保存当前页面为第二图片；
所述纹理图片操作模块将第一纹理图片沿靠近屏幕的方向移入屏幕，将第二纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出以动画方式同步进行。完成上述纹理图片的移入和移出之后，动画结束，屏幕页面停留在动画最后一帧，即显示对话框内容。
进行隐藏操作时，
所述图片保存模块保存后台页面为第二图片；
所述纹理图片操作模块将第二纹理图片沿靠近屏幕的方向移入屏幕，将第一纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出以动画方式同步进行。完成上述纹理图片的移入和移出之后，动画结束，屏幕页面停留在动画最后一帧，即显示后台页面内容。所述动画方式是指所述纹理图片以连贯的动作靠近或远离屏幕。
实施例二
与实施例一的不同之处在于，本实施例的方法中只涉及第一图片与第一纹理图片。
即在步骤S102将对话框显示内容整体保存为第一图片。
对于用户进行打开等显示对话框操作时，在后台对所述对话框进行预览并将预览的对话框显示内容整体保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片。
对于用户进行最小化或关闭等隐藏对话框操作时，当前显示的内容即为对话框内容，因此将当前显示的对话框内容整体进行截屏保存以图片格式保存为一张图片，保存的图片格式包括.bmp、.jpg等格式，该图片即为第一图片。
S103.设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片。所述纹理图片的宽度和高度需要遵循一定的标准，例如64x64,128x128,256x128,128x256,256x256.宽和高最好是2的n次幂。
设置3D纹理图片的具体步骤包括：产生纹理；绑定纹理；设置纹理参数；纹理关联图像数据。
在步骤S104将所述纹理图片通过动画方式移出或移入屏幕。
用户进行显示对话框操作时，以动画方式(所述动画方式是指所述纹理图片以连贯的动作靠近或远离屏幕)将第一纹理图片沿靠近屏幕的方向移入屏幕。完成上述纹理图片的移入之后，动画结束，屏幕页面停留在动画最后一帧，即显示对话框内容。
用户进行隐藏对话框操作时，以动画方式(所述动画方式是指所述纹理图片以连贯的动作靠近或远离屏幕)将第一纹理图片沿远离屏幕的方向移出屏幕。完成上述纹理图片的移出之后，动画结束，屏幕页面停留在动画最后一帧，即显示当前背景页面内容。
同理在本实施例中，所述系统中也只涉及第一图片和第一纹理图片。
以上所述仅为本发明的优选实施例，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的权利要求范围之内。
Claims (2)
1.一种移动终端弹出框的显示和隐藏方法，其特征在于，所述方法包括：
A.通过触发进行对话框操作，所述对话框操作包括显示操作或隐藏操作；
B.将对话框显示内容整体保存为第一图片；
C.设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片；其中，设置3D纹理图片包括：产生纹理、绑定纹理、设置纹理参数、纹理关联图像数据；
D.将所述纹理图片通过动画方式移出和/或移入屏幕；
进行所述对话框显示操作时，所述步骤B还包括：b1.保存当前页面为第二图片；步骤C所述纹理图片还包括与第二图片对应的第二纹理图片；进行所述对话框隐藏操作时，所述步骤B还包括：b2.保存后台页面为第二图片；步骤C所述纹理图片还包括与第二图片对应的第二纹理图片；
进行所述对话框显示操作时，所述步骤D进一步包括：D1.将第一纹理图片沿靠近屏幕的方向移入屏幕；D2.将第二纹理图片沿远离屏幕的方向移出屏幕；其中，所述移入与移出同步进行；进行所述对话框隐藏操作时，所述步骤D进一步包括：D1.将第二纹理图片沿靠近屏幕的方向移入屏幕；D2.将第一纹理图片沿远离屏幕的方向移出屏幕；其中，所述移入与移出同步进行。
2.一种移动终端弹出框的显示和隐藏系统，其特征在于，所述系统包括：
触发模块，用于通过触发进行对话框操作，所述对话框操作包括显示操作或隐藏操作；
图片保存模块，用于将对话框显示内容整体保存为第一图片，还用于将后台页面或当前显示页面保存为第二图片；
纹理图片设置模块，用于设置3D纹理图片，所述纹理图片包括与第一图片对应的第一纹理图片以及与第二图片对应的第二纹理图片；其中，设置3D纹理图片包括：产生纹理、绑定纹理、设置纹理参数、纹理关联图像数据；
纹理图片操作模块，用于将所述纹理图片通过动画方式移出或移入屏幕；
其中，进行显示操作时，所述图片保存模块保存当前页面为第二图片；所述纹理图片操作模块将第一纹理图片沿靠近屏幕的方向移入屏幕，将第二纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出同步进行；
进行隐藏操作时，所述图片保存模块保存后台页面为第二图片；所述纹理图片操作模块将第二纹理图片沿靠近屏幕的方向移入屏幕，将第一纹理图片沿远离屏幕的方向移出屏幕，所述移入与移出同步进行。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210564090.8A CN103092606B (zh) | 2012-12-21 | 2012-12-21 | 移动终端弹出框的显示和隐藏方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210564090.8A CN103092606B (zh) | 2012-12-21 | 2012-12-21 | 移动终端弹出框的显示和隐藏方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103092606A CN103092606A (zh) | 2013-05-08 |
| CN103092606B true CN103092606B (zh) | 2017-02-08 |
Family
ID=48205217
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210564090.8A Expired - Fee Related CN103092606B (zh) | 2012-12-21 | 2012-12-21 | 移动终端弹出框的显示和隐藏方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103092606B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107015786B (zh) * | 2016-09-28 | 2020-06-30 | 阿里巴巴集团控股有限公司 | 一种信息展示方法和装置 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101266520A (zh) * | 2008-04-18 | 2008-09-17 | 黄晓凤 | 一种可实现灵活键盘布局的系统 |
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
| CN102255820A (zh) * | 2010-05-18 | 2011-11-23 | 腾讯科技（深圳）有限公司 | 即时通讯方法和装置 |
| CN102298574A (zh) * | 2010-06-24 | 2011-12-28 | 腾讯科技（北京）有限公司 | 自定义报表生成方法及装置 |
| CN102402381A (zh) * | 2010-08-23 | 2012-04-04 | Lg电子株式会社 | 移动终端和用于控制移动终端的方法 |
| CN102546919A (zh) * | 2010-12-30 | 2012-07-04 | 上海三旗通信科技股份有限公司 | 手机上实现窗帘特效的方法 |
| CN102654820A (zh) * | 2011-03-04 | 2012-09-05 | 联想(北京)有限公司 | 显示装置、显示方法及电子设备 |
-
2012
- 2012-12-21 CN CN201210564090.8A patent/CN103092606B/zh not_active Expired - Fee Related
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101266520A (zh) * | 2008-04-18 | 2008-09-17 | 黄晓凤 | 一种可实现灵活键盘布局的系统 |
| CN102255820A (zh) * | 2010-05-18 | 2011-11-23 | 腾讯科技（深圳）有限公司 | 即时通讯方法和装置 |
| CN102298574A (zh) * | 2010-06-24 | 2011-12-28 | 腾讯科技（北京）有限公司 | 自定义报表生成方法及装置 |
| CN102402381A (zh) * | 2010-08-23 | 2012-04-04 | Lg电子株式会社 | 移动终端和用于控制移动终端的方法 |
| CN102546919A (zh) * | 2010-12-30 | 2012-07-04 | 上海三旗通信科技股份有限公司 | 手机上实现窗帘特效的方法 |
| CN102654820A (zh) * | 2011-03-04 | 2012-09-05 | 联想(北京)有限公司 | 显示装置、显示方法及电子设备 |
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103092606A (zh) | 2013-05-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104090979B (zh) | 一种网页编辑方法及装置 | |
| CN110465097B (zh) | 游戏中的角色立绘显示方法及装置、电子设备、存储介质 | |
| CN104750490B (zh) | 界面动画实现方法及系统 | |
| CN102194443B (zh) | 视频画中画窗口的显示方法、系统及视频处理设备 | |
| CN103903292B (zh) | 一种实现头像编辑界面的方法和系统 | |
| EP2629265A1 (en) | Method and system for driving simulated virtual environments with real data | |
| CN111612873B (zh) | Gif图片生成方法、装置及电子设备 | |
| US20150286364A1 (en) | Editing method of the three-dimensional shopping platform display interface for users | |
| CN105068748A (zh) | 触屏智能设备的摄像头实时画面中用户界面交互方法 | |
| KR101656167B1 (ko) | 애니메이션 재생 방법, 장치, 기기, 프로그램 및 기록매체 | |
| CN106104633A (zh) | 面部表情和/或交互驱动的化身装置和方法 | |
| CN105389090B (zh) | 游戏交互界面显示的方法及装置、移动终端和电脑终端 | |
| DE202011109296U1 (de) | Vorrichtung zur Bereitstellung eines visuellen Übergangs zwischen Bildschirmen | |
| CN105797380B (zh) | 移动终端游戏中实现群组成员间信息交互的方法和系统 | |
| CN106030485A (zh) | 具有展开面板的图形用户界面 | |
| CN102768625B (zh) | Windows用户界面的换肤方法和装置 | |
| CN102279692A (zh) | 拖拽对象时实现预览的方法、客户端 | |
| CN103092606B (zh) | 移动终端弹出框的显示和隐藏方法及系统 | |
| CN101976195B (zh) | 一种设置用户界面的方法及装置 | |
| CN106331690A (zh) | 一种3d弹幕的实现方法以及实现装置 | |
| CN105719335B (zh) | 一种地图图像渲染方法、装置以及车载终端 | |
| CN110503707A (zh) | 一种真人动作捕捉实时动画系统及其方法 | |
| CN108733447B (zh) | 一种视频详情页面动画展开算法 | |
| GB2404300A (en) | Compositing and temporally editing clips of image data | |
| Farrugia et al. | Cell phone mini challenge: Node-link animation award animating multivariate dynamic social networks |
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 | ||
| CP01 | Change in the name or title of a patent holder | ||
| CP01 | Change in the name or title of a patent holder |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20170208 |