跨平台同步方法与系统的制作方法
【技术领域】
[0001]本发明涉及计算机技术，具体涉及一种跨平台的用户界面设计中的同步方法与系统。
【背景技术】
[0002]随着互联网和移动互联网的发展，游戏产业正日益壮大。传统的游戏开发工具多只能开发适用于单个系统的游戏，而为了提高开发效率，跨平台游戏开发工具应运而生，如国外的U3D使用脚本和内建虚拟机执行，实现了跨平台游戏的开发功能，国内的Cyclone也采用C++版本进行游戏开发，实现了快速从Android游戏移植到1S或者Windows的平台下的功能。
[0003]UI即User Interface (用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。要实现游戏开发工具的跨平台开发工作，其中要解决的一个重要问题就是开发工具中的UI编辑器的跨平台工作问题。因为不同的平台下UI编辑器是使用不同的平台API来绘图UI效果的，为此需要单独编写相关程序来实现相应功能，但这样比较耗费开发时间。
[0004]目前可以选择使用跨平台的UI框架工具GTK为UI编辑器提供UI效果。GTK(GIMP Toolkit)是一套源码以LGPL许可协议分发、跨平台的图形工具包，作为图形用户界面(⑶I)工具包，GTK支持创建基于⑶I的应用程序，目前已成为功能强大、设计灵活的通用图形库，是GNU/Linux下开发图形界面的应用程序的主流开发工具之一。
[0005]在MAC下，GTK只能调用系统API来绘图简单的图形，无法提供游戏渲染绘图，为此将GTK和OPENGL整合在一起来实现渲染效果和UI界面效果的结合，即在GTK所形成的UI界面内单独运行一个调用OPENGL来生成渲染效果的窗口。OpenGL是行业领域中最为广泛接纳的2D/3D图形API，其自诞生至今已催生了各种计算机平台及设备上的数千优秀应用程序。OpenGL是独立于视窗操作系统或其它操作系统的，帮助程序员实现在PC、工作站、超级计算机等硬件设备上的高性能、极具冲击力的高视觉表现力图形处理软件的开发，使用OpenGL进行图形渲染，可以让移动设备的GPU性能发挥到极致。
[0006]在某些情况下，比如当拖动整个UI编辑器的时候，GTK的UI界面会进行拖动，而GTK上预留的空白区域也会随之移动，但是调OPENGL的渲染窗口却不会移动，因此该窗口可能会覆盖住UI界面上的某些按钮而无法进行相应的操作。再比如调整UI编辑器变小的时候，GTK上预留的空白区域也会随之变小，而调用OPENGL的渲染窗口的大小依然不变，有可能会覆盖住UI界面上的某些按钮而无法进行相应的操作。特别是在MAC系统下，用户调整跨平台游戏开发工具的UI界面时，比如用户移动UI界面窗口或者改变UI界面窗口的面积，GTK会根据用户的调整来改变自身的窗口，但是OPENGL进行游戏渲染的窗口独立于GTK的控制，因此该窗口不会随着调整而做出同步的改变，导致整个UI界面上的一些功能受到影响无法工作，并且整个UI界面也非常不美观和友好，无法让开发人员继续进行工作。
[0007]因此，需要解决OPENGL窗口和GTK的UI界面不能同步变化的问题，导致在设计时最初的UI设计初衷无法很好地表现甚至无法实现，进而降低用户满意度，实需要改善。
【发明内容】
[0008]本发明的目的是提供于跨平台的用户界面设计中的同步方法与系统，
为了实现上述目的，本发明采用的技术方案是
一种跨平台的同步方法，其中，包括:
设置第一显示区域，
设置第二显示区域；
同步模块将第一显示区域的显示对象同步到该第二显示区域内。
[0009]所述的同步方法，其中，该同步模块对第一显示区域的记录有一间隔时间；该同步模块对第二显示区域的显示有一刷新时间；该间隔时间与刷新时间的范围为0-0.5秒。
[0010]所述的同步方法，其中，该间隔时间与刷新时间的延迟时间范围为0-0.5秒。
[0011]所述的同步方法，其中，该间隔时间、刷新时间以及延迟时间为0.1秒。
[0012]所述的同步方法，其中，该显示对象为坐标值、面积值、颜色值、纹理值或渲染值。
[0013]一种跨平台的同步系统，其中，该系统包括:
第一显示区域，
第二显示区域；
同步模块，与第一显示区域以及第二显示区域相连，该同步模块将第一显示区域的显示对象同步到该第二显示区域内。
[0014]所述的同步系统，其中，该同步模块对第一显示区域的记录有一间隔时间；该同步模块对第二显示区域的显示有一刷新时间；该间隔时间与刷新时间的范围为0-0.5秒。
[0015]所述的同步系统，其中，该间隔时间与刷新时间的延迟时间范围为0-0.5秒。
[0016]所述的同步系统，其中，该间隔时间、刷新时间以及延迟时间为0.1秒。
[0017]所述的同步系统，其中，该显示对象为坐标值、面积值、颜色值、纹理值或渲染值。
[0018]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书中所特别指出的结构来实现和获得。
[0019]下面通过实施例，对本发明的技术方案做进一步的详细描述。
[0020]
【具体实施方式】
[0021]下面对本发明作进一步详细的说明。
[0022]
【实施例1】
一种跨平台的同步方法，其中，包括:设置第一显示区域，设置第二显示区域；同步模块将第一显示区域的显示对象同步到该第二显示区域内。
[0023]该同步模块对第一显示区域的记录有一间隔时间；该同步模块对第二显示区域的显示有一刷新时间；该间隔时间与刷新时间的范围为0-0.5秒。该间隔时间与刷新时间的延迟时间范围为0-0.5秒，为了达到同步效果，必须要骗过人的眼睛。该间隔时间、刷新时间以及延迟时间最佳为0.1秒。
[0024]该显示对象为坐标值、面积值、颜色值、纹理值或渲染值。
[0025]【实施例2】
一种跨平台的同步系统，其中，该系统包括:第一显示区域，第二显示区域；同步模块，与第一显示区域以及第二显示区域相连，该同步模块将第一显示区域的显示对象同步到该第二显示区域内。
[0026]该同步模块对第一显示区域的记录有一间隔时间；该同步模块对第二显示区域的显示有一刷新时间；该间隔时间与刷新时间的范围为0-0.5秒。该间隔时间与刷新时间的延迟时间范围为0-0.5秒，为了达到同步效果，必须要骗过人的眼睛。该间隔时间、刷新时间以及延迟时间为0.1秒。
[0027]该显示对象为坐标值、面积值、颜色值、纹理值或渲染值。
[0028]【实施例3】
以苹果电脑系统为例(MAC系统)，首先，GTK调用MAC系统自身的API来绘制UI编辑器的UI界面，在绘制好的UI界面上GTK会预留第一显示区域。该第一显示区域为一个空白区域，该空白区域是矩形形状。
[0029]在UI编辑器的后台设有一个同步模块，每隔一段时间记录第一显示区域，该时间称为间隔时间。为了达到同步效果，必须要骗过人的眼睛，因此该间隔时间必须要小于0.5秒。该同步记录模块会根据间隔时间不断更新对第一显示区域的坐标值(比如选取矩形的中心二维坐标作为其坐标值)和面积值(比如屏幕的像素点数)等等的记录的显