CN106952322A - 一种用于百分比数字的水波纹渲染方法及装置 - Google Patents
一种用于百分比数字的水波纹渲染方法及装置 Download PDFInfo
- Publication number
- CN106952322A CN106952322A CN201710163776.9A CN201710163776A CN106952322A CN 106952322 A CN106952322 A CN 106952322A CN 201710163776 A CN201710163776 A CN 201710163776A CN 106952322 A CN106952322 A CN 106952322A
- Authority
- CN
- China
- Prior art keywords
- height
- water ripples
- textview controls
- textview
- controls
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明实施例提供了一种用于百分比数字的水波纹渲染方法及装置,所述方法包括:在页面中显示百分比数字的位置处添加Textview控件,Textview控件的高度与所述百分比数字的高度相同;根据百分比数字所表示的百分比值和Textview控件的高度,计算Textview控件中待显示水波纹的最大高度;按第一预设周期,在Textview控件中依次显示高度递增的水波纹;当Textview控件中显示的水波纹的高度到达最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变水波纹顶端的波动形状。本发明实施例能够实现对百分比数字的渲染更加丰富,能够引起用户的重点关注,不会忽略重要的数据信息,提高用户体验,提高用户的阅读兴趣。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种用于百分比数字的水波纹渲染方法及装置。
背景技术
随着移动互联网和移动通信设备的快速发展,移动终端设备已经是人们获取各种资讯信息的重要渠道,各种移动终端设备上都安装有各种各样的应用软件,用户通过这些应用软件可以轻松方便的获取各种信息。
在各种信息显示页面中,经常会出现百分比类型的数字,尤其在一些财经类的信息显示页面中,经常会出现收益、亏损、止损等等重要的百分比类型数字。在很多时候这些百分比类型的数字都是十分重要的信息,需要用户重点进行关注。所以,可以对这些百分比类型的数字进行渲染,从而使得百分比类型的数字区别于页面中的其他文字或者数字,用户可以清楚的识别到百分比类型的数字。
目前,在现有技术中,对于百分比类型的数字的渲染只是单纯的改变其颜色或字体。而这样的渲染较为单调,用户体验不好,并且不能很好的引起用户的重点关注,使得用户可能忽略较为重要的信息。
发明内容
本发明实施例的目的在于提供一种用于百分比数字的水波纹渲染方法及装置,以将百分比数字渲染得更加丰富,引起用户的重点关注,提高用户体验。具体技术方案如下:
本发明实施例公开了一种用于百分比数字的水波纹渲染方法,包括:
在页面中显示百分比数字的位置处添加Textview控件,所述Textview控件的高度与所述百分比数字的高度相同;
根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算所述Textview控件中待显示水波纹的最大高度;
按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹;
当所述Textview控件中显示的水波纹的高度到达所述最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变所述水波纹顶端的波动形状。
可选的,所述在页面中显示百分比数字的位置处添加Textview控件的步骤包括:
对当前显示的页面进行检测,检测出所述页面中所有的显示百分比数字的位置;
在每一个显示百分比数字的位置处添加Textview控件。
可选的,所述根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算所述Textview控件中待显示水波纹的最大高度的步骤包括:
将所述百分比数字所表示的百分比值乘以所述Textview控件的高度,得到的数值作为所述Textview控件中待显示水波纹的最大高度。
可选的,所述按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹的步骤包括:
在每个第一预设周期开始时,删除所述Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在所述Textview控件中。
可选的,所述改变所述水波纹顶端的波动形状的步骤包括:
使用贝塞尔曲线表示所述水波纹顶端的波动形状;
通过改变所述贝塞尔曲线的控制点位置,改变所述水波纹顶端的波动形状。
可选的,所述方法还包括:
当所述页面转入后台运行时,记录所述Textview控件中当前的水波纹的高度,并保持当前的水波纹的高度不变;
当所述页面重新运行时,读取所记录的水波纹的高度,在所述Textview控件中显示该高度的水波纹,并按所述第一预设周期,依次显示高度递增的水波纹。
本发明实施例还公开了一种用于百分比数字的水波纹渲染装置,包括:
加载模块,用于在页面中显示百分比数字的位置处添加Textview控件,所述Textview控件的高度与所述百分比数字的高度相同;
计算模块,用于根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算出所述Textview控件中待显示水波纹的最大高度;
绘制模块,用于按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹;
调整模块,用于当所述Textview控件中显示的水波纹的高度到达所述最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变所述水波纹顶端的波动形状。
可选的,所述计算模块,具体用于将所述百分比数字所表示的百分比值乘以所述Textview控件的高度,得到的数值作为所述Textview控件中待显示水波纹的最大高度。
可选的,所述绘制模块,具体用于在每个第一预设周期开始时,删除所述Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在所述Textview控件中。
可选的,所述调整模块包括:
执行子模块,用于使用贝塞尔曲线表示所述水波纹顶端的波动形状;
调整子模块,用于通过改变所述贝塞尔曲线的控制点位置,改变所述水波纹顶端的波动形状。
本发明实施例提供的一种用于百分比数字的水波纹渲染方法及装置,可以在页面中显示百分比数字的位置处添加Textview控件,在该控件中按百分比数字渲染出对应比例的水波纹,使得对于百分比数字的渲染更加丰富,能够引起用户的重点关注,不会忽略重要的数据信息,提高用户体验,提高用户的阅读兴趣。当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的用于百分比数字的水波纹渲染方法的流程图;
图2为本发明实施例提供的使用百分比数字的水波纹渲染方法的效果示意图;
图3为本发明实施例提供的用于百分比数字的水波纹渲染装置的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参见图1,图1为本发明实施例提供的用于百分比数字的水波纹渲染方法的流程图,包括:
步骤101,在页面中显示百分比数字的位置处添加Textview控件,Textview控件的高度与百分比数字的高度相同。
本发明实施例提供的方法可以应用于电子设备。其中,上述电子设备可以为台式计算机、便携式计算机、智能移动终端等。
在本发明实施例中,用户可以通过电子设备获取信息。具体的,用户可以查看电子设备的页面中显示的信息。其中,页面主要是指移动终端设备中所安装的各种应用程序的页面,这些页面可以包含文字、图片等各种信息。
Textview控件是Android操作系统下用来显示字符串的组件,例如,可以在手机上显示一块文本的区域。Textview控件可以加载在页面中的指定位置,用来显示文本或者其他形式的内容。
在本发明实施例中,当页面中含有百分比数字时,例如,页面中含有50%,75%等形式的数字时,电子设备可以在页面中显示百分比数字的位置处添加一个Textview控件。例如,可以使用该Textview控件覆盖原来页面中已经存在的百分比数字,在该Textview控件中显示与原有的百分比数字相同的百分比数字,并且可以对所显示的百分比数字进行渲染。
当然,也可以在制作含有百分比数字的页面时,直接在待显示百分比数字的位置处,添加Textview控件,在Textview控件中显示百分比数字。
并且,电子设备可以对添加的Textview控件进行配置,使该Textview控件的高度与百分比数字的高度相同。这样,当在该Textview控件内显示百分比数字时,该Textview控件中的百分比数字可以和原有的百分比数字大小相同。从而使得页面上的文字大小相统一,并且有利于对Textview控件中所显示的百分比数字进行渲染。
步骤102,根据百分比数字所表示的百分比值和Textview控件的高度,计算Textview控件中待显示水波纹的最大高度。
可以理解,在电子设备中,Textview控件的高度及大小都是可以进行调整的,在上一步骤中,已经对Textview控件的高度进行了配置,所以Textview控件的高度是确定的。
在本发明实施例中,当在页面中显示百分比数字的位置处添加Textview控件后,可以通过在Textview控件中显示水波纹,来达到重点显示百分比数字的目的。具体的,可以在Textview控件中显示高度不断变化的水波纹。其中,水波纹的最小高度可以预设为0,最大高度可以根据百分比数字所表示的百分比值和Textview控件的高度计算得到。
百分比数字所表示的百分比值就是百分比数字的具体数值。Textview控件中待显示的水波纹是对Textview控件中所显示的百分比数字的一种渲染方法。在该渲染方法中Textview控件中所显示的百分比数字相当于容器,水波纹可以呈现出液体在容器中波动的效果。从而使得百分比数字的显示更加丰富,吸引用户注意。
根据百分比数字所表示的百分比值和Textview控件的高度,可以通过多种计算方法确定出Textview控件中待显示水波纹的最大高度。例如,可以预设不同的百分比值对应Textview控件内水波纹最大高度的对照表,如百分比值为0~50%时,水波纹最大高度为Textview控件的高度的一半;百分比值为50%~90%时,水波纹最大高度为Textview控件的高度的80%;百分比值为100%时,水波纹最大高度为Textview控件的高度的100%。只要Textview控件中待显示水波纹的最大高度不超过Textview控件的高度,各种通过百分比数字所表示的百分比值换算出Textview控件中待显示水波纹的最大高度的方法都是可行的。
步骤103,按第一预设周期,在Textview控件中依次显示高度递增的水波纹。
当电子设备完成了Textview控件中待显示水波纹的最大高度后,就可以按照第一预设周期,在Textview控件中开始显示高度递增水波纹。其中,第一预设周期是可以根据需要进行设置的时间周期,例如,可以是20ms,50ms等。
当在Textview控件中开始显示水波纹时,水波纹从Textview控件的底部开始出现,每一个第一预设周期,都将水波纹的高度提高一个预设的高度,预设的高度可以根据需要设定,例如,可以是1个像素的高度,或两个像素的高度等等。
在Textview控件中生成水波纹属于现有的技术,本领域的技术人员通过对Textview控件进行配置都可以实现。每一个第一预设周期,都将水波纹的高度提高一个预设的高度,可以是在每一个第一预设周期,重新生成比前一个第一预设周期增加了预设高度的水波纹,也可以是将上一个第一预设周期所生成的水波纹重新进行参数的配置,将该水波纹增加预设高度。
在Textview控件中的水波纹,按第一预设周期显示高度递增的水波纹,就可以模拟出水波纹逐步增高的动画效果。更加丰富了百分比数字的渲染效果。
步骤104,当Textview控件中显示的水波纹的高度到达最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变水波纹顶端的波动形状。
电子设备在按第一预设周期在Textview控件中依次显示高度递增的水波纹时,可以实时的监测Textview控件中水波纹的高度,如果水波纹的高度没有到达前面所计算出的水波纹的最大高度时,则继续按第一预设周期,增加Textview控件中水波纹的高度。
当Textview控件中水波纹的高度到达最大高度后,就不再按第一预设周期,增加Textview控件中水波纹的高度,并且保持当前显示的水波纹的高度不变。并且可以按照第二预设周期,改变水波纹顶端的波动形状。水波纹顶端一般为一条曲线,用来模拟水波的波动。可以按照第二预设周期,改变该曲线的曲率,从而可以模拟出水波纹波动的动画,进一步增加了水波纹的渲染效果。其中,第二预设周期可以根据需要进行设置,为了使用户在观看时没有卡顿感,一般可以优选为10ms或20ms。
在本发明实施例中,通过在页面中显示百分比数字的位置处添加Textview控件,按百分比数字的数值,在Textview控件中显示不同高度的水波纹,并且Textview控件中的水波纹能够模拟出水面增长和水面波动的动态效果,使得对于百分比数字的渲染更加丰富,能够引起用户的重点关注,不会忽略重要的数据信息,提高用户体验,提高用户的阅读兴趣。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染方法中,在页面中显示百分比数字的位置处添加Textview控件的步骤可以包括:
第一步,对当前显示的页面进行检测,检测出页面中所有的显示百分比数字的位置。
电子设备在对已有的页面进行百分比数字的渲染时,可以先对页面进行检测,从中检测出页面中每一个百分比数字,并且确定出每一个百分比数字在页面中的位置。
检测页面中特定的文字或符号,在现有技术中已有多种实现的方式。例如,可以通过第三方的文字识别程序,或者在显示该页面的应用程序中,集成文字或符号的检索程序等。在本发明实施例中,可以通过在页面中识别“%”或“百分比”等符号或特定文字,从而检测出页面中的所有百分比数字。
第二步,在每一个显示百分比数字的位置处添加Textview控件。
当检测出页面中的所有的百分比数字以及确定出每一个百分比数字所在的位置后,就可以在每一个显示百分比数字的位置处添加Textview控件。从而对每一个百分比数字进行渲染。
当然,也可以根据需要在个别的百分比数字的位置处添加Textview控件,而不需要在所有的百分比数字的位置处进行添加。具体应用时,可以根据需要进行配置或选择。
在本发明实施例中,通过对于页面进行检测,可以在页面中自动识别出全部的百分比数字,并在页面中的百分比数字位置处添加Textview控件,从而实现了对页面中的百分比数字自动的进行水波纹的渲染。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染方法中,根据百分比数字所表示的百分比值和Textview控件的高度,计算Textview控件中待显示水波纹的最大高度的步骤可以包括:将百分比数字所表示的百分比值乘以Textview控件的高度,得到的数值作为Textview控件中待显示水波纹的最大高度。
通过百分比数字所表示的百分比值乘以Textview控件的高度,得到Textview控件中待显示水波纹的最大高度。例如,控件高度为20像素,百分比数字为50%,则通过20×50%=10,则Textview控件中待显示水波纹的最大高度为10像素。此时,Textview控件中待显示水波纹的最大高度刚好与百分比数字相对应。
参见图2,图2为本发明实施例提供的使用百分比数字的水波纹渲染方法的效果示意图。
从图2中可以看出,当水波纹显示完成后,用户所看到的水波纹的最大高度,就可以与Textview控件中的百分比数字的值相匹配,可以直观的是用户感受到百分比数字所表示的百分比的大小,更进一步提高了对于百分比数字的渲染效果。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染方法中,按第一预设周期,在Textview控件中依次显示高度递增的水波纹的步骤可以为:在每个第一预设周期开始时,删除Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在Textview控件中。
在本发明实施例中,当电子设备按第一预设周期,生成一个百分比数字的高度递增的水波纹时,可以将所生成的每一个高度的水波纹进行剪裁,保存成多个含有不同高度的水波纹的图层。
当再次出现同样的百分比数字时,可以不用再进行水波纹的生成,直接将含有递增高度水波纹的图层,按第一预设周期,依次覆盖在Textview控件中。
在第一预设周期开始时,可以首先删除上一周期所覆盖的第一图层,然后再将本周期需要进行覆盖的、水波纹高度仅大于上一周期的第一图层中水波纹高度的第二图层,覆盖在Textview控件中,并进行显示。从而实现按第一预设周期,在Textview控件中依次显示高度递增的水波纹。
在本发明实施例中,由于通过含有不同高度的水波纹的图层覆盖在Textview控件中来显示高度递增的水波纹。不需要每一个同样的百分比数字都重新生成一次水波纹,从而大大减少了对百分比数字进行水波纹渲染时的工作量和资源的消耗,同时提高了进行水波纹渲染时的效率。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染方法中,改变水波纹顶端的波动形状的步骤可以包括:使用贝塞尔曲线表示水波纹顶端的波动形状;通过改变贝塞尔曲线的控制点位置,改变水波纹顶端的波动形状。
贝赛尔曲线是计算机图形学中相当重要的参数曲线。通过它可以精确画出曲线,贝兹曲线由线段与控制点组成,控制点是可拖动的支点,线段像可伸缩的皮筋。控制点的位置不同,则线段的曲率就会发生变化。
所以可以使用贝塞尔曲线来作为水波纹顶端,用来表示水波纹波动形状的曲线。并且,可以按第二预设周期,改变贝塞尔曲线的控制点位置,从而改变贝塞尔曲线各段线段的曲率,进而改变水波纹顶端的波动形状,可以模拟出水波纹的波动。
在本发明实施例中,通过贝塞尔曲线表示水波纹顶端的波动形状,并且通过改变贝塞尔曲线的控制点位置,模拟出水波纹的波动。使得对于水波纹顶端的波动形状的调整更加容易实现,并且可以进行准确的控制,使模拟出的水波纹的波动更加逼真,提高用户的关注度。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染方法中,该方法还包括:
第一步,当页面转入后台运行时,记录Textview控件中当前的水波纹的高度,并保持当前的水波纹的高度不变。
在实际应用中,经常会出现用户将电子设备中正在运行的应用程序或正在显示的页面转入后台运行的情况。在这种情况下,由于应用程序或页面转入了后台,已经暂停了运行,但有可能Textview控件的线程还会继续运行,从而当应用程序或页面重新运行时,可能会导致水波纹显示的异常。
所以为了避免上述情况的发生,当页面转入后台运行时,可以记录下Textview控件中当前的水波纹的高度,并且暂停该Textview控件的线程,使其暂时停止运行。
记录下的高度可以保存在预设的存储位置,方便再次的调用。例如可以是用于显示页面的设备的内存中等等。
第二步,当页面重新运行时,读取所记录的水波纹的高度,在Textview控件中显示该高度的水波纹,并按第一预设周期,依次显示高度递增的水波纹。
页面从后台被激活并重新开始运行时,可以从预设的存储位置读取所记录的水波纹的高度,重新运行Textview控件的线程,并且直接在Textview控件中显示该高度的水波纹。然后,再按第一预设周期,依次显示高度递增的水波纹,并实时进行检测。当达到水波纹的最大高度时,不再增加水波纹的高度,并按第二预设周期,改变水波纹顶端的波动形状。
当然,如果所记录的高度已经到达了水波纹的最大高度,就不需要再按第一预设周期增加水波纹的高度。可以直接在Textview控件中显示最高高度的水波纹,并按第二预设周期,改变水波纹顶端的波动形状。
在本发明实施例中,当页面转入后台运行时,通过记录下Textview控件中当前的水波纹的高度,并暂停该Textview控件的线程;当页面重新运行时,在读取所记录的高度,并在Textview控件中显示该高度的水波纹,避免了页面重新运行时,水波纹显示异常的情况。
参见图3,图3为本发明实施例提供的用于百分比数字的水波纹渲染装置的结构图,包括:
加载模块301,用于在页面中显示百分比数字的位置处添加Textview控件,所述Textview控件的高度与所述百分比数字的高度相同;
计算模块302,用于根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算出所述Textview控件中待显示水波纹的最大高度;
绘制模块303,用于按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹;
调整模块304,用于当所述Textview控件中显示的水波纹的高度到达所述最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变所述水波纹顶端的波动形状。
在本发明实施例中,通过在页面中显示百分比数字的位置处添加Textview控件,按百分比数字的数值,在Textview控件中显示不同高度的水波纹,并且Textview控件中的水波纹能够模拟出水面增长和水面波动的动态效果,使得对于百分比数字的渲染更加丰富,能够引起用户的重点关注,不会忽略重要的数据信息,提高用户体验,提高用户的阅读兴趣。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染装置中,所述加载模块301,具体用于对当前显示的页面进行检测,检测出所述页面中所有的显示百分比数字的位置;在每一个显示百分比数字的位置处添加Textview控件。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染装置中,所述计算模块302,具体用于将所述百分比数字所表示的百分比值乘以所述Textview控件的高度,得到的数值作为所述Textview控件中待显示水波纹的最大高度。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染装置中,所述绘制模块303,具体用于在每个第一预设周期开始时,删除所述Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在所述Textview控件中。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染装置中,所述调整模块304,包括:
执行子模块(图中未标出),用于使用贝塞尔曲线表示所述水波纹顶端的波动形状;
调整子模块(图中未标出),用于通过改变所述贝塞尔曲线的控制点位置,改变所述水波纹顶端的波动形状。
可选的,本发明实施例提供的用于百分比数字的水波纹渲染装置中,所述装置还包括:
记录模块(图中未标出),当所述页面转入后台运行时,记录所述Textview控件中当前的水波纹的高度,并保持当前的水波纹的高度不变;
读取模块(图中未标出),当所述页面重新运行时,读取所记录的水波纹的高度,在所述Textview控件中显示该高度的水波纹,并按所述第一预设周期,依次显示高度递增的水波纹。
本发明实施例的装置是应用上述用于百分比数字的水波纹渲染方法的装置,则上述用于百分比数字的水波纹渲染方法的所有实施例均适用于该装置,且均能达到相同或相似的有益效果。
对于装置实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种用于百分比数字的水波纹渲染方法,其特征在于,包括:
在页面中显示百分比数字的位置处添加Textview控件,所述Textview控件的高度与所述百分比数字的高度相同;
根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算所述Textview控件中待显示水波纹的最大高度;
按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹;
当所述Textview控件中显示的水波纹的高度到达所述最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变所述水波纹顶端的波动形状。
2.根据权利要求1所述的方法,其特征在于,所述在页面中显示百分比数字的位置处添加Textview控件的步骤包括:
对当前显示的页面进行检测,检测出所述页面中所有的显示百分比数字的位置;
在每一个显示百分比数字的位置处添加Textview控件。
3.根据权利要求1所述的方法,其特征在于,所述根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算所述Textview控件中待显示水波纹的最大高度的步骤包括:
将所述百分比数字所表示的百分比值乘以所述Textview控件的高度,得到的数值作为所述Textview控件中待显示水波纹的最大高度。
4.根据权利要求1所述的方法,其特征在于,所述按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹的步骤包括:
在每个第一预设周期开始时,删除所述Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在所述Textview控件中。
5.根据权利要求1所述的方法,其特征在于,所述改变所述水波纹顶端的波动形状的步骤包括:
使用贝塞尔曲线表示所述水波纹顶端的波动形状;
通过改变所述贝塞尔曲线的控制点位置,改变所述水波纹顶端的波动形状。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述页面转入后台运行时,记录所述Textview控件中当前的水波纹的高度,并保持当前的水波纹的高度不变;
当所述页面重新运行时,读取所记录的水波纹的高度,在所述Textview控件中显示该高度的水波纹,并按所述第一预设周期,依次显示高度递增的水波纹。
7.一种用于百分比数字的水波纹渲染装置,其特征在于,包括:
加载模块,用于在页面中显示百分比数字的位置处添加Textview控件,所述Textview控件的高度与所述百分比数字的高度相同;
计算模块,用于根据所述百分比数字所表示的百分比值和所述Textview控件的高度,计算出所述Textview控件中待显示水波纹的最大高度;
绘制模块,用于按第一预设周期,在所述Textview控件中依次显示高度递增的水波纹;
调整模块,用于当所述Textview控件中显示的水波纹的高度到达所述最大高度时,保持当前显示的水波纹的高度不变,并按第二预设周期,改变所述水波纹顶端的波动形状。
8.根据权利要求7所述的装置,其特征在于,所述计算模块,具体用于将所述百分比数字所表示的百分比值乘以所述Textview控件的高度,得到的数值作为所述Textview控件中待显示水波纹的最大高度。
9.根据权利要求7所述的装置,其特征在于,所述绘制模块,具体用于在每个第一预设周期开始时,删除所述Textview控件中显示的包含水波纹的第一图层,并将包含的水波纹高度仅大于所述第一图层中水波纹高度的第二图层显示在所述Textview控件中。
10.根据权利要求7所述的装置,其特征在于,所述调整模块包括:
执行子模块,用于使用贝塞尔曲线表示所述水波纹顶端的波动形状;
调整子模块,用于通过改变所述贝塞尔曲线的控制点位置,改变所述水波纹顶端的波动形状。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710163776.9A CN106952322A (zh) | 2017-03-17 | 2017-03-17 | 一种用于百分比数字的水波纹渲染方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710163776.9A CN106952322A (zh) | 2017-03-17 | 2017-03-17 | 一种用于百分比数字的水波纹渲染方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106952322A true CN106952322A (zh) | 2017-07-14 |
Family
ID=59472858
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710163776.9A Pending CN106952322A (zh) | 2017-03-17 | 2017-03-17 | 一种用于百分比数字的水波纹渲染方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106952322A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113870394A (zh) * | 2021-09-28 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 一种动画生成方法、装置、设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103440192A (zh) * | 2013-08-30 | 2013-12-11 | 贝壳网际(北京)安全技术有限公司 | 移动终端的电量显示方法、装置和移动终端 |
CN105491129A (zh) * | 2015-12-07 | 2016-04-13 | 天津车之家科技有限公司 | 页面加载进度显示方法、装置及移动终端 |
CN105825537A (zh) * | 2015-11-30 | 2016-08-03 | 维沃移动通信有限公司 | 一种生成动画曲线的方法及终端 |
-
2017
- 2017-03-17 CN CN201710163776.9A patent/CN106952322A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103440192A (zh) * | 2013-08-30 | 2013-12-11 | 贝壳网际(北京)安全技术有限公司 | 移动终端的电量显示方法、装置和移动终端 |
CN105825537A (zh) * | 2015-11-30 | 2016-08-03 | 维沃移动通信有限公司 | 一种生成动画曲线的方法及终端 |
CN105491129A (zh) * | 2015-12-07 | 2016-04-13 | 天津车之家科技有限公司 | 页面加载进度显示方法、装置及移动终端 |
Non-Patent Citations (2)
Title |
---|
佚名: "Android experiment showing a sinking TextView", 《HTTPS://GITHUB.COM/ROMAINPIEL/TITANIC》 * |
佚名: "GitHub - RomainPiel_Titanic_ (DEPRECATED) Android experiment showing a sinking TextView", 《HTTPS://ARCHIVE.ORG/》 * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113870394A (zh) * | 2021-09-28 | 2021-12-31 | 北京达佳互联信息技术有限公司 | 一种动画生成方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10339209B2 (en) | Webpage display method and device | |
CN106933592A (zh) | 互动动画生成方法及装置 | |
CN105847940B (zh) | 一种弹幕显示控制方法及装置 | |
CN107577821A (zh) | 一种信息推荐的方法、装置及设备 | |
CN107610695A (zh) | 驾驶人语音唤醒指令词权重的动态调整方法 | |
CN104469516B (zh) | 一种安卓系统的网页视频处理方法和装置 | |
US20230020233A1 (en) | Dynamic Image Analysis and Cropping | |
CN109725948A (zh) | 一种动画资源的配置方法及装置 | |
CN104462516B (zh) | 一种信息提示方法及移动终端 | |
EP3917131A1 (en) | Image deformation control method and device and hardware device | |
US20220383381A1 (en) | Video generation method, apparatus, terminal and storage medium | |
JP5953430B2 (ja) | アプリケーション文字調整の方法、装置、端末、プログラム及び記録媒体 | |
CN110119515A (zh) | 一种翻译方法、装置、终端及可读存储介质 | |
CN103235644A (zh) | 信息显示方法及装置 | |
US11119973B2 (en) | Managing white space in a portal web page | |
CN103870508B (zh) | 一种网页缩放方法、装置和系统 | |
US20190122446A1 (en) | Method And Apparatus For Providing 3D Reading Scenario | |
CN110266970A (zh) | 一种短视频制作方法和系统 | |
CN101149806B (zh) | 利用上下文信息进行手写字符识别后处理的方法和装置 | |
CN105868235A (zh) | 智能终端的图片预览方法及装置 | |
CN105205845B (zh) | 网页动画渲染方法及装置 | |
CN104915186A (zh) | 一种制作页面的方法和装置 | |
CN104574461A (zh) | 图形建模方法和装置 | |
CN104636152A (zh) | 一种基于浮层的应用程序调用方法和装置 | |
CN106952322A (zh) | 一种用于百分比数字的水波纹渲染方法及装置 |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170714 |