CN110286985B - 一种用户界面显示方法、系统及相关组件 - Google Patents
一种用户界面显示方法、系统及相关组件 Download PDFInfo
- Publication number
- CN110286985B CN110286985B CN201910570349.1A CN201910570349A CN110286985B CN 110286985 B CN110286985 B CN 110286985B CN 201910570349 A CN201910570349 A CN 201910570349A CN 110286985 B CN110286985 B CN 110286985B
- Authority
- CN
- China
- Prior art keywords
- text content
- software
- control
- interface
- picture memory
- 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
- 238000000034 method Methods 0.000 title claims abstract description 55
- 230000000694 effects Effects 0.000 claims abstract description 92
- 238000004590 computer program Methods 0.000 claims description 9
- 230000008859 change Effects 0.000 claims description 8
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 23
- 230000008569 process Effects 0.000 description 7
- 230000009471 action Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Images
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
- G06F3/04817—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 using icons
-
- 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)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种用户界面显示方法，所述用户界面显示方法包括将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；将所述图片内存流显示至软件界面。本申请能够降低加载用户界面的内存开销，提高软件启动效率。本申请还公开了一种用户界面显示系统、一种计算机可读存储介质及一种电子设备，具有以上有益效果。
Description
技术领域
本发明涉及计算机技术领域，特别涉及一种用户界面显示方法、系统、一种计算机可读存储介质及一种电子设备。
背景技术
用户界面(User Interface，UI)是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与硬件而设计彼此之间交互沟通相关软件，可以使用户能够方便有效率地去操作硬件以达成双向交互。
用户界面的效果图既包括图片的显示又包括文字的显示，相关技术中，UI设计师在设计效果图时不添加文字，在用户界面显示过程中效果图层与文字层单独显示，但是这种方式对于系统内存开销较大，降低软件启动效率。
因此，如何降低加载用户界面的内存开销，提高软件启动效率是本领域技术人员目前需要解决的技术问题。
发明内容
本申请的目的是提供一种用户界面显示方法、系统、一种计算机可读存储介质及一种电子设备，能够降低加载用户界面的内存开销，提高软件启动效率。
为解决上述技术问题，本申请提供一种用户界面显示方法，该用户界面显示方法包括：
将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；
在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；
将所述图片内存流显示至软件界面。
可选的，在将界面效果图读取至系统内存之前，还包括：
根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
可选的，在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流包括：
将每一所述软件控件对应的文本内容读取至所述系统内存；
确定每一所述文本内容的显示位置；
判断所述文本内容的显示位置是否与所述控件图标重合；
若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；
在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
可选的，将每一所述软件控件对应的文本内容读取至所述系统内存包括：
确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存。
可选的，还包括：
当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；
根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
可选的，将所述图片内存流显示至软件界面包括：
根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
可选的，将所述图片内存流显示至软件界面还包括：
根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
本申请还提供了一种用户界面显示系统，该用户界面显示系统包括：
效果图读取模块，用于将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；
图片内存流生成模块，用于在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；
显示模块，用于将所述图片内存流显示至软件界面。
可选的，还包括：
效果图生成模块，用于根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
可选的，所述图片内存流生成模块包括：
文本读取单元，用于将每一所述软件控件对应的文本内容读取至所述系统内存；
显示位置确定单元，用于确定每一所述文本内容的显示位置；
重合判断单元，用于判断所述文本内容的显示位置是否与所述控件图标重合；若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；
文本加载单元，用于在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
可选的，文本读取单元具体为用于确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存的单元。
可选的，还包括：
系统语言变更检测单元，用于当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；
文本内容更新单元，用于根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
可选的，显示模块具体为用于根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置的模块。
可选的，显示模块还具体用于根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置的模块；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序执行时实现上述用户界面显示方法执行的步骤。
本申请还提供了一种电子设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器调用所述存储器中的计算机程序时实现上述用户界面显示方法执行的步骤。
本申请提供了一种图标显示方法，包括将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；将所述图片内存流显示至软件界面。
本申请首先将包括控件图标的界面效果图读取至系统内存，并在系统内存中添加相应的文本内容得到图片内存流，最终将包括控件图标和文本内容图片内存流显示至软件界面。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。本申请同时还提供了一种用户界面显示系统、一种计算机可读存储介质和一种电子设备，具有上述有益效果，在此不再赘述。
附图说明
为了更清楚地说明本申请实施例，下面将对实施例中所需要使用的附图做简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例所提供的一种用户界面显示方法的流程图；
图2为本申请实施例所提供的另一种用户界面显示方法的流程图；
图3为本申请实施例所提供的一种界面效果图；
图4为本申请实施例所提供的一种含有文字效果的图片内存流的效果示意图；
图5为本申请实施例所提供的一种用户界面显示效果图；
图6为本申请实施例所提供的一种车载诊断软件的用户界面显示方法示意图；
图7为本申请实施例所提供的一种用户界面图层显示关系示意图；
图8为本申请实施例所提供的一种用户界面显示系统的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
下面请参见图1，图1为本申请实施例所提供的一种用户界面显示方法的流程图。
具体步骤可以包括：
S101：将界面效果图读取至系统内存；
其中，本实施例的实施主体可以为计算机、智能手机、平板电脑等存在用户界面的终端设备，用户界面通常包括背景、控件图标和文本内容，用户通过在用户界面进行操作能够实现人与机器的信息交互。本实施例中的界面效果图可以为UI设计师设计出的用户界面的整体效果图，以便供开发工程师实发使用。
界面效果图中可以包括N个软件控件的控件图标，此处不限定软件控件数量N的具体数值。软件控件为用户界面中以图形形式存在的控制按钮，例如智能手机的用户界面中可以包括“通讯录”、“短信”和“邮件”等图标，用户通过点击图标可以进行相应的应用程序或控制手机执行相应的操作，上述图标就是显示在用户界面上的软件控件。本实施例中的界面效果图中不包括文本内容，可以包括各个软件空间的控件图标。控件图标的种类和形状可以为预先设置好的，在本步骤中仅是将已经生成的截面效果图读取至系统内存中，以便执行后续的文本内容加载的操作。
S102：在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；
其中，在用户界面中除了包括控件图标之外，为了便于用户操作，每一软件控件都可以有其对应的文本内容，以便对软件控件的名称和作用进行说明。
可以理解的是，每一软件控件都可以有其对应的文本内容，本步骤可以读取相应的配置文件并将每一软件控件对应文本内容加载至界面效果图的对应文字，最终得到既包括软件控件的控件图标又包括软件控件的文本内容，且图片内存流中同一软件控件的控件图标和文本内容位置相对应，例如软件控件“通讯录”的文本内容位于空间图标的正下方1毫米处。
S103：将所述图片内存流显示至软件界面。
其中，本步骤建立在已经得到含有文字效果的图片内存流，通过将该图片内存流显示在软件界面上可以得到既包括文本内容又包括控件图标的用户界面，由于本实施例显示用户界面的方式是将包含文字的图片内存流进行显示，因此系统内存无需分别加载文本内容和空间图片，减小了对于系统内存的性能占用。
本实施例首先将包括控件图标的界面效果图读取至系统内存，并在系统内存中添加相应的文本内容得到图片内存流，最终将包括控件图标和文本内容图片内存流显示至软件界面。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。
下面请参见图2，图2为本申请实施例所提供的另一种用户界面显示方法的流程图，本实施例可以包括依稀按操作
S201、根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
其中，本步骤的目的在于生成包括控件图标的界面效果图，本实施例可以为每一软件控件设置对应的控件图标，根据软件控件所属的类别从配置文件中获取相应的控件图标，最终得到将控件图标显示在用户界面的界面效果图。
S202、将界面效果图读取至系统内存；
S203、在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；
本步骤的目的在于生成包含文字效果的图片内存流，在将文本内容加载至界面效果图的对应位置的过程中可能出现文本显示区域与控件图标显示区域重合的情况，这将影响用户界面的显示效果，因此可以通过以下步骤设置文本内容和控件图标的位置关系，使文本内容显示在控件图标的上层：
步骤1、将每一所述软件控件对应的文本内容读取至所述系统内存；
步骤2、确定每一所述文本内容的显示位置；
步骤3、判断所述文本内容的显示位置是否与所述控件图标重合；若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；
步骤4、在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
通过上述文本内容和控件图标的显示方式设置相当于界面效果图分层显示，最上层为文字显示层，文字显示层下方为控件显示层，若将界面效果图显示至软件界面时，由于软件界面有背景图层因此空间显示层位于文字显示层和背景图层之间。
S204、根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置；
其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
以及，根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
软件界面中每一软件控件的位置可以为预先设置好的，为了便于用户观察和操作，需要在软件界面上添加控件图标和文本内容，即得到用户界面。在本实施例中，每一软件界面中每一软件控件可以按照自身的位置信息获取图片内存流中添加有文本内容的空间图标。例如，软件控件A的位置信息为(x，y)，软件控件A在图片内存流中对应的待显示图片添加至(x，y)为齿轮，该待显示图片包括软件控件A的控件图标和文本内容。
作为一种可行的实施方式，在用户界面中软件控件的文本内容的语言种类需要与系统语言种类保持一致，因此在将每一所述软件控件对应的文本内容读取至所述系统内存的过程可以具体包括以下操作：确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存。进一步的，当检测到所述系统语言种类更改时，本实施例还可以更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；最后根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。上述方法可以灵活修改用户界面中软件控件对应的文本内容语言种类，无需为每一种语言种类的文本内容都生成一套包含该类语言的界面效果图，提高了界面效果图的设计效率。
进一步的，由于本实施例中界面效果图并不包括文本内容，因此可以灵活修改文本内容生成新的图片内存流，实现了用户界面文本内容的灵活显示。
下面通过在实际应用中的实施例说明上述实施例描述的流程。
第一步：如图3所示，图3为本申请实施例所提供的一种界面效果图。UI设计师设计出整个界面的效果图供开发工程师开发使用，图3中每个方框或圆圈是软件上每个控件的图标，软件控件按照这个坐标获取对应的图标，无需为每个控件单独做图标。
第二步：开发工程师将UI设计师设计好的界面效果图读取到系统内存中。
第三步：读取配置文件中的文字，将文字添加到系统的图片内存流中，这样就有了含有文字效果的图片内存流。如图4所示，图4为本申请实施例所提供的一种含有文字效果的图片内存流的效果示意图。
第四步：将图片内存流显示在软件界面上，控件按照UI设计师设计的控件坐标位置自动获取UI设计师设计好的效果图上控件图标，由于此时的图片内存流已经含有文字，因此界面上文字会自动显示出来。如图5所示，图5为本申请实施例所提供的一种用户界面显示效果图。
上述实施例以三层架构构建软件的界面，将UI设计师设计的效果图读取到内存中，在内存中将配置中的多语言文字添加到图片上，控件按照UI设计师设计的控件坐标位置自动获取UI设计师设计好的效果图上控件图标，实现软件界面的美观显示，同时也缩短了软件开发周期。
下面通过一种车载诊断软件的用户界面显示方法说明本申请的具体流程，请参见图6和图7，图6为本申请实施例所提供的一种车载诊断软件的用户界面显示方法示意图，图7为本申请实施例所提供的一种用户界面图层显示关系示意图。如图6所示该车载诊断软件首先将每一软件控件的图标构成的界面效果图读取至系统内存中，然后从配置文件中读取每一软件控件对应的文本内容并添加至界面效果图得到图片内存流，图片内存流中包括添加有文本内容的控件图标。最后将图片内存流显示至软件界面的背景图层上，如图7所示文字层、控件图标层和背景图层三者的关系为：文字层在最上层，控件图标层为中间层，背景图层为最下层。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。
请参见图8，图8为本申请实施例所提供的一种用户界面显示系统的结构示意图；
该系统可以包括：
效果图读取模块100，用于将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；
图片内存流生成模块200，用于在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；
显示模块300，用于将所述图片内存流显示至软件界面。
本实施例首先将包括控件图标的界面效果图读取至系统内存，并在系统内存中添加相应的文本内容得到图片内存流，最终将包括控件图标和文本内容图片内存流显示至软件界面。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。
进一步的，还包括：
效果图生成模块，用于根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
进一步的，所述图片内存流生成模块200包括：
文本读取单元，用于将每一所述软件控件对应的文本内容读取至所述系统内存；
显示位置确定单元，用于确定每一所述文本内容的显示位置；
重合判断单元，用于判断所述文本内容的显示位置是否与所述控件图标重合；若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；
文本加载单元，用于在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
进一步的，文本读取单元具体为用于确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存的单元。
进一步的，还包括：
系统语言变更检测单元，用于当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；
文本内容更新单元，用于根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
进一步的，显示模块300具体为用于根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置的模块；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
进一步的，显示模块300还具体用于根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置的模块。
由于系统部分的实施例与方法部分的实施例相互对应，因此系统部分的实施例请参见方法部分的实施例的描述，这里暂不赘述。
本申请还提供了一种计算机可读存储介质，其上存有计算机程序，该计算机程序被执行时可以实现上述实施例所提供的步骤。该存储介质可以包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。该存储介质上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；将所述图片内存流显示至软件界面。
本实施例首先将包括控件图标的界面效果图读取至系统内存，并在系统内存中添加相应的文本内容得到图片内存流，最终将包括控件图标和文本内容图片内存流显示至软件界面。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：将每一所述软件控件对应的文本内容读取至所述系统内存；确定每一所述文本内容的显示位置；判断所述文本内容的显示位置是否与所述控件图标重合；若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
优选的，计算机可读存储介质中存储的计算机子程序被处理器执行时，具体可以实现以下步骤：根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
本申请还提供了一种电子设备，可以包括存储器和处理器，具体的，存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令，该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。处理器为电子设备提供计算和控制能力，执行存储器中保存的计算机程序时，可以实现以下步骤：将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；将所述图片内存流显示至软件界面。
本实施例首先将包括控件图标的界面效果图读取至系统内存，并在系统内存中添加相应的文本内容得到图片内存流，最终将包括控件图标和文本内容图片内存流显示至软件界面。上述方法无需对于文本内容和控件图标进行单独显示，通过在系统内存中加载文本内容得到图片内存流实现了文本内容和控件图标的共同显示，降低了加载用户界面的内存开销，提高软件启动效率。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：将每一所述软件控件对应的文本内容读取至所述系统内存；确定每一所述文本内容的显示位置；判断所述文本内容的显示位置是否与所述控件图标重合；若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
优选的，处理器执行存储器中保存的计算机子程序时，可以实现以下步骤：根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以对本申请进行若干改进和修饰，这些改进和修饰也落入本申请权利要求的保护范围内。
还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的状况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
Claims (9)
1.一种用户界面显示方法，其特征在于，包括：
将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；
在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；其中，所述图片内存流中同一所述软件控件的控件图标和文本内容位置相对应；
将所述图片内存流显示至软件界面；
其中，将所述图片内存流显示至软件界面包括：
根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
2.根据权利要求1所述用户界面显示方法，其特征在于，在将界面效果图读取至系统内存之前，还包括：
根据控件类别获取所述软件控件对应的控件图标，并生成所述控件图标对应的界面效果图。
3.根据权利要求1所述用户界面显示方法，其特征在于，在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流包括：
将每一所述软件控件对应的文本内容读取至所述系统内存；
确定每一所述文本内容的显示位置；
判断所述文本内容的显示位置是否与所述控件图标重合；
若是，则将所述文本内容与所述控件图标的位置关系设置为衬于文字下方；
在所述系统内存中将每一所述文本内容加载至所述界面效果图的对应位置得到所述图片内存流。
4.根据权利要求3所述用户界面显示方法，其特征在于，将每一所述软件控件对应的文本内容读取至所述系统内存包括：
确定每一所述软件控件对应的文本内容，并将所述文本内容的语言种类转换为系统语言种类，将所述系统语言种类的文本内容加载至所述系统内存。
5.根据权利要求4所述用户界面显示方法，其特征在于，还包括：
当检测到所述系统语言种类更改时，更新所述系统内存中文本内容的语言种类，以使所述文本内容的语言种类与所述系统语言种类一致；
根据更新语言种类后的文本内容生成新的图片内存流，并将所述新的图片内存流显示至软件界面。
6.根据权利要求1至5任一项所述用户界面显示方法，其特征在于，将所述图片内存流显示至软件界面包括：
根据所述软件控件的位置信息将目标图像显示至所述软件界面的相应位置；其中，所述目标图像为所述图片内存流中添加有所述文本内容的控件图标，所述软件界面的背景图层衬于所述目标图像下方。
7.一种用户界面显示系统，其特征在于，包括：
效果图读取模块，用于将界面效果图读取至系统内存；其中，所述界面效果图包括软件控件的控件图标；
图片内存流生成模块，用于在所述系统内存中将所述软件控件对应的文本内容加载至所述界面效果图的对应位置，得到图片内存流；其中，所述图片内存流中同一所述软件控件的控件图标和文本内容位置相对应；
显示模块，用于将所述图片内存流显示至软件界面；
所述显示模块具体用于根据所述软件控件的位置信息将所述图片内存流中添加有所述文本内容的控件图标显示至相应的位置。
8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述用户界面显示方法的步骤。
9.一种电子设备，其特征在于，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如权利要求1至6任一项所述用户界面显示方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910570349.1A CN110286985B (zh) | 2019-06-27 | 2019-06-27 | 一种用户界面显示方法、系统及相关组件 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910570349.1A CN110286985B (zh) | 2019-06-27 | 2019-06-27 | 一种用户界面显示方法、系统及相关组件 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110286985A CN110286985A (zh) | 2019-09-27 |
| CN110286985B true CN110286985B (zh) | 2022-10-28 |
Family
ID=68019949
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910570349.1A Active CN110286985B (zh) | 2019-06-27 | 2019-06-27 | 一种用户界面显示方法、系统及相关组件 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110286985B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113064728B (zh) * | 2021-04-16 | 2022-11-04 | 上海众链科技有限公司 | 高负载应用图像显示方法、终端及可读存储介质 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102375733A (zh) * | 2010-08-24 | 2012-03-14 | 北大方正集团有限公司 | 一种便捷的界面布局方法 |
| CN105824496A (zh) * | 2016-01-22 | 2016-08-03 | 维沃移动通信有限公司 | 一种基于用户使用情况设置图标亮度的方法和移动终端 |
| CN106227418A (zh) * | 2016-06-29 | 2016-12-14 | 努比亚技术有限公司 | 电子设备及信息处理方法 |
-
2019
- 2019-06-27 CN CN201910570349.1A patent/CN110286985B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN110286985A (zh) | 2019-09-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110417988B (zh) | 一种界面显示方法、装置及设备 | |
| CN109933322B (zh) | 一种页面编辑方法、装置及计算机可读存储介质 | |
| US9003283B2 (en) | Copying text using parameters displayed on a clipboard | |
| US11112962B2 (en) | Content-based directional placement application launch | |
| RU2623885C2 (ru) | Запись формулы для ограниченного устройства отображения | |
| US8782554B2 (en) | Context menu dependency on many objects of different type | |
| EP2587371A1 (en) | Improved configuration of a user interface for a mobile communications terminal | |
| US20160110035A1 (en) | Method for displaying and electronic device thereof | |
| CN111639476A (zh) | 操作系统对位置卡的支持 | |
| CN111596919A (zh) | 图文绘制结果的展示方法、装置、计算机设备及存储介质 | |
| CN107678744A (zh) | 应用控件样式自定义方法、装置以及计算机可读存储介质 | |
| US7577912B2 (en) | Suggestive form factors | |
| CN110286985B (zh) | 一种用户界面显示方法、系统及相关组件 | |
| CN108052212A (zh) | 一种输入文字的方法、终端及计算机可读介质 | |
| CN114721567B (zh) | 桌面显示方法和电子设备 | |
| CN110660463A (zh) | 基于超声系统的报告编辑方法、装置、设备及存储介质 | |
| CN113934340B (zh) | 一种终端设备和进度条显示方法 | |
| CN105320405A (zh) | 一种图标显示方法及终端 | |
| CN110968311A (zh) | 前端页面构建方法、装置及电子设备 | |
| CN114138140B (zh) | 信息管理方法、电子设备及存储介质 | |
| EP2849058A1 (en) | Method and device for displaying a message associated with an application | |
| CN107463303A (zh) | 一种防误触方法及终端 | |
| CN112836002A (zh) | 地图应用方法、装置、设备和存储介质 | |
| CN114692581A (zh) | 电子表单子表显示方法、装置、设备以及存储介质 | |
| JP3173248U (ja) | マクロ機能を装備（搭載）したスマートフォン |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20220111 Address after: 518000 3310, building 11, phase II (plot 02-08), Tianan Yungu Industrial Park, Gangtou community, Bantian street, Longgang District, Shenzhen City, Guangdong Province Applicant after: Shenzhen Yijian Car Service Technology Co.,Ltd. Address before: 518000 Guangdong province Shenzhen Longgang District Bantian Street five and Avenue North 4012 Yuan Zheng Industrial Park. Applicant before: LAUNCH TECH Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: A user interface display method, system, and related components Granted publication date: 20221028 Pledgee: Societe Generale Bank Limited by Share Ltd. Shenzhen branch Pledgor: Shenzhen Yijian Car Service Technology Co.,Ltd. Registration number: Y2024980026280 |
|
| PE01 | Entry into force of the registration of the contract for pledge of patent right |