信息显示方法、装置及电子设备的制造方法_2

文档序号:9667317阅读:来源:国知局
,电子设备也可以通过选取相邻两项数据所占比例之和最大的两项数据,从而获取对应的两个扇形区块,本实施例并不对此进行限定。
[0072]2、电子设备旋转饼状图使两个扇形区块位于目标方向一侧,且根据两个扇形区块确定的中心线与目标方向重合。
[0073]如图7A所示,饼状图71被分为4个扇形区块,当其中相邻的扇形区块72和扇形区块73为相邻的每两个扇形区块中,圆心角之和最大的两个扇形区块,通过旋转饼状图71,将根据扇形区块72和扇形区块73确定的中心线与目标方向重合。
[0074]另外存在一种可能的情况,在饼状图中最大的一个扇形区块的圆心角大于第一角度时,第一角度可以是180°,电子设备可以旋转饼状图使该最大的扇形区块位于目标方向一侧,且最大的扇形区块的中心线与目标方向重合,就可以使目标方向一侧的扇形区块为最少。
[0075]如图7B所示,扇形区块74对应的圆心角大于180°,电子设备只需旋转饼状图使该扇形区块74位于目标方向一侧,且扇形区块74的中心线与目标方向重合,就可以使位于目标方向一侧的扇形区块为最少。
[0076]对于其中第二种方式:
[0077]电子设备通过调整目标方向一侧的描述框,使该描述框远离目标方向,从而节省目标方向的显示空间,本步骤可以包含如下子步骤:
[0078]1、在描述框为基于扇形区块的中心线生成的描述框时,将扇形区块的中心线与目标方向之间的夹角小于90°的扇形区块所对应的描述框确定为属于目标方向一侧的描述框。
[0079]如图7C所示,描述框75和描述框76为基于扇形区块的中心线生成的描述框,且描述框75和描述框76对应扇形区块的中心线与目标方向之间的夹角小于90° ,即可以将描述框75和描述框76确定为属于目标方向一侧的描述框。
[0080]2、将属于目标方向一侧的描述框与饼状图之间的连线向目标方向的相反方向弯折,弯折后的连线与目标方向之间的夹角为第二角度,第二角度大于90°。
[0081]以该第二角度为120°为例,如图7C所不,描述框75和描述框76属于目标方向一侧的,将描述框75与饼状图之间的连线向目标相反方向弯折,弯折后的连线与目标方向之间的夹角为120° ;同样的,将描述框76与饼状图之间的连线向目标相反方向弯折,弯折后的连线与目标方向之间的夹角为120°。
[0082]需要说明的是,该第二角度可以根据屏幕的尺寸进行预先设定,本实施例以该第二角度为120°为例进行说明,并不对本发明实施例构成限定。
[0083]在实施过程中,各个描述框之间可能会产生相互覆盖的情况,所以需要对描述框的位置进行调整。本步骤可以包括如下子步骤:
[0084]一、电子设备选取一个描述框,获取当前描述框的位置;
[0085]二、电子设备获取当前描述框相邻的两个描述框的位置;
[0086]三、若当前描述框与其中一个描述框相互覆盖,与另一个描述框分离,则电子设备将当前描述框按照圆周路径向于其分离的描述框方向微调预定角度;
[0087]电子设备根据当前描述框与相邻两个描述框的位置关系,判断当前描述框与是否与相邻两个描述框相互覆盖。当当前描述框与其中一个描述框相互覆盖,与另一个描述框分离时,则电子设备将当前描述框按照圆周路径向与其分离的描述框方向微调预定角度。
[0088]四、重复子步骤一至三,直到所有的描述框都互不覆盖。
[0089]之后,电子设备可以显示该饼状图,具体如下:
[0090]步骤304,将饼状图的外接矩形框初始化为裁剪边框。
[0091]电子设备获取饼状图的外接矩形,该外接矩形的四条边分别与饼状图的圆周相切,将该外接矩形初始化为裁剪边框。
[0092]参考图8,电子设备将饼状图81的外接矩形82初始化为裁剪边框。
[0093]步骤305,判断每个描述框是否位于裁剪边框中。
[0094]电子设备获取裁剪边框的上边界和下边界的纵坐标,左边界和右边界的横坐标。然后,电子设备获取每个描述框上边界和下边界的纵坐标,左边界和右边界的横坐标,当描述框上边界的纵坐标大于裁剪边框上边界的纵坐标,描述框的下边界的纵坐标小于裁剪边框下边界的纵坐标,且描述框左边界的纵坐标大于裁剪边框左边界的纵坐标,描述框的右边界的纵坐标小于裁剪边框又边界的纵坐标时,描述框位于裁剪边框中。
[0095]步骤306,当存在描述框位于裁剪边框之外,则根据描述框扩大裁剪边框。
[0096]当描述框不再裁剪边框中时,电子设备将根据描述框扩大裁剪边框。
[0097]步骤306可以包括如下子步骤:
[0098]一、电子设备获取描述框和裁剪边框的上边界纵坐标和左边界横坐标最小值,下边界纵坐标和右边界横坐标最大值;
[0099]二、电子设备根据上边界纵坐标和左边界横坐标最小值,下边界纵坐标和右边界横坐标最大值,扩大裁剪边框。
[0100]电子设备根据描述框和裁剪边框两者之间的上边界纵坐标的最小值确定扩大后裁剪边框的上边界纵坐标;电子设备根据描述框和裁剪边框左边界横坐标的最小值确定扩大后裁剪边框的左边界横坐标;电子设备根据描述框和裁剪边框下边界纵坐标的最大值确定扩大后裁剪边框的下边界纵坐标;电子设备根据描述框和裁剪边框右边界横坐标的最大值确定扩大后裁剪边框的右边界横坐标。
[0101]如图8所示,根据描述框和裁剪边框上边界纵坐标最小值确定的扩大后裁剪边框上边界83,根据描述框和裁剪边框左边界横坐标最小值确定的扩大后裁剪边框左边界84,根据描述框和裁剪边框下边界纵坐标最大值确定的扩大后裁剪边框下边界85,根据描述框和裁剪边框右边界纵坐标最大值确定的扩大后裁剪边框右边界86。上边界83,左边界84,下边界85和右边界86构成扩大后的裁剪边框。
[0102]步骤307,当每个描述框都位于裁剪边框中时,根据裁剪边框裁剪出饼状图和描述框。
[0103]如图8所示,电子设备根据裁剪边框87裁剪出饼状图和描述框,此时饼状图和各个描述框都位于裁剪边框87中。
[0104]步骤308,通过显示组件显示饼状图和描述框。
[0105]电子设备通过显示组件,对裁剪出的饼状图和描述框进行显示,显示的效果如图9所示。显示组件可以是显卡设备或者显示芯片。
[0106]需要说明的是,电子设备可以通过执行步骤303中的任意一种或者两种方法调整描述框远离目标方向,来达到节省显示的空间,提高空间的使用率的目的,本实施例以该电子设备执行步骤303中的两种方法来进行说明,并不对本发明构成限定。
[0107]综上所述,本实施例提供的信息显示方法,通过根据η项数据生成包含η个扇形区块的饼状图,以及与每个扇形区块对应的描述框;调整描述框远离目标方向;通过显示组件显示饼状图和描述框;解决了手机屏幕的显示空间有限,在描述框的分布散乱和随意时,可能会浪费显示空间或者导致无法充分显示的问题;达到了对描述框位置进行有规律的布局,使位于目标方向一侧的描述框最少,从而节省显示空间的效果。
[0108]本实施例还通过对饼状图进行旋转,使该饼状图在目标方向一侧的扇形区块最少,达到了节省目标方向显示空间的效果。
[0109]本实施例还通过将属于目标方向一侧的描述框与饼状图之间的连线向目标方向的相反方向弯折,达到了将目标方向一侧的描述框的位置向目标方向的相反方向调整,节省目标方向显示空间的效果。
[0110]本实施例还通过将饼状图的外界矩形初始化为裁剪边框,并根据描述框随裁剪边框进行扩大,当每个描述框都位于裁剪边框中是,根据该裁剪边框裁剪饼状图和描述框,达到了节省显示空间的效果。
[0111]作为一个优选的实施例,可以在添加描述框之前对饼状图进行调整,使饼状图在目标方向一侧的扇形区块为最少,再进行添加描述框,并对目标方向一侧的描述框进行调整。下面将采用一个实施例进行说明。
[0112]请参考图10,其示出了本发明另一实施例提供的信息显示方法的方法流程图。该方法包括:
[0113]步骤1001,根据η项数据各自在数据总和中所占的比例生成饼状图,每项数据在饼状图中对应一个扇形区块。
[0114]在生成饼状图之前,首先确定如图4所示的平面直角坐标系Χ0Υ,其中,X轴的右半轴为正半轴,Υ轴的下半轴为正半轴,并以0为圆心,做同心圆41和同心圆42。需要说明的是,确定平面直角坐标系Χ0Υ还可以以X轴的左半轴为正半轴,Υ轴的上半轴为正半轴等等,本实施例仅以该平面直角坐标系Χ0Υ为如图4所示的平面直角坐标系为例进行说明,并不对本发明实施例构成限定。
[0115]电子设备可以根据每项数据各自在数据总和中所占的比例的大小对η项数据进行排序并按照排序结果依次为每项数据分配对应的扇形区域。为了保证显示效果,数据项通常为2-4项数据较为合理。步骤301可以包括如下子步骤:
[0116]—、电子设备计算每项数据各自在数据总和中所占的比例;
[0117]im,总共包括4项数据,其中,数据A为5,数据B为10,数据C为15,数据D为20,则数据总和为50,计算得到数据A所占的比例为10%,数据B所占的比例为20%,数据C所占的比例为30%,数据D所占的比例为40%。
[0118]二、电子设备根据每项数据各自在数据总和中所占的比例,对η项数据进行排序;
[0119]电子设备根据计算出的每项数据各自在数据总和中所占的比例的大小,对η项数据从小到大进行排序,也可以从大到小进行排序,本实施例以按照从小到大进行排序来举例说明,并不对此进行限定。
[0120]三、电子设备根据每项数据所对应的比例,计算每项数据对应扇形区块的圆心角;
[0121 ] 比如,总共4项数据,数据Α所占的比例为10%,数据B所占的比例为20%,数据C所占的比例为30%,数据D所占的比例为40%,通过计算得到,数据A对应扇形区块的圆心角为36°,数据B对应扇形区块的圆心角为72°,数据C对应扇形区块的圆心角为108°,数据D对应扇形区块的圆心角为144°
[0122]四、电子设备根据计算得到的圆心角,进行扇形区块的划分,生成饼状图。
[0123]电子设备根据每项数据的大小,按照从小到大的顺序,从X轴正方向开始,按照顺时针方向进行扇形区块的划分,生成如图5所示的饼状图。
[0124]需要说明的是,在实际的实施过程中,为了保证数据的顺序性,一些实施例中不能对数据进行排序时,电子设备可以分别计算每项数据各自在数据总和中所占的比例并按照比例为每项数据分配对应的扇形区域,即可以省略步骤二,只需执行子步骤一、三和四。
[0125]步骤1002,调整饼状图在目标方向一侧的扇形区块为最少。
[0126]电子设备根据预先设定的目标方向,通过旋转操作使目标方向一侧的扇形区块最少。
[0127]需要说明的是,目标方向可以是电子设备的上方向、下方向、左方向和右方向中的任意一种。由于电子设备通常都是上下滚动显示
当前第2页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1