CN106066790A - 一种设置控件光晕的方法和装置 - Google Patents
一种设置控件光晕的方法和装置 Download PDFInfo
- Publication number
- CN106066790A CN106066790A CN201610352933.6A CN201610352933A CN106066790A CN 106066790 A CN106066790 A CN 106066790A CN 201610352933 A CN201610352933 A CN 201610352933A CN 106066790 A CN106066790 A CN 106066790A
- Authority
- CN
- China
- Prior art keywords
- halation
- control
- word
- profile
- width
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 30
- 230000008859 change Effects 0.000 claims abstract description 25
- 238000012544 monitoring process Methods 0.000 claims abstract description 7
- 235000013399 edible fruits Nutrition 0.000 claims 2
- 230000000007 visual effect Effects 0.000 abstract description 7
- 230000000694 effects Effects 0.000 abstract description 5
- 239000000203 mixture Substances 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000002372 labelling Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 208000002173 dizziness Diseases 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004744 fabric Substances 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 125000001475 halogen functional group Chemical group 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003313 weakening effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明公开了一种设置控件光晕的方法和装置,包括:监测焦点的位置变化;若检测到焦点移动,获取焦点移向的目标控件内的文字布局;获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。本发明公开的方法和装置根据焦点移向的空间内文字的文字布局,计算控件光晕的外形,从而实现了根据不同的文字布局显示不同尺寸的控件光晕,使用户可以更加准确地确定当前焦点所指示的内容,并且使用动画效果在移动控件光晕时改变控件光晕的外形,带给用户更好的视觉体验。
Description
技术领域
本发明涉及通信技术领域,特别是指一种设置控件光晕的方法和装置。
背景技术
在进行UI(用户界面,User Interface)设计时,焦点框的设置是非常重要的部分。焦点用于指示当前用户选中并能够进行操作的控件,焦点是不可见的,仅为程序执行相应操作提供标记,而用于指示焦点位置的可见标识即为焦点框。焦点框的形式多种多样,包括框体型、标注线型以及光晕型等等,通过不同的形式指示焦点所处当前位置。控件光晕是较为常用的一种焦点框,通常使用一张边缘淡化并增加透明度的光晕图片作为光晕的主体,在移动焦点的同时将控件光晕移动至不同控件上,从而标记焦点的位置。但是,现有的控件光晕的尺寸设置仅根据控件大小进行确定,并且通常尺寸都是不变的,当控件内显示的内容(例如文字等)多少发生改变时,控件光晕无法进行适应性改变,从而导致显示效果十分单调;而当控件内显示的内容过多或过少,与控件光晕的大小差异过大时,还会影响用户对于焦点位置的判断。
发明内容
有鉴于此,本发明的目的在于提出一种设置控件光晕的方法和装置,用以实现根据控件内显示的内容动态调整控件光晕的大小,提升用户的使用体验。
基于上述目的本发明提供的一种设置控件光晕的方法,包括:
监测焦点的位置变化;
若检测到焦点移动,获取焦点移向的目标控件内的文字布局;
获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;
将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
可选的,所述文字布局包括文字字数和文字字号;所述根据所述文字布局计算控件光晕的第二外形,具体包括:
根据文字字号确定所述第二外形的高度;
判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内;若判定所述结果处于所述长度区间内,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
可选的,方法还包括:
若判定所述结果低于所述长度区间的左端点,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度;
若判定所述结果高于所述长度区间的右端点,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
可选的,所述将控件光晕移动至所述目标控件,具体包括:
获取所述当前控件中所述控件光晕的第一位置;
根据所述文字布局计算所述目标控件中所述控件光晕的第二位置;
根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间;
在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
可选的,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
可选的,所述文字布局包括文字字数、文字字号和文字起始边缘,所述根据所述文字布局计算所述目标控件中所述控件光晕的第二位置,具体包括:
根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度;
使用所述文字字数乘以所述文字宽度得到总宽度;
根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量;
使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
基于上述目的本发明提供的一种设置控件光晕的装置,包括:
焦点单元,用于监测焦点的位置变化;
文字布局单元,用于在所述焦点单元检测到焦点移动时,获取焦点移向的目标控件内的文字布局;
光晕控制单元,用于获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;所述光晕控制单元还用于将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
可选的,所述文字布局包括文字字数和文字字号;所述文字布局单元用于根据文字字号确定所述第二外形的高度;所述光晕控制单元用于判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内;若判定所述结果处于所述长度区间内,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
可选的,所述光晕控制单元用于在判定所述结果低于所述长度区间的左端点时,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度;还用于在判定所述结果高于所述长度区间的右端点时,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
可选的,所述光晕控制单元用于获取所述当前控件中所述控件光晕的第一位置;根据所述文字布局计算所述目标控件中所述控件光晕的第二位置;根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间;还用于在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
可选的,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
可选的,所述文字布局包括文字字数、文字字号和文字起始边缘,所述文字布局单元用于根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度;使用所述文字字数乘以所述文字宽度得到总宽度;根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量;所述光晕控制单元用于使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
从上面所述可以看出,本发明公开的方法和装置根据焦点移向的空间内文字的文字布局,计算控件光晕的外形,从而实现了根据不同的文字布局显示不同尺寸的控件光晕,使用户可以更加准确地确定当前焦点所指示的内容,并且使用动画效果在移动控件光晕时改变控件光晕的外形,带给用户更好的视觉体验。
附图说明
图1为本发明提供的一种设置控件光晕的方法的实施例的流程示意图;
图2为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图;
图3为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图;
图4为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图;
图5为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图;
图6为本发明提供的一种设置控件光晕的装置的实施例的框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本发明进一步详细说明。
需要说明的是,本发明实施例中所有使用“第一”和“第二”的表述均是为了区分两个相同名称非相同的实体或者非相同的参量,可见“第一”“第二”仅为了表述的方便,不应理解为对本发明实施例的限定,后续实施例对此不再一一说明。
图1为本发明提供的一种设置控件光晕的方法的实施例的流程示意图。如图所示,本发明公开的一种设置控件光晕的方法的实施例,包括:
S10,监测焦点的位置变化。
所述焦点用于标识控件被选中的状态;由于在同一时间,通常情况下只能有一个控件被操控,因此需要通过焦点对这一能够被操控的控件进行标识。例如,在配置有鼠标的电脑上,鼠标点击某一框体,则焦点就移动至该框体上,用户进行的文本输入等功能则自动选取该框体内的目标进行操作;再例如,对于智能电视的节目列表,通过遥控器移动指示框或指示光晕在节目列表中移动从而选取特定节目,实际上指示框或指示光晕是用于标识焦点所在的当前位置的。
S11,若检测到焦点移动,获取焦点移向的目标控件内的文字布局。
所述文字布局包括文字的字号、数量、具体位置(例如共有多少行,每行多少字等)等信息,在得知文字布局后,可以根据文字布局内包含的信息确定文字的总体外轮廓。
S12,获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形。
所述根据文字布局计算控件光晕的第二外形,是指根据文字布局,确定文字的总体外轮廓,并计算能够尽可能覆盖文字外轮廓并且大小合理的控件光晕的外形。同理,所述第一外形也是根据焦点所在的当前控件中文字布局进行确定的。
S13,计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画。
S14,将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
从上面所述可以看出,本实施例公开的方法根据焦点移向的空间内文字的文字布局,计算控件光晕的外形,从而实现了根据不同的文字布局显示不同尺寸的控件光晕,并且使用动画效果在移动控件光晕时改变控件光晕的外形,带给用户更好的视觉体验。
图2为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图。如图所示,在可选的实施例中,所述文字布局包括文字字数和文字字号;步骤S12中,所述根据所述文字布局计算控件光晕的第二外形,具体包括:
S20,根据文字字号确定所述第二外形的高度。
S21,判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内。若判定所述结果处于所述长度区间内,执行步骤S22。
S22,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
本实施例公开了根据所述文字布局计算控件光晕的第二外形的具体方法。需要说明的是,步骤S20所述根据文字字号确定第二外形的高度,并不限定于仅一行文字的状态,尽管大多数情况下控件中的文字标题均为一行,但是不排除一些特殊情况下控件中的文字为多行,此时只要使用行数乘以文字高度即可得到所述第二外形的高度。设置S21这一判定步骤的目的是为了避免因文字过长或过短导致控件光晕形变严重,影响用户视觉体验。在后面的实施例中,会进一步提供对于步骤S21在其他判定状态的后续实施方式。
图3为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图。如图所示,在可选的实施例中,方法还包括:
S30,若判定所述结果低于所述长度区间的左端点,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度。
S31,若判定所述结果高于所述长度区间的右端点,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
所述长度区间包括左右两个端点;若判定所述结果低于所述长度区间的左端点,也即所述结果过小,此时如果直接将控件光晕的宽度设置为第二外形的宽度,则会使控件光晕过分压缩而严重变形,因此此处额外将所述结果乘以第一系数,适当加长第二外形的宽度,所述第一系数为大于1的实数,较佳的取值范围是1.2-1.5;同理,若判定所述结果高于所述长度区间的右端点,也即所述结果过大,此时如果直接将控件光晕的宽度设置为第二外形的宽度,则会使控件光晕过分拉伸而严重变形,因此此处额外将所述结果乘以第二系数,适当压缩第二外形的宽度,所述第二系数为小于1的实数,较佳的取值范围是0.6-0.9。
本实施例通过判断焦点移向的控件内文字的宽度,将宽度过大或者过小的结果乘以某一调整用系数从而得到控件光晕第二外形的最终宽度,从而避免了控件光晕严重变形降低用户体验的问题。
图4为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图。如图所示,在可选的实施例中,步骤S14中,所述将控件光晕移动至所述目标控件,具体包括:
S40,获取所述当前控件中所述控件光晕的第一位置。
S41,根据所述文字布局计算所述目标控件中所述控件光晕的第二位置。
S42,根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间。
这里控件光晕的移动速度是预先设置的,可以为匀速,也可以是变速;弱控件光晕的移动速度为变速,则较佳的方式是根据移动路径的比例确定至少一个变速节点,在变速节点确定的不同区间中采用不同的加速度运行,以实现更为柔和的视觉效果。
S43,在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
所述步骤S42和S42的前提是,移动速度确定而移动路径不定,从而计算不同的移动时间;在一些可选的实施方式中,还可以将移动时间设置为一个定值,而根据移动路径控制移动速度进行改变。此时可以省略步骤S42和S43,直接使用该定值作为移动时间参与后续计算即可。
在可选的实施例中,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
在本实施例汇总,所述控件光晕高度和宽度的改变是同时执行的。在一些具体的实施方式中,所述控件光晕为一张预设图案的图片,改变控件光晕高度和宽度就是对该图片的尺寸进行调整。
图5为本发明提供的一种设置控件光晕的方法的可选实施例的流程示意图。如图所示,在可选的实施例中,所述文字布局包括文字字数、文字字号和文字起始边缘,步骤S41,根据所述文字布局计算所述目标控件中所述控件光晕的第二位置,具体包括:
S50,根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度。
S51,使用所述文字字数乘以所述文字宽度得到总宽度。
S52,根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量。
S53,使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
在本实施例中,确定文字位置以及控件光晕位置的基准是文字起始边缘,以中国地区的阅读习惯为文字的左边缘。当起始边缘后,在根据文字的外轮廓(即步骤S51中计算得到的文字宽度和总高度)进一步计算文字块的中心位置,使用所述起始边缘叠加这一中心位置得到文字块中心在控件中的可用位置坐标;在移动控件光晕时,使用这一坐标作为所述第二位置。
图6为本发明提供的一种设置控件光晕的装置的实施例的框图。如图所示,本发明公开的一种设置控件光晕的装置的实施例,包括:
焦点单元60,用于监测焦点的位置变化;
文字布局单元61,用于在所述焦点单元检测到焦点移动时,获取焦点移向的目标控件内的文字布局;
光晕控制单元62,用于获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;所述光晕控制单元还用于将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
从上面所述可以看出,本实施例公开的方法通过焦点单元60检测焦点的位置变化,通过文字布局单元61根据焦点移向的空间内文字的文字布局,通过光晕控制单元62计算控件光晕的外形,从而实现了根据不同的文字布局显示不同尺寸的控件光晕,并且使用动画效果在移动控件光晕时改变控件光晕的外形,带给用户更好的视觉体验。
在可选的实施例中,所述文字布局包括文字字数和文字字号;所述文字布局单元61用于根据文字字号确定所述第二外形的高度;所述光晕控制单元62用于判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内;若判定所述结果处于所述长度区间内,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
在可选的实施例中,所述光晕控制单元62用于在判定所述结果低于所述长度区间的左端点时,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度;还用于在判定所述结果高于所述长度区间的右端点时,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
在可选的实施例中,所述光晕控制单元62用于获取所述当前控件中所述控件光晕的第一位置;根据所述文字布局计算所述目标控件中所述控件光晕的第二位置;根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间;还用于在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
在可选的实施例中,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
在可选的实施例中,所述文字布局包括文字字数、文字字号和文字起始边缘,所述文字布局单元61用于根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度;使用所述文字字数乘以所述文字宽度得到总宽度;根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量;所述光晕控制单元62用于使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
所属领域的普通技术人员应当理解:以上任何实施例的讨论仅为示例性的,并非旨在暗示本公开的范围(包括权利要求)被限于这些例子;在本发明的思路下,以上实施例或者不同实施例中的技术特征之间也可以进行组合,步骤可以以任意顺序实现,并存在如上所述的本发明的不同方面的许多其它变化,为了简明它们没有在细节中提供。
另外,为简化说明和讨论,并且为了不会使本发明难以理解,在所提供的附图中可以示出或可以不示出与集成电路(IC)芯片和其它部件的公知的电源/接地连接。此外,可以以框图的形式示出装置,以便避免使本发明难以理解,并且这也考虑了以下事实,即关于这些框图装置的实施方式的细节是高度取决于将要实施本发明的平台的(即,这些细节应当完全处于本领域技术人员的理解范围内)。在阐述了具体细节(例如,电路)以描述本发明的示例性实施例的情况下,对本领域技术人员来说显而易见的是,可以在没有这些具体细节的情况下或者这些具体细节有变化的情况下实施本发明。因此,这些描述应被认为是说明性的而不是限制性的。
尽管已经结合了本发明的具体实施例对本发明进行了描述,但是根据前面的描述,这些实施例的很多替换、修改和变型对本领域普通技术人员来说将是显而易见的。例如,其它存储器架构(例如,动态RAM(DRAM))可以使用所讨论的实施例。
本发明的实施例旨在涵盖落入所附权利要求的宽泛范围之内的所有这样的替换、修改和变型。因此,凡在本发明的精神和原则之内,所做的任何省略、修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (12)
1.一种设置控件光晕的方法,其特征在于,包括:
监测焦点的位置变化;
若检测到焦点移动,获取焦点移向的目标控件内的文字布局;
获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;
将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
2.根据权利要求1所述的方法,其特征在于,所述文字布局包括文字字数和文字字号;所述根据所述文字布局计算控件光晕的第二外形,具体包括:
根据文字字号确定所述第二外形的高度;
判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内;若判定所述结果处于所述长度区间内,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
3.根据权利要求2所述的方法,其特征在于,方法还包括:
若判定所述结果低于所述长度区间的左端点,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度;
若判定所述结果高于所述长度区间的右端点,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
4.根据权利要求1所述的方法,其特征在于,所述将控件光晕移动至所述目标控件,具体包括:
获取所述当前控件中所述控件光晕的第一位置;
根据所述文字布局计算所述目标控件中所述控件光晕的第二位置;
根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间;
在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
5.根据权利要求4所述的方法,其特征在于,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
6.根据权利要求4所述的方法,其特征在于,所述文字布局包括文字字数、文字字号和文字起始边缘,所述根据所述文字布局计算所述目标控件中所述控件光晕的第二位置,具体包括:
根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度;
使用所述文字字数乘以所述文字宽度得到总宽度;
根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量;
使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
7.一种设置控件光晕的装置,其特征在于,包括:
焦点单元,用于监测焦点的位置变化;
文字布局单元,用于在所述焦点单元检测到焦点移动时,获取焦点移向的目标控件内的文字布局;
光晕控制单元,用于获取焦点所在的当前控件中控件光晕的第一外形,根据所述文字布局计算控件光晕的第二外形;计算得到由所述第一外形渐变至所述第二外形的至少一个渐变动画;所述光晕控制单元还用于将控件光晕移动至所述目标控件的过程中,根据所述渐变动画改变所述控件光晕的外形。
8.根据权利要求7所述的装置,其特征在于,所述文字布局包括文字字数和文字字号;所述文字布局单元用于根据文字字号确定所述第二外形的高度;所述光晕控制单元用于判断所述文字字数乘以所述文字字号的结果是否处于预设的长度区间内;若判定所述结果处于所述长度区间内,将所述文字字数乘以所述文字字号的结果作为所述第二外形的宽度。
9.根据权利要求8所述的装置,其特征在于,所述光晕控制单元用于在判定所述结果低于所述长度区间的左端点时,将所述文字字数乘以所述文字字号的结果再乘以第一系数,计算得到所述第二外形的宽度;还用于在判定所述结果高于所述长度区间的右端点时,将所述文字字数乘以所述文字字号的结果再乘以第二系数,计算得到所述第二外形的宽度。
10.根据权利要求7所述的装置,其特征在于,所述光晕控制单元用于获取所述当前控件中所述控件光晕的第一位置;根据所述文字布局计算所述目标控件中所述控件光晕的第二位置;根据所述第一位置和第二位置计算所述控件光晕的移动路径,根据所述移动路径计算移动时间;还用于在所述移动时间内,沿所述移动路径将所述控件光晕由所述第一位置移动至所述第二位置。
11.根据权利要求10所述的装置,其特征在于,所述渐变动画包括:
在所述移动时间内,将所述控件光晕由所述第一外形的高度匀速改变为所述第二外形的高度,将所述控件光晕的宽度由所述第一外形的宽度匀速改变为所述第二外形的宽度。
12.根据权利要求10所述的装置,其特征在于,所述文字布局包括文字字数、文字字号和文字起始边缘,所述文字布局单元用于根据文字字号确定文字高度和文字宽度,将所述文字高度作为总高度;使用所述文字字数乘以所述文字宽度得到总宽度;根据所述总高度和总宽度计算文字的中心点相对于文字起始边缘的偏移量;所述光晕控制单元用于使用所述文字起始边缘叠加所述偏移量得到所述控件光晕的第二位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610352933.6A CN106066790A (zh) | 2016-05-25 | 2016-05-25 | 一种设置控件光晕的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610352933.6A CN106066790A (zh) | 2016-05-25 | 2016-05-25 | 一种设置控件光晕的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106066790A true CN106066790A (zh) | 2016-11-02 |
Family
ID=57420159
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610352933.6A Pending CN106066790A (zh) | 2016-05-25 | 2016-05-25 | 一种设置控件光晕的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106066790A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106649208A (zh) * | 2016-12-29 | 2017-05-10 | 天津瀚海星云数字科技有限公司 | 一种用于U3D中UI Text光晕方法及系统 |
CN110222324A (zh) * | 2019-05-21 | 2019-09-10 | 上海阿几网络技术有限公司 | 一种基于文字段落结构和字号变化率的自动布局装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103543922A (zh) * | 2013-07-01 | 2014-01-29 | Tcl集团股份有限公司 | 一种焦点移动方法、系统及智能设备 |
CN103631484A (zh) * | 2012-08-24 | 2014-03-12 | 中兴通讯股份有限公司 | 一种调整界面控件位置的方法、装置及终端 |
CN104461256A (zh) * | 2014-12-30 | 2015-03-25 | 广州视源电子科技股份有限公司 | 界面元素显示方法和系统 |
-
2016
- 2016-05-25 CN CN201610352933.6A patent/CN106066790A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103631484A (zh) * | 2012-08-24 | 2014-03-12 | 中兴通讯股份有限公司 | 一种调整界面控件位置的方法、装置及终端 |
CN103543922A (zh) * | 2013-07-01 | 2014-01-29 | Tcl集团股份有限公司 | 一种焦点移动方法、系统及智能设备 |
CN104461256A (zh) * | 2014-12-30 | 2015-03-25 | 广州视源电子科技股份有限公司 | 界面元素显示方法和系统 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106649208A (zh) * | 2016-12-29 | 2017-05-10 | 天津瀚海星云数字科技有限公司 | 一种用于U3D中UI Text光晕方法及系统 |
CN110222324A (zh) * | 2019-05-21 | 2019-09-10 | 上海阿几网络技术有限公司 | 一种基于文字段落结构和字号变化率的自动布局装置 |
CN110222324B (zh) * | 2019-05-21 | 2022-11-08 | 上海阿几网络技术有限公司 | 一种基于文字段落结构和字号变化率的自动布局装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101334725B (zh) | 提高窗口显示性能的方法与装置 | |
CN110163640A (zh) | 一种在视频中植入广告的方法及计算机设备 | |
US20070209017A1 (en) | Controlling Scroll Speed To Improve Readability | |
CN103324414A (zh) | 一种调整图标位置的方法及移动终端 | |
CN102541537B (zh) | 一种具有环绕效果的菜单容器控件的实现方法及装置 | |
CN104423794A (zh) | 一种具有双窗口显示功能的智能型移动设备 | |
CN102184164A (zh) | 页面更新方法及电子阅读器 | |
WO2014047875A1 (en) | Content based dynamic control methods and systems for display brightness | |
US9830043B2 (en) | Processing method and processing device for displaying icon and electronic device | |
CN104808923A (zh) | 一种屏幕控制方法和电子设备 | |
US9921719B2 (en) | Touch display apparatus and wallpaper replacing method thereof | |
CN107786886A (zh) | 智能电视的焦点控制方法、智能电视及存储介质 | |
CN103838475A (zh) | 网页中进行文本框输入的方法及装置 | |
CN103914466B (zh) | 一种标签按钮管理的方法及系统 | |
CN104834373A (zh) | 一种壁纸元素的显示方法 | |
CN105892842A (zh) | 屏幕触控方法及装置 | |
CN106095139B (zh) | 一种在投影交互系统中提升线条绘制速度的方法 | |
CN107256122A (zh) | 屏幕亮度调节方法、装置、终端和计算机可读存储介质 | |
CN106066790A (zh) | 一种设置控件光晕的方法和装置 | |
CN103744598A (zh) | 一种信息处理的方法和设备 | |
CN107678637A (zh) | 切换选项卡的方法、设备、浏览器和电子设备 | |
CN107765957B (zh) | 一种下拉菜单及其箭头的显示控制方法及系统 | |
CN106325490A (zh) | 控制电子设备的方法及电子设备 | |
CN103677524A (zh) | 导航条呈现方式的控制方法及装置 | |
CN105912312A (zh) | 一种控件滑动控制方法及其装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20161102 |