CN107291335B - 一种内容滚动呈现的方法 - Google Patents
一种内容滚动呈现的方法 Download PDFInfo
- Publication number
- CN107291335B CN107291335B CN201710521805.4A CN201710521805A CN107291335B CN 107291335 B CN107291335 B CN 107291335B CN 201710521805 A CN201710521805 A CN 201710521805A CN 107291335 B CN107291335 B CN 107291335B
- Authority
- CN
- China
- Prior art keywords
- text
- scrolling
- drawn
- display
- canvas
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (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)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明涉及一种内容滚动呈现的方法,包括如下步骤:步骤1,设定一画笔类Paint,设定一画布类Canvas,设定一消息类Handler,步骤2,按预设时间间隔,通过Handler循环发送绘制文本更新的消息,步骤3,接收到绘制文本更新的消息后,读取Paint设定的文字显示信息,并根据文字显示信息计算出待绘制文本的显示宽度,步骤4,根据预设速度值,计算待绘制文本每次显示位置,步骤5,通过Canvas,根据支持的显示样式,依次进行绘制底色drawShader,绘制边框drawBorder,绘制文本drawtext操作。本发明,基于Canvas,使不能单行完整的显示的文本内容可以根据情况滚动显示,呈跑马灯显示效果,使用简便,用户体验好。
Description
技术领域
本发明涉及文本内容显示技术领域,具体说是一种内容滚动呈现的方法。尤指Android***中文本内容滚动呈现的方法。
背景技术
现有的Android***已经广泛的使用在各种设备中,包括电视、机顶盒、手机、平板电脑、一体机电脑等等。由于不同设备显示屏幕的尺寸不同,这导致可显示区域大小存在差异,再加之不同用户选择的字体大小、字体式样、显示风格等不同,这就导致以下问题的出现:
在显示文本内容时,对同一个文本内容,有些设备中单行即可完整的显示,而另一些设备中则不能单行完整的显示,在不能单行完整的显示的情况下,由于文本内容被截断,给用户的使用带来很大的不便,例如***版本更新界面中,***版本号被截断,不能单行完整的显示,亦或是下拉菜单中WIFI的名称(SSID)被截断,不能单行完整的显示。现有技术中虽然尝试使用多行显示的方式确保文本内容的完整显示,但并非每一处文本内容被截断的地方都适合多行显示的方式。
更为严重的隐患是:由于文本内容被截断,有些时候是不能仅仅根据显示出的文本内容去具体判断其真实表达的含义,一旦误操作将带来更多严重的问题。例如,如果***版本更新所需的下载文件的大小,也不能单行完整的显示,如果在无WIFI的环境下,用户下载该文件进行***版本更新,或将产生高额的流量费用(比如境外使用流量下载等情况),这将给某些用户带来不必要的支出等一系列麻烦。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种内容滚动呈现的方法,基于Canvas,使不能单行完整的显示的文本内容可以根据情况滚动显示,呈跑马灯显示效果,使用简便,用户体验好。
为达到以上目的,本发明采取的技术方案是:
一种内容滚动呈现的方法,其特征在于,包括如下步骤:
步骤1,设定一画笔类Paint,设定一画布类Canvas,设定一消息类Handler,
步骤2,按预设时间间隔,通过Handler循环发送绘制文本更新的消息,
步骤3,接收到绘制文本更新的消息后,读取Paint设定的文字显示信息,并根据文字显示信息计算出待绘制文本的显示宽度,
步骤4,根据预设速度值,计算待绘制文本每次显示位置,
步骤5,通过Canvas,根据支持的显示样式,依次进行绘制底色drawShader,绘制边框drawBorder,绘制文本drawtext操作。
在上述技术方案的基础上,所述文字显示信息指字体属性,包括但不限于:
字体大小,字体样式,字体颜色,字体加粗,字体透明度。
在上述技术方案的基础上,所述支持的显示样式,包括但不限于:默认不滚动,向左循环滚动,双向滚动。
在上述技术方案的基础上,通过Handler循环发送绘制文本更新的消息,是在监控到文本发生变化时执行。
在上述技术方案的基础上,步骤4所述预设速度值,用于控制文字滚动速度的快慢,单位为毫秒。
本发明所述的内容滚动呈现的方法,基于Canvas,使不能单行完整的显示的文本内容可以根据情况滚动显示,呈跑马灯显示效果,使用简便,用户体验好。
具体实施方式
本发明所述的内容滚动呈现的方法,具体包括如下步骤:
步骤1,设定一画笔类Paint,设定一画布类Canvas,设定一消息类Handler,
步骤2,按预设时间间隔,通过Handler循环发送绘制文本更新的消息,
步骤3,接收到绘制文本更新的消息后,读取Paint设定的文字显示信息,并根据文字显示信息计算出待绘制文本的显示宽度,
步骤4,根据预设速度值,计算待绘制文本每次显示位置,
步骤5,通过Canvas,根据支持的显示样式,依次进行绘制底色drawShader,绘制边框drawBorder,绘制文本drawtext操作。
在上述技术方案的基础上,所述文字显示信息指字体属性,包括但不限于:
字体大小,字体样式,字体颜色,字体加粗,字体透明度。
在上述技术方案的基础上,所述支持的显示样式,包括但不限于:默认不滚动,向左循环滚动,双向滚动。
在上述技术方案的基础上,通过Handler循环发送绘制文本更新的消息,是在监控到文本发生变化时执行。
在上述技术方案的基础上,步骤4所述预设速度值,用于控制文字滚动速度的快慢,单位为毫秒(ms)。
所述文字滚动速度的快慢,调节这一参数将影响文字滚动时的移动速度,过快影响文字辨识,过慢则增加用户等待阅读文字的时间,作为可选择的优化方式:
预设速度值为三档,间隔若干毫秒切换,第一档速度最快,第二档速度次之,第三档速度最慢。
这样设定预设速度值后,实现以下滚动显示效果:
首先,文字快速(对应第一档)滚动呈现一遍,然后以稍慢的速度(对应第二档)再次滚动呈现一遍,最后以最慢的速度(对应第三档,最慢是和第一档及第二档比较而言)再次滚动呈现一遍,既能兼顾时间,也能确保用户阅读的便利。
作为另一可选择的优化方式:
在文字滚动呈现时,如果用户触摸该滚动呈现的文字,则文字即时停止滚动,以便于用户阅读当前显示的文字内容。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (4)
1.一种内容滚动呈现的方法,其特征在于,包括如下步骤:
步骤1,设定一画笔类Paint,设定一画布类Canvas,设定一消息类Handler,
步骤2,按预设时间间隔,通过Handler循环发送绘制文本更新的消息,通过Handler循环发送绘制文本更新的消息是在监控到文本发生变化时执行,
步骤3,接收到绘制文本更新的消息后,读取Paint设定的文字显示信息,并根据文字显示信息计算出待绘制文本的显示宽度,
步骤4,根据预设速度值,计算待绘制文本每次显示位置,
预设速度值为三档,间隔若干毫秒切换,第一档速度最快,第二档速度次之,第三档速度最慢,实现以下滚动显示效果:
首先,文字快速滚动呈现一遍,然后以稍慢的速度再次滚动呈现一遍,最后以最慢的速度再次滚动呈现一遍,
在文字滚动呈现时,如果用户触摸该滚动呈现的文字,则文字即时停止滚动;
步骤5,通过Canvas,根据支持的显示样式,依次进行绘制底色drawShader,绘制边框drawBorder,绘制文本drawtext操作。
2.如权利要求1所述的内容滚动呈现的方法,其特征在于:所述文字显示信息指字体属性,包括但不限于:
字体大小,字体样式,字体颜色,字体加粗,字体透明度。
3.如权利要求1所述的内容滚动呈现的方法,其特征在于:所述支持的显示样式,包括但不限于:默认不滚动,向左循环滚动,双向滚动。
4.如权利要求1所述的内容滚动呈现的方法,其特征在于:步骤4所述预设速度值,用于控制文字滚动速度的快慢,单位为毫秒。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710521805.4A CN107291335B (zh) | 2017-06-30 | 2017-06-30 | 一种内容滚动呈现的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710521805.4A CN107291335B (zh) | 2017-06-30 | 2017-06-30 | 一种内容滚动呈现的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107291335A CN107291335A (zh) | 2017-10-24 |
CN107291335B true CN107291335B (zh) | 2022-06-14 |
Family
ID=60098796
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710521805.4A Active CN107291335B (zh) | 2017-06-30 | 2017-06-30 | 一种内容滚动呈现的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107291335B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107750035A (zh) * | 2017-10-31 | 2018-03-02 | 北京酷我科技有限公司 | 一种音频播放动画效果的算法 |
CN107894885A (zh) * | 2017-11-17 | 2018-04-10 | 北京酷我科技有限公司 | 一种音频方形频谱生成方法 |
CN108519878A (zh) * | 2018-03-21 | 2018-09-11 | 北京酷我科技有限公司 | 一种桌面歌词的交互方法 |
CN108509106B (zh) * | 2018-03-21 | 2021-12-14 | 北京酷我科技有限公司 | 一种桌面歌词移动后定位的方法 |
CN108733446A (zh) * | 2018-05-23 | 2018-11-02 | 深圳市茁壮网络股份有限公司 | 一种文字信息的展示方法及装置 |
CN110971847B (zh) * | 2018-09-28 | 2022-07-05 | 杭州海康威视数字技术股份有限公司 | 屏幕显示内容叠加方法、装置、电子设备以及存储介质 |
CN109413479A (zh) * | 2018-09-28 | 2019-03-01 | 四川长虹电器股份有限公司 | 智能电视语音交互界面文本内容完整显示的方法 |
CN110955361A (zh) * | 2019-11-08 | 2020-04-03 | 爱钱进(北京)信息科技有限公司 | 显示字符的方法、装置以及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1759435A (zh) * | 2003-03-07 | 2006-04-12 | 日本电气株式会社 | 滚动显示控制 |
CN106060634A (zh) * | 2016-05-31 | 2016-10-26 | 乐视控股(北京)有限公司 | 滚动字幕的显示方法及装置 |
CN106210851A (zh) * | 2016-06-30 | 2016-12-07 | 乐视控股(北京)有限公司 | 标题显示控制方法及装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5614926A (en) * | 1993-05-17 | 1997-03-25 | Sharp Kabushiki Kaisha | Word processor with a handwriting text processing function |
US8438496B1 (en) * | 2007-05-09 | 2013-05-07 | Adobe Systems Incorporated | Content sensitive automatic scrolling |
CN104731445B (zh) * | 2013-12-24 | 2018-11-30 | 惠州市德赛西威汽车电子股份有限公司 | 一种长文本显示方法 |
CN106648356B (zh) * | 2016-11-16 | 2020-04-17 | 西安诺瓦星云科技股份有限公司 | 基于Android平台的走马灯效果实现装置及方法 |
-
2017
- 2017-06-30 CN CN201710521805.4A patent/CN107291335B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1759435A (zh) * | 2003-03-07 | 2006-04-12 | 日本电气株式会社 | 滚动显示控制 |
CN106060634A (zh) * | 2016-05-31 | 2016-10-26 | 乐视控股(北京)有限公司 | 滚动字幕的显示方法及装置 |
CN106210851A (zh) * | 2016-06-30 | 2016-12-07 | 乐视控股(北京)有限公司 | 标题显示控制方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107291335A (zh) | 2017-10-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107291335B (zh) | 一种内容滚动呈现的方法 | |
CN103809843B (zh) | 一种在浏览器中调节显示屏亮度的方法和装置 | |
US9285975B2 (en) | Portable terminal and control program for portable terminal | |
CN104636048A (zh) | 一种页面内容滚动显示的方法和装置 | |
WO2016078254A1 (zh) | 一种显示方法及终端、存储介质 | |
CN101566909A (zh) | 多窗口操作界面显示方法 | |
EP4209875A1 (en) | User interface adjustment method and apparatus, and electronic device | |
CN105005427A (zh) | 一种窗口管理方法及装置 | |
CN104572822B (zh) | 文本展现方法及装置 | |
CN109920320B (zh) | 一种操控天象仪进行天象演示的方法及控制*** | |
US20150067573A1 (en) | Method for displaying keypad for smart devices | |
WO2018068447A1 (zh) | 一种信息显示方法、终端及存储介质 | |
US20240201825A1 (en) | Event trigger control method and apparatus, electronic device, and medium | |
EP4343512A1 (en) | Control display method and apparatus, device, and medium | |
CN109164966A (zh) | 一种屏幕截图的方法及装置 | |
CN106708372A (zh) | 一种未读消息显示的方法及装置 | |
WO2017071177A1 (zh) | 锁屏信息流的展示方法及装置 | |
CN104965702A (zh) | 一种智能终端的多窗口运行方法、装置及智能终端 | |
CN108235104B (zh) | 一种用于移动终端的直播视频浮窗播放方法 | |
CN105138106A (zh) | 一种移动终端阅读省电方法及*** | |
CN106708495B (zh) | 一种基于移动终端的页面显示方法及装置 | |
CN104049894A (zh) | 一种信息处理方法和电子设备 | |
CN104423851B (zh) | 调整画面显示的***及方法 | |
CN106375190B (zh) | 一种即时通讯软件界面拆分与合并的显示方法及*** | |
US10963983B2 (en) | Graphics performance for complex user interfaces |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |