用户界面文字图片生成方法及系统的制作方法
【技术领域】
[0001]本申请涉及用户界面的生成方法，具体地说，涉及一种用户界面文字图片生成方法及系统。
【背景技术】
[0002]随着智能手机、平板电脑及互联网技术的不断进步，对于智能通信装置的应用程序界面显示要求也越来越高。通常，通信装置应用程序界面由开发者使用集成开发环境(intergrated development environment, IDE)的工具来创建。大多数IDE需要开发者遵循特定的开发规范。一些IDE提供了以可视化方式设计用户界面(user interface)的工具。图1为用户界面生成系统100的示意图，用于创建应用程序的用户界面，且该用户界面系统通常使用于Mac OS操作系统。如图1所示，用户界面生成系统100可包括用户界面窗P (UIffindow)模块110、用户界面视图(UIView)模块120及UIView控制器130。其中，UIView模块120更包括用户界面图像视图(UllmageView)模块及用户界面文字(UILabel)模块。UIView模块120用于创建用户界面图像及文字的生成环境。其中，UllmageView模块用于生成系统或应用程序的用户界面的图像，UILabel模块用于生成系统或应用程序的用户界面的文字。且其中，UIView控制器130可用于控制UIView,如修改UIView的属性信息。而UIWindow模块110用于生成系统或应用程序的用户界面显示窗口，以显示UIImageView模块或UILabel模块生成的图像或文字。
[0003]在现有设计方法中，在生成应用程序界面时，根据应用程序的需求，可分别利用UllmageView模块和UILabel模块形成应用程序界面中的图像及文字部分。显然，若需要在常规的用户界面中的图片区域显示文字时，根据上述配置方法，需要UllmageView模块和UILabel模块的分别运作，例如，先由UIImageView模块生成显示图片，接着，由UILabel模块在图片所在区域的新建文字对象，以在此图片区域上显示文字。反之，UILabel模块也只用于生成用户界面的文字，并不能产生图片，若需要用户界面的文字位于图片上，还需要UllmageView模块再新建图片。由此可见，现有的用户界面生成方法并不能很好地支持文字与图片叠加效果(可称之为文字图片)的显示，而只能以UIImageView与UILabel相互切换的方式实现。这无疑增加了开发成本、降低运行效率。因此，希望能提示一种新颖的用于用户界面文字图片的生成方法。
【发明内容】
[0004]有鉴于此，本申请所要解决的技术问题是提供一种用户界面文字图片生成方法，其能够解决现有的用户界面生成方法并不能生成文字与图片叠加格式，只能以UIImageView与UIView相互切换的方式分别生成图片与文字，再叠加显示的问题。
[0005]为了解决上述技术问题，本申请有如下技术方案:
[0006]—种用户界面文字图片生成方法，适用于通信装置的系统用户界面或应用程序用户界面，其特征在于，所述的方法包括:
[0007]用户界面视图模块接收输入的文字属性信息及图片属性信息；
[0008]用户界面视图控制器根据所述的文字属性信息，控制所述的用户界面视图模块在后台屏幕上绘制出文字；其中，所述绘制的文字具有所述的文字属性信息，
[0009]所述的用户界面视图控制器根据所述的图片属性信息，控制所述的用户界面视图模块截取所述的后台屏幕以生成文字图片，其中，所述的文字图片包括所述绘制的文字，且该文字图片具有所述的图片属性信息。
[0010]优选地，其中，所述的方法更包括:
[0011]用户界面窗口模块生成界面窗口以显示所述的文字图片。
[0012]优选地，其中，所述的文字属性信息包括文字内容、文字大小、文字字体及文字颜色。
[0013]优选地，其中，所述图片属性信息包括图片大小信息。
[0014]优选地，其中，所述的文字属性信息为所述的通信装置的用户设置或所述的通信预设的，且所述的图片属性信息为所述的通信装置的用户设置或所述的通信预设的。
[0015]为了解决上述技术问题，本申请还公开了一种用户界面文字图片生成系统，适用于通信装置的系统用户界面或应用程序用户界面，其特征在于，所述的系统包括用户界面视图模块及用户界面视图控制器，其中，
[0016]该用户界面视图模块用于接收输入的文字属性信息及图片属性信息；
[0017]用户界面视图控制器用于根据所述的文字属性信息，控制所述的用户界面视图模块在后台屏幕上绘制出文字；其中，所述绘制的文字具有所述的文字属性信息，且所述的用户界面视图控制器更用户根据所述的图片属性信息，控制所述的用户界面视图模块截取所述的后台屏幕以生成文字图片，其中，所述的文字图片包括所述绘制的文字，且该文字图片具有所述的图片属性信息。
[0018]优选地，其中，所述的系统更包括:
[0019]用户界面窗口模块，用于生成界面窗口以显示所述的文字图片。
[0020]优选地，其中，所述的文字属性信息包括文字内容、文字大小、文字字体及文字颜色。
[0021]优选地，其中，所述图片属性信息包括图片大小信息。
[0022]优选地，其中，所述的文字属性信息为所述的通信装置的用户设置或所述的通信预设的，且所述的图片属性信息为所述的通信装置的用户设置或所述的通信预设的。
[0023]与现有技术相比，本申请所述的方法和系统，达到了如下效果:
[0024]第一，本发明能够支持文字图片的生成。本发明利用UIView模块直接生成文字图片，既不同于UILabel形成的文字，也不同于UIImageView的图片，而该文字图片同时包含了文字和图片的属性信息，内容更丰富。
[0025]第二，本发明所述的文字图片生成方法更简单、快捷，本发明的文字图片生成方法直接可由UIView模块生成，而传统的界面生成方法若需传达相同的信息量，需要UILabel和UllmageView分别切换工作，显然，本发明提出的方法更容易实现。
[0026]第三，本发明提出的文字图片生成方法可降低系统消耗从而降低开发成本。显然，在文字图片生成的过程中，可仅运作UIView模块，而无需UILabel和UIImageView共同运作，将明显降低开发成本。
【附图说明】
[0027]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中:
[0028]图1为用户界面生成系统100的示意图；
[0029]图2为根据本发明一个实施例的用户界面文字图片生成方法的流程图；
[0030]图3为根据本发明一个实施例的用户界面300的示意图。
【具体实施方式】
[0031]如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式，然所述描述乃以说明本申请的一般原则为目的，并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。
[0032]参见图2，图2为根据本发明一个实施例的用户界面文字图片生成方法200的流程图，由1S等系统中的用户界面生成系统(例如前述的用户界面生成系统100)执行，且该生成方法适用于通信装置的系统界面或应用程序界面。其中，文字图片指的是具有文字显示在其中的图片。该方法包括以下步骤:
[0033]步骤201，UIView模块120接收输入的文字属性信息Il及图片属性信息12，其中，该文字属性信息Il可包括文字内容、文字大小、文字字体及文字颜色等，该图片属性信息12包括图片大小信息(如宽度和高度)等信息。在一个实施例中，该文字属性信息Il可由通信装置的用户所输入，在另一个实施例中，该文字属性信息Il可为通信装置预设。此夕卜，在一个实施例中，该图片属性信息12可由通信装置的用户所输入，在另一个实施例中，该图片属性信息12可为通信装置预设。
[003