CN105278953B - 圆形屏幕的界面显示方法和装置 - Google Patents
圆形屏幕的界面显示方法和装置 Download PDFInfo
- Publication number
- CN105278953B CN105278953B CN201510611380.7A CN201510611380A CN105278953B CN 105278953 B CN105278953 B CN 105278953B CN 201510611380 A CN201510611380 A CN 201510611380A CN 105278953 B CN105278953 B CN 105278953B
- Authority
- CN
- China
- Prior art keywords
- fan
- shaped
- control
- fan ring
- ring
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种圆形屏幕的界面显示方法和装置,包括:获取需显示的控件的信息;绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;将所述控件的内容信息绘制到该控件对应的扇形或扇环中。利用本发明,可以提高屏幕面积的使用率,以及提高屏幕操作的便利性。
Description
技术领域
本申请涉及电子智能设备技术领域,尤其涉及一种圆形屏幕的界面显示方法和装置。
背景技术
目前,圆形屏幕的智能设备如智能手表发展越来越热门,很多厂商也开始推出自己的圆形屏幕的智能手表。相对于传统矩形屏幕智能手表,由于圆形屏幕智能手表兼具传统手表外形的美观和现在智能设备多功能的优点,已经在不断的被广大消费者接受和青睐。
在现有技术中,已公开的圆形屏幕的智能手表的技术方案中,按钮、列表、对话框等控件依然和传统的方形屏幕智能设备上的布局方式无异,仍然是线性的排布。比如列表,依然是上下划动的列表。目前的在圆形屏幕上定位控件的方式和矩形屏幕上的方式是一样的,即原点在左上角,向右及向下偏移一定的距离。
尤其是,现有技术存在以下缺点:
第一:对于传统的矩形屏幕上的线性控件布局方式(比如列表),现有技术充分的利用了矩形屏幕这样的特点,列表刷新时以上下线性的方式滚动更新,文字也是横排的布局,这样可以给以用户美观和阅读的方便。但是该技术方案应用到圆形屏幕上的时候,由于圆形屏幕在利用传统线性列表布局的时候造成了每个项目内容长度的不一致,使得特别是圆形屏幕最上面和最下面的项目内容被截断,造成了用户使用和阅读上的困难。所以业界需要一种能够适应于圆形屏幕这一圆形区域特点的布局方式,让用户操作和阅读起来更方便。
第二:传统的控件布局方式在圆形屏幕上的面积利用率低,比如放置四个按钮,按照线性的布局方式,用户可点击的区域(如附图1)是少于扇形按钮的(如附图2),因为线性排列的四个按钮之外,是有一定的区域是无法使用的,这样子造成了屏幕面积上的浪费。
第三:对于传统的基于原点位于矩形区域左上角并且向右向下偏移一定位置的编程控件定位方式,当这种现有方案应用在圆形屏幕上的时候,出现了一定的困难。首先是这样的原点位置在圆形屏幕上是不存在的,所以只能假想一个正方形区域,而圆形屏幕区域实际上是这个正方形的内圆。原点的位置位于这个正方形区域的左上角。圆形屏幕设备的开发者在编程的时候依然是按照圆形屏幕以外的在矩形区域的定位方式来进行。这样导致了正方形四个边角位置不能显示在圆形屏幕的问题,使得开发者不得不重复的考虑是否所放置的控件位于屏幕之外还是屏幕之内,进而造成较高的开发成本。
发明内容
有鉴于此,本发明的主要目的是提供一种圆形屏幕的界面显示方法和装置,以提高屏幕面积的使用率,以及提高屏幕操作的便利性。
本发明的技术方案是这样实现的:
一种圆形屏幕的界面显示方法,包括:
获取需显示的控件的信息;
绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;
将所述控件的内容信息绘制到该控件对应的扇形或扇环中。
在一种优选实施方式中,所述控件至少包括以下的任意种:
按钮、列表、转轴、对话框。
在一种优选实施方式中,所述需显示的控件为按钮或列表时,所述绘制所述控件对应的扇形或扇环,具体包括:根据需显示的按钮的数量,以及预设扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个按钮;或者根据需显示的列表项的数量,以及预设的扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个列表项。
在一种优选实施方式中,所述需显示的控件为转轴时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇环形成一个和屏幕极点同圆心的圆环,将该圆环作为所述转轴,并以所述极坐标系的极轴为基准,在所述圆环的边缘上显示当前浏览内容的滑动条。
在一种优选实施方式中,该方法还进一步包括:在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述圆环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的圆环中的内容,在极轴的另一侧依次消除之前已显示的圆环中的内容。
在一种优选实施方式中,所述需显示的控件为对话框时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇形,形成一个和屏幕极点同圆心的同心圆,将该同心圆作为所述对话框。
在一种优选实施方式中,当所述对话框中包括一个按钮时,该方法进一步包括:绘制一个和屏幕极点同圆心的同心圆,且该同心圆小于所述对话框的同心圆,将该小同心圆作为该对话框中的按钮。
在一种优选实施方式中,当所述对话框中包括二个以上按钮时,该方法进一步包括:根据需显示的对话框按钮的数量,以及预设扇形或扇环的最小角度,在所述对话框的同心圆内绘制需显示的对话框按钮对应的扇形或扇环,每一个扇形或扇环对应一个对话框按钮。
在一种优选实施方式中,该方法进一步包括:在需要显示的控件对应扇形或扇环的角度之和大于一个圆周时,以所述极坐标系的极轴为初始位置显示所述扇形和扇环,直到显示完一个圆周为止;
在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述扇形或扇环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的扇形或扇环内容进行显示,在极轴的另一侧依次消除之前已显示的扇形或扇环内容。
在一种优选实施方式中,所述将所述扇形或扇环以极点为中心沿顺时针或逆时针方向转动的转动方式包括以下任意种:渐进式转动,跳格式转动,翻页式转动;
所述渐进式转动为:当接收到滑动指令时,根据滑动指令的轨迹,所述扇形或扇环转动相应的角度;
所述跳格式转动为:当接收到一次滑动指令时,将所述扇形或扇环转动一个扇形或扇环的角度;
所述翻页式转动为:当接收到滑动指令时,将所述当前屏幕的扇形或扇环切换到下一个屏幕的扇形或扇环。
一种圆形屏幕的界面显示装置,包括:
控件模块,用于获取需显示的控件的信息;
绘制模块,用于绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;
所述绘制模块进一步用于将所述控件的内容信息绘制到该控件对应的扇形或扇环中。
在一种优选实施方式中,该装置进一步包括:设置模块,用于设置极轴的角度、扇形或扇环的最小角度、和/或扇形或扇环的滑动方式。
在一种优选实施方式中,所述控件至少包括以下的任意种:
按钮、列表、转轴、对话框。
与现有技术相比,本发明通过应用圆形屏幕这一圆形的特点,以扇形或扇环为控件基本形状,重新设计了诸如按钮、列表、转轴和对话框等控件,本发明是一种可以用于在圆形屏幕特别是圆形小屏幕的智能终端上非线性界面布局的方法和装置,从而高效的利用圆形屏幕,解决了传统线性布局在在圆形屏幕上控件布局的不方便操作和屏幕面积使用率低的问题。同时本发明提出了一种在圆形屏幕上使用极坐标定位的编程方法,即以圆形屏幕的圆心为极点,以预设的方向为极轴,以极径和极角为坐标来定位,这种定位方法是本发明提出的一种基于所述非线性布局而引申出的一种新的界面编程方法。这种定位方式,可以使得开发者不必重复考虑是否所放置的控件位于屏幕之外还是屏幕之内,进而降低的开发难度,节省了人力成本。
另外,本发明不仅限于圆形屏幕,其他形状的屏幕,也可以内置一个圆形屏幕显示区域在其中而应用该发明。
附图说明
图1a为本发明所述圆形屏幕的界面显示方法的一种流程示意图;
图1b为本发明所述圆形屏幕的界面显示装置的一种组成示意图;
图2为本发明所应用的圆形屏幕上的极坐标系的一种示意图;
图3为本发明所述圆形屏幕中显示按钮控件的一种示意图;
图4为本发明所述圆形屏幕中显示列表控件的一种示意图;
图5为现有技术中传统的矩形屏幕的列表示意图;
图6为本发明所述的圆形屏幕的列表以及手动划动前后渐进式转动的对比图;
图7为本发明在圆形屏幕中的转轴显示方式的一种示意图;
图8为本发明在圆形屏幕中显示弹出对话框的一种示意图;
图9为本发明在圆形屏幕中显示弹出具有按钮的对话框的一种示意图;
图10为现有的传统矩形屏幕中的定位示意图;
图11a为现有矩形屏幕的控件定位方法直接应用到圆形屏幕上时一种示意图;
图11b所示为现有技术的在圆形屏幕中采用矩形方案显示按钮的一种示意图;
图12a为本发明在圆形屏幕上的控件定位方式的一种定位示意图;
图12b为本发明所述在圆形屏幕中用扇形方式显示按钮的一种示意图;
图13为本发明所述在圆形屏幕中绘制控件的一种具体流程示意图。
具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
图1a为本发明所述圆形屏幕的界面显示方法的一种流程示意图。参见图1a,该界面显示方法主要包括:
步骤101、获取需显示的控件的信息;
步骤102、绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;
步骤103、将所述控件的内容信息绘制到该控件对应的扇形或扇环中。
图1b为本发明所述圆形屏幕的界面显示装置的一种组成示意图,该界面显示装置是一个圆形界面中间件,用于执行本发明所述的界面显示方法。参见图1b,该界面显示装置主要包括:
控件模块111,用于获取需显示的控件的信息。本发明中,所述控件至少包括以下的任意种:按钮、列表、转轴、对话框等。
绘制模块112,提供基本的图形绘制功能,用于绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;在本发明中圆形或圆环也可以看作为一种扇形或扇环的特殊情况,即所述扇形或扇环的角度可以是360度。
所述绘制模块112进一步用于将所述控件的内容信息绘制到该控件对应的扇形或扇环中。
图1b中所示的基础图形库114为所述绘制模块112在绘制界面时,需要调用该基础图形库114中的素材,完成界面绘制。
在本发明所述界面显示装置的一种优选实施方式中,还可以包括设置模块113,该设置模块113可以提供设置接口,例如设置界面或者设置键盘或语音输入设置等设置方式,用于由用户通过所述设置接口设置圆形屏幕的基本信息,所述圆形屏幕的可以设置的参数可以包括以下参数:
(a)扇形或扇环的最小角度,其中最小45度,最大180度。默认情况下是45度,即一个屏幕最多显示360/45=8个扇形或扇环。
(b)可以转动的控件(如多个列表项、多个按钮、对话框等)的转动方式,所述转动方式可以是以下任意种:渐进式,跳格式,翻页式,默认情况是渐进式。所述渐进式是指:当用户滑动屏幕时,根据用户滑动的轨迹,圆形屏幕转动相应的角度。所述跳格式是指:当用户滑动屏幕一下时,圆形屏幕刚好转动一个扇形的角度。所述翻页式是指:当用户滑动屏幕时,圆形屏幕切换到下一个屏幕,相当于于转动360度。
(c)极轴的角度:默认情况下是0度,如图2所述的极轴11的位置为0度角,当然用户可以设置极轴的角度为0度到360度。
相对于传统的矩形屏幕的平面直角坐标定位的编程方法,本发明在圆形屏幕上使用极坐标定位方法来定位各个控件,并进行编程。该定位方法具体是以圆形屏幕的圆心为极点,以极径和极角来决定控件的摆放位置,以扇形、扇环、圆形、或圆环(圆形或圆环可以看成是扇形或扇环的特殊情况)作为控件的基本形状,非常方便圆型屏幕的非线性界面的设计和开发。
图2为本发明所应用的圆形屏幕上的极坐标系的一种示意图。参见图2,本发明所述圆形屏幕的圆心即为极坐标的极点,所有控件均是基于该极点的扇形或扇环或者同心圆或同心圆环。在默认情况下,零点方向的轴线是极轴,当然所述极轴的角度可以通过设置模块进行设置,例如可以设置90度方向的轴线作为极轴。假设极点是P,屏幕半径是R。
所述极坐标是指:在平面内取一个定点P,称为极点,引一条射线Px,称为极轴,再选定一个长度单位和角度的正方向(通常取逆时针方向,也可以去顺时针方向)。对于平面内任何一点M,用ρ表示线段PM的长度,θ表示从Px到PM的角度,ρ叫做点M的极径,θ叫做点M的极角,有序数对(ρ,θ)就叫点M的极坐标,这样建立的坐标系叫做极坐标系。
下面分别介绍所述控件不同时,所述界面显示方法的具体显示方式。
在一种优选实施例中,当所述需显示的控件为按钮或列表时,所述绘制所述控件对应的扇形或扇环,具体包括:根据需显示的按钮的数量,以及预设扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个按钮;或者根据需显示的列表项的数量,以及预设的扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个列表项。
具体的,对于按钮,本发明以极点向外发散出两条射线形成的扇形区域,或两个不同半径的扇形差出的扇环区域作为按钮。所述扇形或扇环的最小角度可以由用户设定,默认最小角度是45度,默认最多显示8个按钮。
例如图3为本发明所述圆形屏幕中显示按钮控件的一种示意图。请参见图3,对于按钮控件,每个按钮是一个扇形,如按钮31和32,或者所述按钮可以是扇环,如按钮33、34。假设按钮的个数是N,用户设置的扇形的最小角度是A。则N应小于等于360/A,即最多只能显示360/A个按钮。每个按钮扇形的弧度是360/N度,按钮的图片和文字显示在扇形里面。
具体的,对于列表,本发明中每个列表项是扇形或是扇环,默认列表项扇形的最小角度是45度,一个圆形屏幕最多能显示8个列表项,同时以极轴11为边缘区域。当用户划动屏幕(类似于转动屏幕的操作方式)时,旧的列表项从边缘区域的一方消失,新的列表项从边缘区域的另一方生成。列表项相当于一个子按钮,点击它可以响应预定的操作。该设计即为列表的布局方式。
例如图4为本发明所述圆形屏幕中显示列表控件的一种示意图。参见图4,对于列表控件,所述列表项可以是一个扇形或扇环,如图4中有8个扇形组成8个列表项,所有的列表项组成一个圆形。假设列表项的数目是N,用户设定的扇形的最小角度是A,则每一屏最多显示360/A个列表项。如果N大于360/A,则只显示360/A个列表项,每个列表项是个A度的扇形,划动屏幕时,显示余下的列表项。如果N小于360/A,则每个列表项是360/N度的扇形。列表项的图片和文字被绘制显示在扇形里面。
该方法进一步包括:在需要显示的控件对应扇形或扇环的角度之和大于一个圆周时,以所述极坐标系的极轴为初始位置显示所述扇形和扇环,直到显示完一个圆周为止。也就是说,在一个圆形屏幕显示不完所述控件对应的扇形或扇环的情况下,在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述扇形或扇环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的扇形或扇环内容进行显示,在极轴的另一侧依次消除之前已显示的扇形或扇环内容。
本发明中所述的圆形屏幕的界面显示装置,当接收到用户划动屏幕的滑动指令时,根据所述设置模块的不同的设定,实施不同的列表转动方式。具体的转动方式包括一下几种:
渐进式:当接收到滑动指令时,根据滑动指令的轨迹,所述扇形或扇环转动相应的角度,例如旧的扇形或扇环从极轴的一方消失,新的扇形或扇环从极轴的另一方出现,从而形成类似轮盘转动的效果,以造成扇形或扇环不断的消失和出现。
跳格式:当接收到一次滑动指令时,将所述扇形或扇环转动一个扇形或扇环的角度。
翻页式:当接收到滑动指令时,将所述当前屏幕的扇形或扇环切换到下一个屏幕的扇形或扇环,即将切换整个屏幕到下一页,相当于转动360度。扇形或扇环相当于一个子按钮,点击它可以响应预定的操作。
下面通过本发明与现有技术界面的对比进一步说明本发明所述的转动方式。图5为现有技术中传统的矩形屏幕的列表示意图,其中,在现有的矩形屏幕中,以竖形列表排列每个列表项,这种列表方式和智能手机的列表无异。图6为本发明所述的圆形屏幕的列表以及手动划动前后渐进式转动的对比图,参见图6,本发明经过一个顺时针的划动后,每个列表项目也顺时针转动一个角度,同时新的列表项“Language”从极轴的右侧露出了一些,旧的列表项“Sound”则从极轴的左侧消失了一些。
在一种优选实施例中,当所述需显示的控件为转轴时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇环形成一个和屏幕极点同圆心的圆环,将该圆环作为所述转轴,并以所述极坐标系的极轴为基准,在所述圆环的边缘上显示当前浏览内容的滑动条。转轴中的文字以极点为圆心环绕其中。
该方法还进一步包括:在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述圆环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的圆环中的内容,在极轴的另一侧依次消除之前已显示的圆环中的内容。也就是说,用户划动屏幕可以使得圆环转动,旧的内容从边缘区域的一方消失,新的内容从边缘区域的另一方生成。
图7为本发明在圆形屏幕中的转轴显示方式的一种示意图。参见图7,对于转轴,在一种实施例中可以以极轴为基准,将屏幕的圆形界面划分成一个头尾相连的扇形,其中包含了转轴的内容,如图7中的阴影部分可以显示转轴的内容,该内容可以是文字,亦可以是图片。用户划动屏幕使得扇形转动,如果是顺时针方向划动,屏幕顺时针方向转动,没有显示的列表项不断地从极轴右边位置显示出来,旧的列表项从极轴的左边消失,一直到第一个列表项显示出来为止。如果是逆时针方向划动,则刚好相反。
在一种优选实施例中,当所述需显示的控件为对话框时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇形,形成一个和屏幕极点同圆心的同心圆,将该同心圆作为所述对话框。对话框中的文字以极点为圆心环绕其中。内容的排布和新旧内容的滑出滑入与转轴的转动方式相同或类似。如果对话框含有按钮,若为一个按钮即为半径更小的一个同心圆。若多个按钮,则类似于列表的按钮排布。
具体的,当所述对话框中包括一个按钮时,该方法进一步包括:绘制一个和屏幕极点同圆心的同心圆,且该同心圆小于所述对话框的同心圆,将该小同心圆作为该对话框中的按钮。
具体的,当所述对话框中包括二个以上按钮时,该方法进一步包括:根据需显示的对话框按钮的数量,以及预设扇形或扇环的最小角度,在所述对话框的同心圆内绘制需显示的对话框按钮对应的扇形或扇环,每一个扇形或扇环对应一个对话框按钮。
例如,图8为本发明在圆形屏幕中显示弹出对话框的一种示意图。参见图8,对于弹出对话框,所述弹出对话框为和屏幕极点同圆心的同心圆,内容的排布和新旧内容的滑出滑入类似于转轴。
图9为本发明在圆形屏幕中显示弹出具有按钮的对话框的一种示意图。参见图9,如果对话框含有按钮,若为一个按钮即为半径更小的一个同心圆。若为二个以上按钮,则按钮的布局方式则类似于列表的布局方式,每个列表项目可以为一个按钮。
具体的,在图8所示的实施例中,对于对话框控件,可以采用以极点P为圆心,以4R/5为半径的同心圆形成圆形的对话框,文本和图片显示在这个同心圆里。如果对话框还有按钮,如图9所示,则以极点为圆心,以2R/5为半径的同心圆作为按钮,图片和文字显示在这个以4R/5为半径的同心圆里。
下面详细说明本发明在圆形屏幕中定位控件的具体实施方式。
首先对比一下现有矩形屏幕的定位控件的方式。图10为现有的传统矩形屏幕中的定位示意图。参见图10,在传统矩形屏幕中,开发者做图形用户界面(GUI,Graphical UserInterface)编程时的定位方式,是通过相对于原点(0,0)的偏移来定位控件的位置的,原点一般位于屏幕的左上角。例如图10中,点(20,30)就是相当于向右偏移20个单位以及向下偏移30个单位的位置。
现有的这种编程定位方式在用于圆形屏幕的时候,会出现一些缺陷。首先是原点的位置定位的问题。目前大部分都是通过在圆形屏幕上沿用矩形屏幕的编程定位方式,即圆形屏幕只是一个经过在假想的矩形区域上经过切割后的一个圆形区域子集,原点依然在这个假想的矩形区域的左上角,如图11a为现有矩形屏幕的控件定位方法直接应用到圆形屏幕上时一种示意图。参见图11a,这样一来,圆形屏幕界面的开发者在进行编程的时候,矩形区域的四个边角不可避免的不能显示在圆形屏幕中,等于是被切除了。因此开发起来过于抽象,开发难度高。
而在本发明中,提出了一种新的圆形屏幕中的控件定位方式,具体是:利用极坐标系来定位,以圆心为极点,利用极径和极角来定位圆形屏幕上某个控件或者元素所在位置。这种方式可以灵活的应用于圆形屏幕编程开发中。比如,图12a为本发明在圆形屏幕上的控件定位方式的一种定位示意图。如图12a所示,所述点(45,20)位置即为图12中所示位置:极角为45度,极径为20。
再对比一下现有技术中控件显示的方式,如图11b所示为现有技术的在圆形屏幕中采用矩形方案显示按钮的一种示意图,如果还是按照矩形按钮的布局方式应用在圆形屏幕中,所述按钮的尺寸会很小,圆形屏幕的许多面积都被浪费了,由于按钮面积小,因此用户点击起来也特别不方便。而在本发明中,如图12b为本发明所述在圆形屏幕中用扇形方式显示按钮的一种示意图,如图12b所示,在采用扇形显示按钮后,可以充分利用圆形屏幕的面积,由于按钮面积较大,用户操作起来会方便得多。
图13为本发明所述在圆形屏幕中绘制控件的一种具体流程示意图,如下图13所示,该流程具体包括:
步骤701、设置模块设置列表的滑动方式,扇形的最小角度A和极轴的角度。
步骤702、控件模块获得按钮的个数和列表的数目N。
步骤703、控件模块进行判断:如果N大于360/A,则将N置为360/A,如果N小于360/A,则将每个列表项的扇形角度置为360/N度。
步骤704、控件模块计算扇形的弧度为360/N。
步骤705、控件模块计算扇形的坐标:包括每个列表项对应扇形的极径和极角。
步骤706、绘制模块调用基础图形库,根据极点,各个列表项对应扇形的极径和极角绘制各个扇形的边。
步骤707、绘制模块调用基础图形库,在所述列表项对应扇形里面填充该列表项的文字和图片。
步骤708、如果接收到滑动指令,则根据滑动指令和预设的滑动方式转动所述列表项对应的扇形。所述的转动是以所述极点为圆心的转动。
具体的,假设某列表项在列表中的位置为Q。如果该列表项的滑动方式是渐进式:且滑动屏幕的速度为S度/秒,则在滑动的任意时刻T秒该列表项扇形的位置为:(S×T+Q×360/N)度。如果该列表项的滑动方式是跳格式:则在用户滑动一下后,位置变为((Q+1)×360/N)度。如果该列表项的滑动方式是翻页式:则在滑动一次后,该列表项扇形的位置为Q×360/N。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。所述各实施例的功能模块可以位于一个终端或网络节点,或者也可以分布到多个终端或网络节点上。
另外,本发明的每一个实施例可以通过由数据处理设备如计算机执行的数据处理程序来实现。显然,数据处理程序构成了本发明。此外,通常存储在一个存储介质中的数据处理程序通过直接将程序读取出存储介质或者通过将程序安装或复制到数据处理设备的存储设备(如硬盘和或内存)中执行。因此,这样的存储介质也构成了本发明。存储介质可以使用任何类型的记录方式,例如纸张存储介质(如纸带等)、磁存储介质(如软盘、硬盘、闪存等)、光存储介质(如CD-ROM等)、磁光存储介质(如MO等)等。
因此本发明还公开了一种存储介质,其中存储有数据处理程序,该数据处理程序用于执行本发明上述方法的任何一种实施例。
另外,本发明所述的方法步骤除了可以用数据处理程序来实现,还可以由硬件来实现,例如,可以由逻辑门、开关、专用集成电路(ASIC)、可编程逻辑控制器和嵌入微控制器等来实现。因此这种可以实现本发明所述方法的硬件也可以构成本发明。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (9)
1.一种圆形屏幕的界面显示方法,其特征在于,包括:
获取需显示的控件的信息;
绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;
将所述控件的内容信息绘制到该控件对应的扇形或扇环中;
其中,所述控件至少包括以下的任意种:
按钮、列表、转轴、对话框;
其中,所述需显示的控件为转轴时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇环形成一个和屏幕极点同圆心的圆环,将该圆环作为所述转轴,并以所述极坐标系的极轴为基准,在所述圆环的边缘上显示当前浏览内容的滑动条;
其中,该方法还进一步包括:在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述圆环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的圆环中的内容,在极轴的另一侧依次消除之前已显示的圆环中的内容。
2.根据权利要求1所述的方法,其特征在于,所述需显示的控件为按钮或列表时,所述绘制所述控件对应的扇形或扇环,具体包括:根据需显示的按钮的数量,以及预设扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个按钮;或者根据需显示的列表项的数量,以及预设的扇形或扇环的最小角度,绘制需显示的按钮对应的扇形或扇环,每一个扇形或扇环对应一个列表项。
3.根据权利要求1所述的方法,其特征在于,所述需显示的控件为对话框时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇形,形成一个和屏幕极点同圆心的同心圆,将该同心圆作为所述对话框。
4.根据权利要求3所述的方法,其特征在于,
当所述对话框中包括一个按钮时,该方法进一步包括:绘制一个和屏幕极点同圆心的同心圆,且该同心圆小于所述对话框的同心圆,将该小同心圆作为该对话框中的按钮。
5.根据权利要求3所述的方法,其特征在于,当所述对话框中包括二个以上按钮时,该方法进一步包括:根据需显示的对话框按钮的数量,以及预设扇形或扇环的最小角度,在所述对话框的同心圆内绘制需显示的对话框按钮对应的扇形或扇环,每一个扇形或扇环对应一个对话框按钮。
6.根据权利要求2或5所述的方法,其特征在于,该方法进一步包括:在需要显示的控件对应扇形或扇环的角度之和大于一个圆周时,以所述极坐标系的极轴为初始位置显示所述扇形和扇环,直到显示完一个圆周为止;
在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述扇形或扇环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的扇形或扇环内容进行显示,在极轴的另一侧依次消除之前已显示的扇形或扇环内容。
7.根据权利要求6所述的方法,其特征在于,所述将所述扇形或扇环以极点为中心沿顺时针或逆时针方向转动的转动方式包括以下任意种:渐进式转动,跳格式转动,翻页式转动;
所述渐进式转动为:当接收到滑动指令时,根据滑动指令的轨迹,所述扇形或扇环转动相应的角度;
所述跳格式转动为:当接收到一次滑动指令时,将所述扇形或扇环转动一个扇形或扇环的角度;
所述翻页式转动为:当接收到滑动指令时,将所述当前屏幕的扇形或扇环切换到下一个屏幕的扇形或扇环。
8.一种圆形屏幕的界面显示装置,其特征在于,包括:
控件模块,用于获取需显示的控件的信息;
绘制模块,用于绘制所述控件对应的扇形或扇环,所述扇形或扇环通过极坐标系的极轴、极径和极角进行定位,所述极坐标系是以所述圆形屏幕的圆心作为极点的极坐标系,所述扇形或扇环的圆心为所述极坐标系的极点;
所述绘制模块进一步用于将所述控件的内容信息绘制到该控件对应的扇形或扇环中;
其中,所述控件至少包括以下的任意种:
按钮、列表、转轴、对话框;
其中,所述绘制模块,具体用于所述需显示的控件为转轴时,所述绘制所述控件对应的扇形或扇环,具体包括:绘制首尾相连的扇环形成一个和屏幕极点同圆心的圆环,将该圆环作为所述转轴,并以所述极坐标系的极轴为基准,在所述圆环的边缘上显示当前浏览内容的滑动条;进一步用于在接收到在所述圆形屏幕上进行顺时针或逆时针的滑动指令时,将所述圆环以极点为中心沿顺时针或逆时针方向转动,其中在极轴的一侧依次转出之前未显示的圆环中的内容,在极轴的另一侧依次消除之前已显示的圆环中的内容。
9.根据权利要求8所述的装置,其特征在于,该装置进一步包括:设置模块,用于设置极轴的角度、扇形或扇环的最小角度、和/或扇形或扇环的滑动方式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510611380.7A CN105278953B (zh) | 2015-09-23 | 2015-09-23 | 圆形屏幕的界面显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510611380.7A CN105278953B (zh) | 2015-09-23 | 2015-09-23 | 圆形屏幕的界面显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105278953A CN105278953A (zh) | 2016-01-27 |
CN105278953B true CN105278953B (zh) | 2018-10-16 |
Family
ID=55148011
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510611380.7A Active CN105278953B (zh) | 2015-09-23 | 2015-09-23 | 圆形屏幕的界面显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105278953B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106708523A (zh) * | 2016-12-26 | 2017-05-24 | 上海斐讯数据通信技术有限公司 | 一种智能穿戴设备的显示方法和系统 |
WO2018170654A1 (zh) * | 2017-03-20 | 2018-09-27 | 深圳大趋智能科技有限公司 | 圆形自定义控件执行动画的方法及装置 |
CN107491243A (zh) * | 2017-08-29 | 2017-12-19 | 青岛海信移动通信技术股份有限公司 | 终端在圆形屏幕上显示方形界面的应用程序的方法和装置 |
CN107766113A (zh) * | 2017-10-17 | 2018-03-06 | 深圳真时科技有限公司 | 一种显示圆形布局界面的方法、装置和可穿戴设备 |
CN114913810B (zh) * | 2022-03-30 | 2023-06-02 | 卡莱特云科技股份有限公司 | 一种基于扇形的切片显示控制方法、装置及系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102915173A (zh) * | 2011-08-04 | 2013-02-06 | 腾讯科技(深圳)有限公司 | 菜单实现方法和系统 |
CN104820562A (zh) * | 2015-05-27 | 2015-08-05 | 三星电子(中国)研发中心 | 用于电子设备的图像显示方法和装置以及电子设备 |
CN104866015A (zh) * | 2014-02-25 | 2015-08-26 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140189569A1 (en) * | 2011-07-18 | 2014-07-03 | Syntellia, Inc. | User interface for text input on three dimensional interface |
-
2015
- 2015-09-23 CN CN201510611380.7A patent/CN105278953B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102915173A (zh) * | 2011-08-04 | 2013-02-06 | 腾讯科技(深圳)有限公司 | 菜单实现方法和系统 |
CN104866015A (zh) * | 2014-02-25 | 2015-08-26 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN104820562A (zh) * | 2015-05-27 | 2015-08-05 | 三星电子(中国)研发中心 | 用于电子设备的图像显示方法和装置以及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN105278953A (zh) | 2016-01-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105278953B (zh) | 圆形屏幕的界面显示方法和装置 | |
CN102222415B (zh) | 曲线显示装置以及曲线显示方法 | |
CN109085965A (zh) | 笔记生成方法、电子设备及计算机存储介质 | |
CN105892569A (zh) | 手表式终端 | |
US20160026345A1 (en) | Operation panel for electronic device | |
WO2016192547A1 (zh) | 一种触摸屏幕拨号键盘实现的方法和智能手表 | |
CN104050002B (zh) | 一种应用软件界面换肤方法及装置 | |
US20140359508A1 (en) | Graphical user interface with dial control for a parameter | |
TW201349081A (zh) | 行動裝置的使用者介面 | |
CN105929935A (zh) | 基于转动输入启动应用的方法和装置 | |
CN102778997B (zh) | 一种窗口显示方法及装置 | |
KR102542913B1 (ko) | 회전체를 구비한 전자 장치 및 이의 동작 방법 | |
US9354721B2 (en) | Movement based image transformation | |
US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
CN109144384A (zh) | 显示方法、装置、硬件装置和计算机可读存储介质 | |
TW201903594A (zh) | 圖標的顯示方法、裝置、設備和儲存媒介 | |
CN105224337B (zh) | 一种桌面启动器动态添加浮动窗口方法 | |
CN104142776A (zh) | 一种图标处理方法及装置 | |
US20130127867A1 (en) | Freestyle drawing supported by stencil edge shapes | |
CN106293326A (zh) | 一种控制带有触摸屏的设备的图标显示的方法及装置 | |
CN106251191A (zh) | 一种终端屏幕的显示控制方法及终端 | |
JP6078243B2 (ja) | 表示システムおよび表示プログラム | |
CN113926190A (zh) | 游戏编辑器中三维模型的控制方法、装置及存储介质 | |
JP5852857B2 (ja) | 表示システムおよび表示プログラム | |
US20170344168A1 (en) | Display system, input device, display device, and display method |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |