【技术实现步骤摘要】
一种类太阳系系统导航的创建方法和装置
本专利技术实施例涉及系统导航设计技术,尤指一种类太阳系系统导航的创建方法和装置。
技术介绍
一个系统会有一个导航部分,目前的导航部分有各种各样的设计,但是都没有特色,不能给予使用者良好的视觉体验。
技术实现思路
本专利技术实施例提供了一种类太阳系系统导航的创建方法和装置,能够创建出酷炫、个性的系统导航,提高用户的视觉体验。为了达到本专利技术实施例目的,本专利技术实施例提供了一种类太阳系系统导航的创建方法,所述方法可以包括:设置太阳图像;以所述太阳图像为中心,创建多个环绕所述太阳图像的运行轨道;在每个运行轨道上设置并定位相应的行星图像;为所述太阳图像、行星图像以及运行轨道设置动画,以使整个类太阳系系统导航里的星体动起来,其中,每个行星星体作为系统导航中的一个模块入口,太阳用于指示系统名称。在本专利技术的示例性实施例中,所述设置太阳图像可以包括:在预设位置处,通过层叠样式表css设置代表太阳的图片的属性,形成所述太阳 ...
【技术保护点】
1.一种类太阳系系统导航的创建方法,其特征在于,所述方法包括:/n设置太阳图像;/n以所述太阳图像为中心,创建多个环绕所述太阳图像的运行轨道;/n在每个运行轨道上设置并定位相应的行星图像;/n为所述太阳图像、行星图像以及运行轨道设置动画,以使整个类太阳系系统导航里的星体动起来,其中,每个行星星体作为系统导航中的一个模块入口,太阳用于指示系统名称。/n
【技术特征摘要】
1.一种类太阳系系统导航的创建方法,其特征在于,所述方法包括:
设置太阳图像;
以所述太阳图像为中心,创建多个环绕所述太阳图像的运行轨道;
在每个运行轨道上设置并定位相应的行星图像;
为所述太阳图像、行星图像以及运行轨道设置动画,以使整个类太阳系系统导航里的星体动起来,其中,每个行星星体作为系统导航中的一个模块入口,太阳用于指示系统名称。
2.根据权利要求1所述的类太阳系系统导航的创建方法,其特征在于,所述设置太阳图像包括:
在预设位置处,通过层叠样式表css设置代表太阳的图片的属性,形成所述太阳图像;所述代表太阳的图片的属性包括:尺寸、形状和倾斜程度。
3.根据权利要求1所述的类太阳系系统导航的创建方法,其特征在于,所述以所述太阳图像为中心,创建多个环绕所述太阳图像的运行轨道包括:
通过层叠样式表中的图层div中的画圆border-radius属性,设置多个环绕所述太阳图像的圆形;其中,每个圆形的宽度为可配置的运行轨道的半径,每个圆形的高度为零。
4.根据权利要求3所述的类太阳系系统导航的创建方法,其特征在于,border-radius设置为50%。
5.根据权利要求1所述的类太阳系系统导航的创建方法,其特征在于,所述在每个运行轨道上设置并定位相应的行星图像包括:
通过预设算法计算每个行星在相应的运行轨道上的位置;
在每个位置的中心处设置一个div;
设置每个行星的属性;所述每个行星的属性包括:尺寸和形状。
6.根据权利要求5所述的类太阳系系统导航的创建方法,其特征在于,所述通过预设算法计算每个行星在相应...
【专利技术属性】
技术研发人员:唐李梅,
申请(专利权)人:北京明略软件系统有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。