CN107122177A - 界面展示方法及装置 - Google Patents

界面展示方法及装置 Download PDF

Info

Publication number
CN107122177A
CN107122177A CN201710208764.3A CN201710208764A CN107122177A CN 107122177 A CN107122177 A CN 107122177A CN 201710208764 A CN201710208764 A CN 201710208764A CN 107122177 A CN107122177 A CN 107122177A
Authority
CN
China
Prior art keywords
interface
interface element
drawn
code
design
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.)
Pending
Application number
CN201710208764.3A
Other languages
English (en)
Inventor
黄冠杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201710208764.3A priority Critical patent/CN107122177A/zh
Publication of CN107122177A publication Critical patent/CN107122177A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种界面展示方法及装置,属于计算机技术领域。所述方法包括:加载目标界面中的界面元素的界面绘制代码,界面绘制代码所绘制的界面元素的动态变化符合预设的设计描述文件,设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台;根据界面绘制代码在目标界面中绘制动态变化的界面元素。解决了现有技术中不同平台中界面元素的变化效果不同的问题;达到了不同平台的开发方均能识别设计描述文件,进而根据设计描述文件为界面元素编码变化效果一致的界面绘制代码,这样不同平台中在展示该界面元素时,该界面元素的变化效果一致的效果。

Description

界面展示方法及装置
技术领域
本发明实施例涉及计算机技术领域,特别涉及一种界面展示方法及装置。
背景技术
界面中通常会包括可以动态变化的界面元素,比如,可以包括弹出框、逐渐淡出或者逐渐展现的控件等等。
现有技术中,终端在展示界面时,终端获取界面中的界面元素的变化描述信息,该变化描述信息为根据动图设置的信息,该动图用于表示该界面元素的动态变化效果;根据变化描述信息展示该界面元素。
由于不同平台的开发者在查看到动图之后,其开发得到的该界面元素的变化效果只是贴近动图中的变化而并不能完全一致,因此这就导致同一界面元素在同一程序的不同平台中的变化效果不同。
发明内容
为了解决现有技术中存在的问题,本发明实施例提供了一种界面展示方法及装置。技术方案如下:
根据本发明实施例的第一方面,提供一种界面展示方法,该方法包括:
加载目标界面中的界面元素的界面绘制代码,所述界面绘制代码所绘制的所述界面元素的动态变化符合预设的设计描述文件,所述设计描述文件中包括在坐标系中使用数学曲线来描述所述界面元素的变化参数随时间的变化的描述信息,所述设计描述文件适用于至少两个开发平台;
根据所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素。
根据本发明实施例的第二方面,提供一种界面展示装置,该装置包括:
加载模块,用于加载目标界面中的界面元素的界面绘制代码,所述界面绘制代码所绘制的所述界面元素的动态变化符合预设的设计描述文件,所述设计描述文件中包括在坐标系中使用数学曲线来描述所述界面元素的变化参数随时间的变化的描述信息,所述设计描述文件适用于至少两个开发平台;
绘制模块,用于根据所述加载模块加载得到的所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素。
本发明实施例提供的技术方案带来的有益效果是:
通过在需要展示目标界面中的界面元素时获取界面元素的界面绘制代码,根据该界面绘制代码在目标界面中绘制动态变化的界面元素。其中,该界面绘制代码所绘制的界面元素的动态变化符合预设的设计描述文件,该设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台;解决了现有技术中不同平台中界面元素的变化效果不同的问题;达到了不同平台的开发方均能识别设计描述文件,进而根据设计描述文件为界面元素编码变化效果一致的界面绘制代码,这样不同平台中在展示该界面元素时,该界面元素的变化效果一致的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明各个实施例提供的界面展示方法所涉及的实施环境的示意图;
图2是本发明一个实施例提供的界面展示方法的流程图;
图3是本发明一个实施例提供的贝塞尔曲线的示意图;
图4是本发明一个实施例提供的设计方向开发方提供的信息的示意图;
图5是本发明一个实施例提供的终端展示界面元素的示意图;
图6是本发明一个实施例提供的终端展示界面元素的另一示意图;
图7是本发明一个实施例提供的界面展示装置的示意图;
图8是本发明一个实施例提供的终端的示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
请参考图1,其示出了本发明各个实施例提供的界面展示方法所涉及的实施环境的示意图,如图1所示,该实施环境中可以包括设计方110、开发方120、后台服务器130和终端140。
设计方110是指设计界面元素的一方。此处所说的设计界面元素可以包括设计界面元素的展示节奏以及样式。界面元素是指在界面中展示的元素,并且在下述各个实施例中,界面元素是指在显示过程中可以变化的元素,此处所说的变化可以为位置的变化、透明度的变化或者大小的变化。比如,界面元素可以为大小不断增大的弹出框;又比如,界面元素还可以为逐渐淡出的控件;再比如,界面元素可以为逐渐展现的文字,本实施例对此并不做限定。实际实现时,设计方110可以为诸如台式电脑、笔记本电脑之类的终端,对此并不做限定。
开发方120是指根据设计方110提供的设计来开发程序的一方。开发方120可以有至少两个,且每个开发方对应于一种平台。比如,某一程序在Android(安卓)、IOS(苹果研发操作系统)以及H5(Hyper Text Markup Language5,超级文本标记语言第5版)三个平台中均发布,则此时,开发方120可以包括Android平台对应的开发方、IOS平台对应的开发方以及H5平台对应的开发方。实际实现时,开发方120可以为诸如台式电脑、笔记本电脑之类的终端。并且,实际实现时,每个平台的开发方开发的程序可以占用一台后台服务器,当然也可以为多个平台的开发方共用一台后台服务器,对此并不做限定。
后台服务器130是指用于为开发方120开发的程序提供后台服务的服务器。后台服务器130可以为一台也可以为由多台服务器组成的服务器集群,对此并不做限定。后台服务器130可以通过有线或者无线网络与终端140连接。
终端140是指使用开发方120开发的程序的终端,该终端140可以为诸如手机、平板电脑、台式电脑、笔记本电脑或者电子阅读器之类的终端,对此并不做限定。
请参考图2,其示出了本发明一个实施例提供的界面展示方法的方法流程图,本实施例以该界面展示方法用于图1所示的终端140中来举例说明。如图2所示,该界面展示方法可以包括:
步骤201,加载目标界面中的界面元素的界面绘制代码,界面绘制代码所绘制的界面元素的动态变化符合预设的设计描述文件,设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台。
设计方可以设计程序中的界面元素的变化效果,并根据该变化效果向开发方提供该变化效果的设计描述文件。设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台。设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数在预设时间段内随时间的变化的描述信息。设计描述文件可以包括表征变化效果的flinto文件、Priciple文件、Framer Studio文件或者OrigamiStudio文件,本实施例对此并不做限定,并且下述除特殊说明外,均以包括flinto文件来举例说明。
上述数学曲线可以为贝塞尔曲线(Bezier Curves)。
变化参数是指界面元素在变化过程中发生变化的参数,变化参数可以包括界面元素的透明度、界面元素的位置和界面元素的大小中的至少一种。比如,以界面元素为弹出框为例,弹出框在弹出过程中,位置和透明度均发生变化,则弹出框的变化参数包括位置和透明度;又比如,以界面元素为控件为例,控件在隐藏过程中,控件的透明度由100%不断减小至0%,因此控件的变化参数可以包括透明度。可选地,在界面元素为音频元素时,变化参数还可以包括音量,本实施例对此并不做限定。
预设时间段为界面元素从开始变化至结束变化所经历的时间段。比如,以界面元素为弹出框为例,弹出框从开始展示至完全弹出历经的时间段所需的时长为0.5s,则该预设时间段即为0.5s。另外,此处所说的开始变化至结束变化可以为从开始出现至完全出现,比如,从弹出框开始弹出至最终完全展示;也可以为从完全展示至消失的过程,比如,在页面切换时,切换前的界面中的控件从完全展示至完全消失,本实施例对此并不做限定。实际实现时,展示节奏可以包括变化参数和预设时间段内的各个时刻的对应关系。
设计描述文件中可以包括每个变化参数所对应描述信息。也即在变化参数包括界面元素的透明度时,该设计描述文件包括在坐标系中使用贝塞尔曲线来描述界面元素的透明度随时间的变化的第一描述信息;在变化参数包括界面元素的位置时,该设计描述文件包括在坐标系中使用贝塞尔曲线来描述界面元素的位置随时间的变化的第二描述信息;在变化参数包括界面元素的大小时,该设计描述文件包括在坐标系中使用贝塞尔曲线来描述界面元素的大小随时间的变化的第三描述信息。当然,在变化参数还可以包括其他内容时,该设计描述文件中还可以包括在坐标系中使用贝塞尔曲线来描述该变化参数随时间的变化的描述信息,本实施例对此并不做限定。贝塞尔曲线是设计方在输入设置的贝塞尔曲线的起始点的坐标、终止点的坐标、预设时间段和变化参数的参数值之后自动生成的曲线,起始点的坐标和结束点的坐标为设计方根据需要设计的界面元素的变化节奏预先设置的值,其用于限定贝塞尔曲线的变化趋势。实际实现时,生成的贝塞尔曲线的横坐标可以为界面元素从开始变化至结束变化的时间,纵坐标可以为变化参数随着时间的变化。比如,以界面元素为弹出框为例,弹出框在从开始展示至完全展示所需的时间为0.5s,则请参考图3,贝塞尔曲线的横坐标可以为0至0.5;弹出框在弹出过程中,弹出框的透明度从0%不断增加至100%,因此,结合图3,贝塞尔曲线的纵坐标在横坐标从0增加至0.5的过程中相应的从0%增加至100%。需要说明的是,不同变化参数所对应的贝塞尔曲线的变化趋势可以相同或者不同,本实施例对此并不做限定。
实际实现时,设计方还可以根据界面元素的变化效果生成该界面元素的展示视频,比如生成该展示视频所对应的mov文件。当然,设计方还可以根据展示视频进一步生成动图,如生成gif(graphics interchange format,图像互换格式)文件。此时设计描述文件中还可以包括上述mov文件、gif文件或者同时包括上述两者。
设计方向开发方提供设计描述文件时,设计方可以通过预设方式将该设计描述文件提供给开发方。其中,预设方式包括如下方式中的任一种:U盘拷贝、通过社交应用客户端发送和网盘共享。其中,当程序在多个平台中发布时,设计方还可以通过预设方式将该设计描述文件提供给多个开发方,其提供方式与上述类似,本实施例在此不再赘述。
由于设计方在设计界面元素时还可以设计界面元素的样式,因此,设计描述文件中还可以包括该界面元素的样式。比如,设计方设计样式之后,生成表征该样式的sketch文件,则该预设描述文件中包括该sketch文件,本实施例在此不再赘述。
可选地,设计方还可以将设计师署名、界面元素所属的分类、界面元素的名称以及用于描述界面元素的变化的描述信息提供给开发方。比如,假设界面元素为弹出框、变化参数为透明度,则请参考图4,设计方可以向开发方提供图4所示的内容。
开发方在得到设计方提供的设计描述文件之后,开发方可以按照该设计描述文件开发动态变化的界面元素的界面绘制代码,该界面绘制代码表示的界面元素的动态变化与设计描述文件中的界面元素的动态变化一致。其中,开发方在开发过程中,开发方可以通过贝塞尔曲线的相关函数来编码得到该界面绘制代码。其中,编写得到的相关函数中的各个参数的取值为设计描述文件中的贝塞尔曲线的各个参数的取值。比如,设计描述文件中的贝塞尔曲线的起始点坐标和终止点坐标分别为(0.38,0.1)和(0.38,0.1),也即该贝塞尔曲线可以描述为bezier(0.38,0.1,0.38,1),则在IOS平台中,开发方根据IOS平台的代码编写要求编写贝塞尔曲线的函数,该函数调用bezier(0.38,0.1,0.38,1)中的数值。实际实现时,基于平台对代码编写的要求的不同,不同平台的开发编写的相关函数的形式有所区别,本实施例对此并不做限定。当然,实际实现时,开发方还可以通过其他方式来编码得到该界面元素的界面绘制代码,其原则即为编码得到的界面绘制代码所绘制的界面元素的变化与设计描述文件中描述的界面元素的变化一致,本实施例对开发方使用的具体编码方式并不做限定。
在开发方程序开发完成,并将程序发布之后,终端即可使用该程序。在终端使用程序的过程中,当需要展示目标界面时,终端可以获取目标界面中的界面元素的界面绘制代码。可选地,当目标界面中的界面元素有至少两个时,终端可以获取每个界面元素的界面绘制代码。
步骤202,根据界面绘制代码,在目标界面中绘制变化参数随着时间变化的界面元素。
以界面元素包括弹出框为例,假设弹出框的变化效果为在0.2s内完全展示,且弹出框的大小在0.1s时变为0.5a,在0.2s时从0.5a变为a,则请参考图5,其示出了终端展示弹出框51时的示意图。图5仅以在0.1s和0.2s时弹出框的尺寸发生变化为例,实际实现时,弹出框的尺寸还可以随着时间的推移逐渐变化,本实施例对此并不做限定。
综上所述,本实施例提供的界面展示方法,通过在需要展示目标界面中的界面元素时获取界面元素的界面绘制代码,根据该界面绘制代码在目标界面中绘制动态变化的界面元素。其中,该界面绘制代码所绘制的界面元素的动态变化符合预设的设计描述文件,该设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台;解决了现有技术中不同平台中界面元素的变化效果不同的问题;达到了不同平台的开发方均能识别设计描述文件,进而根据设计描述文件为界面元素编码变化效果一致的界面绘制代码,这样不同平台中在展示该界面元素时,该界面元素的变化效果一致的效果。
需要说明的是,设计方还可以设计界面元素的某一变化参数延迟一定时间后变化,比如,延迟一定时间后出现,或者延迟一定时间后消失,因此,设计方向开发方提供的设计描述文件中还可以包括延迟时间。开发方根据设计描述文件编码得到界面绘制代码之后,该界面绘制代码中也相应的包括用于实现界面元素延迟的代码。也即终端获取界面元素的界面绘制代码之后,终端可以获取到该延迟时间。此后,上述步骤202可以替换为:根据界面绘制代码在延迟延迟时间后,在目标界面中绘制变化参数随着时间变化的界面元素。
比如,程序的开启界面中包括“欢”、“迎”、“回”和“来”四个元素,其中,“欢”的延迟时间为0,“迎”的延迟时间为0.1s、“回”的延迟时间为0.2s、“来”的延迟时间为0.3s,则在终端接收到开启该程序的触发信号之后,终端可以获取每个元素的变化描述信息,并且请参考图6,终端可以先展示“欢”,延迟0.1s后展示“迎”,继续延迟0.1s后展示“回”,继续延迟0.1s后展示“来”。
请参考图7,其示出了本发明一个实施例提供的界面展示装置的结构示意图,如图7所示,该界面展示装置可以包括:加载模块710和绘制模块720。
加载模块710,用于加载目标界面中的界面元素的界面绘制代码,所述界面绘制代码所绘制的所述界面元素的动态变化符合预设的设计描述文件,所述设计描述文件中包括在坐标系中使用数学曲线来描述所述界面元素的变化参数随时间的变化的描述信息,所述设计描述文件适用于至少两个开发平台;
绘制模块720,用于根据所述加载模块710加载得到的所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素。
综上所述,本实施例提供的界面展示装置,通过在需要展示目标界面中的界面元素时获取界面元素的界面绘制代码,根据该界面绘制代码在目标界面中绘制动态变化的界面元素。其中,该界面绘制代码所绘制的界面元素的动态变化符合预设的设计描述文件,该设计描述文件中包括在坐标系中使用数学曲线来描述界面元素的变化参数随时间的变化的描述信息,设计描述文件适用于至少两个开发平台;解决了现有技术中不同平台中界面元素的变化效果不同的问题;达到了不同平台的开发方均能识别设计描述文件,进而根据设计描述文件为界面元素编码变化效果一致的界面绘制代码,这样不同平台中在展示该界面元素时,该界面元素的变化效果一致的效果。
基于上述实施例提供的界面展示装置,可选的,所述数学曲线为贝塞尔曲线。
可选的,所述变化参数包括所述界面元素的透明度、所述界面元素的位置和所述界面元素的大小中的至少一种,所述设计描述文件包括:第一描述信息、第二描述信息和第三描述信息中的至少一种;
所述第一描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的透明度随时间的变化的信息;
所述第二描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的位置随时间的变化的信息;
所述第三描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的大小随时间的变化的信息。
可选的,所述界面绘制代码根据贝塞尔曲线函数编码得到的代码。
可选的,所述绘制模块720,还用于:
根据所述界面绘制代码,在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素;
其中,所述变化参数包括透明度、所述界面元素的位置和所述界面元素的大小中的至少一种。
可选的,所述绘制模块720,还用于:
在延迟所述延迟时间后,执行所述在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素的操作。
需要说明的是:上述实施例提供的界面展示装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将服务器的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的界面展示装置和界面展示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
本发明实施例还提供了一种计算机可读存储介质,该计算机可读存储介质可以是存储器中所包含的计算机可读存储介质;也可以是单独存在,未装配入终端中的计算机可读存储介质。该计算机可读存储介质存储有一个或者一个以上程序,该一个或者一个以上程序被一个或者一个以上的处理器用来执行上述界面展示方法。
图8其示出了本发明一个实施例提供的终端800的框图,该终端可以包括射频(RF,Radio Frequency)电路801、包括有一个或一个以上计算机可读存储介质的存储器802、输入单元803、显示单元804、传感器805、音频电路806、无线保真(WiFi,Wireless Fidelity)模块807、包括有一个或者一个以上处理核心的处理器808、以及电源809等部件。本领域技术人员可以理解,图8中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路801可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器808处理;另外,将涉及上行的数据发送给基站。通常,RF电路801包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM,Subscriber Identity Module)卡、收发信机、耦合器、低噪声放大器(LNA,Low Noise Amplifier)、双工器等。此外,RF电路801还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统(GSM,Global System of Mobile communication)、通用分组无线服务(GPRS,GeneralPacket Radio Service)、码分多址(CDMA,Code Division Multiple Access)、宽带码分多址(WCDMA,Wideband Code Division Multiple Access)、长期演进(LTE,Long TermEvolution)、电子邮件、短消息服务(SMS,Short Messaging Service)等。
存储器802可用于存储软件程序以及模块,处理器808通过运行存储在存储器802的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器802可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器802可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器802还可以包括存储器控制器,以提供处理器808和输入单元803对存储器802的访问。
输入单元803可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,在一个具体的实施例中,输入单元803可包括触敏表面以及其他输入设备。触敏表面,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器808,并能接收处理器808发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面,输入单元803还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元804可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元804可包括显示面板,可选的,可以采用液晶显示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic Light-Emitting Diode)等形式来配置显示面板。进一步的,触敏表面可覆盖显示面板,当触敏表面检测到在其上或附近的触摸操作后,传送给处理器808以确定触摸事件的类型,随后处理器808根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图8中,触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面与显示面板集成而实现输入和输出功能。
终端还可包括至少一种传感器805,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板的亮度,接近传感器可在终端移动到耳边时,关闭显示面板和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路806、扬声器,传声器可提供用户与终端之间的音频接口。音频电路806可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路806接收后转换为音频数据,再将音频数据输出处理器808处理后,经RF电路801以发送给比如另一终端,或者将音频数据输出至存储器802以便进一步处理。音频电路806还可能包括耳塞插孔,以提供外设耳机与终端的通信。
WiFi属于短距离无线传输技术,终端通过WiFi模块807可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图8示出了WiFi模块807,但是可以理解的是,其并不属于终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器808是终端的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器802内的软件程序和/或模块,以及调用存储在存储器802内的数据,执行终端的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器808可包括一个或多个处理核心;优选的,处理器808可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器808中。
终端还包括给各个部件供电的电源809(比如电池),优选的,电源可以通过电源管理系统与处理器808逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源809还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端中的处理器808会运行存储在存储器802中的一个或一个以上的程序指令,从而实现上述各个方法实施例中所提供的界面展示方法。
应当理解的是,在本文中使用的,除非上下文清楚地支持例外情况,单数形式“一个”(“a”、“an”、“the”)旨在也包括复数形式。还应当理解的是,在本文中使用的“和/或”是指包括一个或者一个以上相关联地列出的项目的任意和所有可能组合。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (12)

1.一种界面展示方法,其特征在于,所述方法包括:
加载目标界面中的界面元素的界面绘制代码,所述界面绘制代码所绘制的所述界面元素的动态变化符合预设的设计描述文件,所述设计描述文件中包括在坐标系中使用数学曲线来描述所述界面元素的变化参数随时间的变化的描述信息,所述设计描述文件适用于至少两个开发平台;
根据所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素。
2.根据权利要求1所述的方法,其特征在于,所述数学曲线为贝塞尔曲线。
3.根据权利要求2所述的方法,其特征在于,所述变化参数包括所述界面元素的透明度、所述界面元素的位置和所述界面元素的大小中的至少一种,所述设计描述文件包括:第一描述信息、第二描述信息和第三描述信息中的至少一种;
所述第一描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的透明度随时间的变化的信息;
所述第二描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的位置随时间的变化的信息;
所述第三描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的大小随时间的变化的信息。
4.根据权利要求2所述的方法,其特征在于,所述界面绘制代码是根据贝塞尔曲线函数编码得到的代码。
5.根据权利要求1至4任一所述的方法,其特征在于,所述根据所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素,包括:
根据所述界面绘制代码,在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素;
其中,所述变化参数包括透明度、所述界面元素的位置和所述界面元素的大小中的至少一种。
6.根据权利要求5所述的方法,其特征在于,所述设计描述文件还包括所述变化参数所对应的延迟时间;所述方法还包括:
在延迟所述延迟时间后,执行所述在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素的操作。
7.一种界面展示装置,其特征在于,所述装置包括:
加载模块,用于加载目标界面中的界面元素的界面绘制代码,所述界面绘制代码所绘制的所述界面元素的动态变化符合预设的设计描述文件,所述设计描述文件中包括在坐标系中使用数学曲线来描述所述界面元素的变化参数随时间的变化的描述信息,所述设计描述文件适用于至少两个开发平台;
绘制模块,用于根据所述加载模块加载得到的所述界面绘制代码在所述目标界面中绘制动态变化的所述界面元素。
8.根据权利要求7所述的装置,其特征在于,所述数学曲线为贝塞尔曲线。
9.根据权利要求8所述的装置,其特征在于,所述变化参数包括所述界面元素的透明度、所述界面元素的位置和所述界面元素的大小中的至少一种,所述设计描述文件包括:第一描述信息、第二描述信息和第三描述信息中的至少一种;
所述第一描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的透明度随时间的变化的信息;
所述第二描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的位置随时间的变化的信息;
所述第三描述信息是在坐标系中使用贝塞尔曲线来描述所述界面元素的大小随时间的变化的信息。
10.根据权利要求8所述的装置,其特征在于,所述界面绘制代码是根据贝塞尔曲线函数编码得到的代码。
11.根据权利要求7至10任一所述的装置,其特征在于,所述绘制模块,还用于:
根据所述界面绘制代码,在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素;
其中,所述变化参数包括透明度、所述界面元素的位置和所述界面元素的大小中的至少一种。
12.根据权利要求11所述的装置,其特征在于,所述绘制模块,还用于:
在延迟所述延迟时间后,执行所述在所述目标界面中绘制所述变化参数随着时间变化的所述界面元素的操作。
CN201710208764.3A 2017-03-31 2017-03-31 界面展示方法及装置 Pending CN107122177A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710208764.3A CN107122177A (zh) 2017-03-31 2017-03-31 界面展示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710208764.3A CN107122177A (zh) 2017-03-31 2017-03-31 界面展示方法及装置

Publications (1)

Publication Number Publication Date
CN107122177A true CN107122177A (zh) 2017-09-01

Family

ID=59724771

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710208764.3A Pending CN107122177A (zh) 2017-03-31 2017-03-31 界面展示方法及装置

Country Status (1)

Country Link
CN (1) CN107122177A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109872212A (zh) * 2017-12-05 2019-06-11 阿里巴巴集团控股有限公司 一种用于互联网平台商品数据信息联动的方法和装置
CN109992266A (zh) * 2017-12-29 2019-07-09 阿里巴巴集团控股有限公司 一种界面元素的处理方法和装置
CN110069310A (zh) * 2019-04-23 2019-07-30 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN112114779A (zh) * 2020-08-26 2020-12-22 北京奇艺世纪科技有限公司 动效对象的处理方法、系统、装置、电子设备和存储介质
CN113298916A (zh) * 2020-07-14 2021-08-24 阿里巴巴集团控股有限公司 用于调整曲线的交互方法、装置和电子设备

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110131521A1 (en) * 2009-12-02 2011-06-02 Samsung Electronics Co., Ltd. Method and apparatus for providing user interface

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110131521A1 (en) * 2009-12-02 2011-06-02 Samsung Electronics Co., Ltd. Method and apparatus for providing user interface

Non-Patent Citations (5)

* Cited by examiner, † Cited by third party
Title
DESIGNWILL: "https://www.zhihu.com/question/19688700", 《做移动应用有什么好的原型工具?》 *
ECLIPSE_XU: "https://www.jianshu.com/p/55c721887568", 《贝塞尔曲线开发的艺术》 *
WWW.UI.CN: "https://www.ui.cn/detail/58737.html", 《贝塞尔曲线-弹性动画》 *
保安队长: "https://www.ui.cn/detail/114704.html", 《SKETCH+FLINTO快速实现交互演示动画》 *
深圳聚力创想信息科技有限公司: "https://baijiahao.baidu.com/s?id=1562020834136328&wfr=spider&for=pc", 《在设计过程中,设计师如何输出一个更落地的动效呢?》 *

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109872212A (zh) * 2017-12-05 2019-06-11 阿里巴巴集团控股有限公司 一种用于互联网平台商品数据信息联动的方法和装置
CN109872212B (zh) * 2017-12-05 2023-02-10 阿里巴巴集团控股有限公司 一种用于互联网平台商品数据信息联动的方法和装置
CN109992266A (zh) * 2017-12-29 2019-07-09 阿里巴巴集团控股有限公司 一种界面元素的处理方法和装置
CN109992266B (zh) * 2017-12-29 2022-07-19 阿里巴巴集团控股有限公司 一种界面元素的处理方法和装置
CN110069310A (zh) * 2019-04-23 2019-07-30 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN110069310B (zh) * 2019-04-23 2022-04-22 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN113298916A (zh) * 2020-07-14 2021-08-24 阿里巴巴集团控股有限公司 用于调整曲线的交互方法、装置和电子设备
CN112114779A (zh) * 2020-08-26 2020-12-22 北京奇艺世纪科技有限公司 动效对象的处理方法、系统、装置、电子设备和存储介质
CN112114779B (zh) * 2020-08-26 2024-02-09 北京奇艺世纪科技有限公司 动效对象的处理方法、系统、装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
CN106775637B (zh) 一种应用程序的页面显示方法和装置
WO2017008551A1 (zh) 弹幕显示方法及装置
US9740671B2 (en) Method and apparatus of generating a webpage from an original design file comprising layers
CN107122177A (zh) 界面展示方法及装置
CN103702297B (zh) 短信增强方法、装置及系统
CN103390034B (zh) 图片展示的方法、装置、终端及服务器
CN105095432A (zh) 网页批注显示方法及装置
JP6910300B2 (ja) チャット履歴記録を表示するための方法およびチャット履歴記録を表示するための装置
CN107247691A (zh) 一种文本信息的显示方法、装置、移动终端及存储介质
CN108170500A (zh) 下载进度刷新方法、终端设备及计算机可读存储介质
CN104519404A (zh) 图像互换格式文件的播放方法及装置
CN104021129B (zh) 显示组图的方法及终端
CN105446726A (zh) 生成网页的方法和装置
CN104252356A (zh) 生成界面的方法和系统
CN103513987A (zh) 一种浏览器网页的渲染处理方法、装置及终端设备
CN104954159A (zh) 一种网络信息统计的方法和装置
CN104281568B (zh) 一种释义显示方法和装置
CN106202422B (zh) 网页图标的处理方法和装置
CN104598542B (zh) 多媒体信息的显示方法及装置
CN106504303A (zh) 一种播放帧动画的方法和装置
CN104679724A (zh) 页面注释方法及装置
US10101894B2 (en) Information input user interface
CN104516890A (zh) 业务处理方法、装置及电子设备
CN106708555B (zh) 一种加载插件的方法和装置
CN103823851B (zh) 网页显示方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20170901

RJ01 Rejection of invention patent application after publication