带百叶窗动画效果的文字显示方法和系统技术方案

本发明专利技术公开了一种带百叶窗动画效果的文字显示方法，包括以下步骤：使背景单元按照显示单元中的遮挡部和镂空部的宽度大小进行显示；使第一文字居中布局在按照所述显示单元显示的背景单元上；将所述第一文字和所述背景单元上显示的遮挡部相重叠的部分移除；使第二文字居中布局在按照所述显示单元显示的背景单元上；将所述第二文字和所述背景单元上显示的遮挡部相重叠的部分移除；及将所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字。本发明专利技术还公开了一种带百叶窗动画效果的文字显示系统。

Method and system for displaying text with louver animation effect

The invention discloses a shutter with animated text display method, which comprises the following steps: the background according to the display unit to display unit in the shielding part of the hollow part and the width of the first text; in accordance with the layout of the display unit to display the background unit; the first and the text the background unit display part to remove overlapping shield part; the second text layout in accordance with the display unit displays the background; the second text and the background unit display part to remove overlapping shielding part; and the display unit along the background unit sliding the background unit, the first show in the text and second words. The invention also discloses a text display system with the effect of the louver window animation.

【技术实现步骤摘要】

本专利技术涉及一种带百叶窗动画效果的文字显示方法和系统。
技术介绍
现有的广告牌或者广告板通常以电子显示或物理显示的方法同时显示多个文字，这种显示方法和系统通常是在广告牌或者广告板的不同位置同时显示出多个文字，而无法在同一位置逐个显示出多个文字，无法带给观众较佳的视觉效果。
技术实现思路
本专利技术的目的在于：提供一种带百叶窗动画效果的文字显示方法和系统，可在背景墙上逐个的动态显示文字。为了实现上述专利技术目的，本专利技术提供了一种带百叶窗动画效果的文字显示方法，包括以下步骤：使背景单元按照显示单元中的遮挡部和镂空部的宽度大小进行显示；使第一文字居中布置在按照所述显示单元显示的背景单元上；将所述第一文字和所述背景单元上显示的遮挡部相重叠的部分移除；使第二文字居中布置在按照所述显示单元显示的背景单元上；将所述第二文字和所述背景单元上显示的遮挡部相重叠的部分移除；及将所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字。一种带百叶窗动画效果的文字显示系统，包括一背景单元和一显示单元，所述背景单元固定不动并用以承载文字，所述显示单元包括遮挡部和镂空部，所述显示单元覆盖在所述背景单元上并可沿所述背景单元滑动，在按照所述显示单元显示的背景单元上居中布置第一文字和一第二文字，所述第一文字和所述背景单元上显示的遮挡部相重叠的部分被移除，所述第二文字和所述背景单元上显示的遮挡部相重叠的部分被移除，所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字。与现有技术相比，本专利技术带百叶窗动画效果的文字显示方法和系统通过将第一文字居中布局在按照所述显示单元显示的背景单元上；将所述第一文字和所述背景单元上显示的遮挡部相重叠的部分移除；将第二文字居中布局在按照所述显示单元显示的背景单元上；将所述第二文字和所述背景单元上显示的遮挡部相重叠的部分移除；及将所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字，实现了在所述背景单元上逐个的动态显示所述第一文字和第二文字，增强了视觉效果。附图说明下面结合附图和具体实施方式，对本专利技术带百叶窗动画效果的文字显示方法及系统及其有益效果进行详细说明。图1为本专利技术带百叶窗动画效果的文字显示系统较佳实施方式的结构图。图2至图5为采用图1中显示系统的显示方法的效果图。图6为采用图1中显示系统的显示方法的流程图。具体实施方式为了使本专利技术的目的、技术方案及其有益技术效果更加清晰，以下结合附图和具体实施方式，对本专利技术进行进一步详细说明。应当理解的是，本说明书中描述的具体实施方式仅仅是为了解释本专利技术，并非为了限定本专利技术。请参阅图1，本专利技术带百叶窗动画效果的文字显示系统的较佳实施方式包括一背景单元100和一显示单元200。所述背景单元100固定不动并用以承载文字。所述显示单元200包括若干遮挡部210和若干镂空部220。所述显示单元200覆盖在所述背景单元100上并可沿所述背景单元100滑动。其中，所述背景单元100和所述显示单元200的面积相等。其中，所述背景单元100能承载文字的数目由所述背景单元100的长度决定。如所述背景单元100上布局有N个文字，每一镂空部220的宽度为K，则每一遮挡部210的宽度M可由如下公式计算得出：M＝(N-K)×K请参阅图2至图6，为采用上述带百叶窗动画效果的文字显示系统的显示方法的流程图，该文字显示方法包括以下步骤：S601：将所述背景单元100按照所述显示单元200中的遮挡部210和镂空部220的宽度大小进行显示；S602：将一第一文字300(如“微”字)居中布局在按照所述显示单元200显示的背景单元100上；S603：将所述第一文字300和所述背景单元100上显示的遮挡部210相重叠的部分移除；S604：将一第二文字400(如“位”字)居中布局在按照所述显示单元200显示的背景单元100上；S605：将所述第二文字400和所述背景单元100上显示的遮挡部210相重叠的部分移除；S606：将一第三文字(图未示，如“科”字)居中布局在按照所述显示单元200显示的背景单元100上；S607：将所述第三文字和所述背景单元100上显示的遮挡部210相重叠的部分移除；S608：将一第四文字(图未示，如“技”字)居中布局在按照所述显示单元200显示的背景单元100上；S609：将所述第四文字和所述背景单元100上显示的遮挡部210相重叠的部分移除；S610：将所述显示单元200沿着所述背景单元100滑动，所述背景单元100上依次显示出所述第一文字300、第二文字400、第三文字及第四文字。上述带百叶窗动画效果的文字显示方法和系统通过将第一文字300居中布局在按照所述显示单元200显示的背景单元100上；将所述第一文字300和所述背景单元100上显示的遮挡部210相重叠的部分移除；将第二文字400居中布局在按照所述显示单元200显示的背景单元100上；将所述第二文字400和所述背景单元100上显示的遮挡部210相重叠的部分移除；及将所述显示单元200沿着所述背景单元100滑动，所述背景单元100上依次显示出所述第一文字300和第二文字400，实现了在所述背景单元上逐个的动态显示所述第一文字和第二文字，增强了视觉效果。根据上述说明书的描述，本专利技术所属领域的技术人员还可以对上述实施方式进行适当的变更和修改。因此，本专利技术并不局限于上面揭示和描述的具体实施方式，对本专利技术的一些修改和变更也应当落入本专利技术的权利要求的保护范围内。此外，尽管本说明书中使用了一些特定的术语，但这些术语只是为了方便说明，并不对本专利技术构成任何限制。本文档来自技高网...

【技术保护点】
一种带百叶窗动画效果的文字显示方法，包括以下步骤：使背景单元按照显示单元中的遮挡部和镂空部的宽度大小进行显示；使第一文字居中布置在按照所述显示单元显示的背景单元上；将所述第一文字和所述背景单元上显示的遮挡部相重叠的部分移除；使第二文字居中布置在按照所述显示单元显示的背景单元上；将所述第二文字和所述背景单元上显示的遮挡部相重叠的部分移除；及将所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字。

【技术特征摘要】
1.一种带百叶窗动画效果的文字显示方法，包括以下步骤：使背景单元按照显示单元中的遮挡部和镂空部的宽度大小进行显示；使第一文字居中布置在按照所述显示单元显示的背景单元上；将所述第一文字和所述背景单元上显示的遮挡部相重叠的部分移除；使第二文字居中布置在按照所述显示单元显示的背景单元上；将所述第二文字和所述背景单元上显示的遮挡部相重叠的部分移除；及将所述显示单元沿着所述背景单元滑动，所述背景单元上依次显示出所述第一文字和第二文字。2.如权利要求1所述的带百叶窗动画效果的文字显示方法，其特征在于：还包括：使第三文字居中布置在按照所述显示单元显示的背景单元上。3.如权利要求2所述的带百叶窗动画效果的文字显示方法，其特征在于：还包括将所述第三文字和所述背景单元上显示的遮挡部相重叠的部分移除。4.如权利要求3所述的带百叶窗动画效果的文字显示方法，其特征在于：还包括使第四文字居中布置在按照所述显示单元显示的背景单元上。5.如权利要求4所述的带百叶窗动画效果的文字显示方法，其特征在于：还包括将所述第四文字和所述背景单元上显示的遮挡部相重叠的部分移除。6.如权利要求1至5中任意一项所述...

【专利技术属性】
技术研发人员：李子阳，梁滢峰，朱惠群，
申请(专利权)人：微位深圳网络科技有限公司，
类型：发明
国别省市：广东;44