CN110321124A - 一种文本布局优化方法、装置及电子设备 - Google Patents
一种文本布局优化方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110321124A CN110321124A CN201910538164.2A CN201910538164A CN110321124A CN 110321124 A CN110321124 A CN 110321124A CN 201910538164 A CN201910538164 A CN 201910538164A CN 110321124 A CN110321124 A CN 110321124A
- Authority
- CN
- China
- Prior art keywords
- text
- layout
- text layout
- target
- adjacent data
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/109—Font handling; Temporal or kinetic typography
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Artificial Intelligence (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明实施例提供了一种文本布局优化方法、装置及电子设备,其中方法包括:获取预先建立的目标偏差映射表;目标偏差映射表中包括设计稿的预设文本布局与对预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;在目标偏差映射表中,查询预设文本布局与显示文本布局的偏差量,按照偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;按照目标文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的目标显示文本布局。本发明实现了方便快捷的调整显示文本布局与预设文本布局的差异,使得最终的显示文本布局与设计要求的文本布局一致。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种文本布局优化方法、装置及电子设备。
背景技术
在文本显示技术中,可预先在设计稿上设置出需要显示的文本布局,包括字体、字号、间距、文字排版模式等,形成预设文本布局,进而对该预设文本布局进行渲染,显示在指定设备(例如,手机)上,形成显示文本布局。具体为UI(User Interface,用户界面)设计人员可使用图形处理软件Photoshop对各数据块进行标注。例如标注文本的文本字体字号、各数据块的位置,及相邻数据块的间距等,形成预设文本布局;程序开发人员按照预设文本布局中标注的数值对各数据块添加文本容器及编写代码进行渲染输出,得到显示文本布局。
然而,在给各数据块添加文本容器时,会给各数据块加上透明边框,导致显示文本布局中显示的相邻数据块的间距大于实际标注的间距,并不能使得显示文本布局与预设文本布局完全一致。
针对上述问题,在对布局要求严格的情况下,需要程序开发人员及UI设计人员进行多次的参数校正及显示验收,浪费人力且效率低下。因此,如何方便快捷的调整显示文本布局与预设文本布局的差异,使得最终得到与设计要求一致的显示效果仍然是亟待解决的技术问题。
发明内容
本发明实施例的目的在于提供一种文本布局优化方法、装置及电子设备,以实现方便快捷的调整显示文本布局与预设文本布局的差异,使得在指定设备上显示的文本布局与设计要求的文本布局一致。具体技术方案如下:
第一方面,本发明实施例公开了一种文本布局优化方法,所述方法包括:
获取预先建立的目标偏差映射表;所述目标偏差映射表中包括设计稿的预设文本布局与对所述预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;
在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;
按照所述目标文本布局的参数进行渲染,使得在所述指定设备上显示与所述目标文本布局的参数对应的显示文本布局。
可选地,建立所述目标偏差映射表的步骤包括:
获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,所述显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局;
分别获取各所述文本布局对的预设文本布局中各相邻数据块的第一间距;
分别获取各所述文本布局对的显示文本布局中各相邻数据块的第二间距;
分别计算各所述文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各所述文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
可选地,所述目标代码程序为程序开发人员的编译程序时,所述在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数,包括:
在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
分别确定所述编译程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
针对所述编译程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距;
将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
可选地,所述目标代码程序为用户界面设计人员的设计程序时,所述在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数,包括:
在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
分别确定所述用户界面设计人员的设计程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
针对所述用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距;
将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
第二方面,本发明实施例公开了一种文本布局优化装置,所述装置包括:
目标偏差映射表获取模块,用于获取预先建立的目标偏差映射表;所述目标偏差映射表中包括设计稿的预设文本布局与对所述预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;
偏差量校正模块,用于在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;
显示文本布局显示模块,用于按照所述目标文本布局的参数进行渲染,使得在所述指定设备上显示与所述目标文本布局的参数对应的显示文本布局。
可选地,所述装置还包括:
文本布局对获取模块,用于获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,所述显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局;
第一间距获取模块,用于分别获取各所述文本布局对的预设文本布局中各相邻数据块的第一间距;
第二间距获取模块,用于分别获取各所述文本布局对的显示文本布局中各相邻数据块的第二间距;
目标偏差映射表建立模块,用于分别计算各所述文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各所述文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
可选地,所述目标代码程序为程序开发人员的编译程序时,所述偏差量校正模块,包括:
第一目标文本布局对确定子模块,用于在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
第一相邻数据块确定子模块,用于分别确定所述编译程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
文本容器间距调整子模块,用于针对所述编译程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距;
第一目标文本布局参数确定子模块,用于将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
可选地,所述目标代码程序为用户界面设计人员的设计程序时,所述偏差量校正模块,包括:
第二目标文本布局对确定子模块,用于在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
第二相邻数据块确定子模块,用于分别确定所述用户界面设计人员的设计程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
标注间距调整子模块,用于针对所述用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距;
第二目标文本布局参数确定子模块,用于将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
第三方面,本发明实施例公开了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,所述处理器,所述通信接口,所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现上述文本布局优化方法中任一所述的方法步骤。
在本发明实施的又一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,实现上述文本布局优化方法中任一所述的方法步骤。
在本发明实施的又一方面,本发明实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,实现上述文本布局优化方法中任一所述的方法步骤。
本发明实施例提供了一种文本布局优化方法、装置及电子设备,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例的一种文本布局优化方法流程图;
图2为本发明实施例的一种文本布局优化方法中建立目标偏差隐射表的方法流程图;
图3为本发明实施例的一种文本布局优化方法中确定目标显示文本布局的参数的方法流程图;
图4为本发明实施例的一种文本布局优化方法***框架图;
图5为本发明实施例的一种文本布局优化装置结构示意图;
图6为本发明实施例的一种电子设备结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述。
第一方面,本发明实施例公开了一种文本布局优化方法,如图1所示。图1为本发明实施例的一种文本布局优化方法流程图,方法包括:
S101,获取预先建立的目标偏差映射表;目标偏差映射表中包括设计稿的预设文本布局与对预设文本布局渲染后显示在指定设备的显示文本布局的偏差量。
本发明实施例中为了简化编程人员及UI设计人员的校正操作,预先建立预设文本布局与显示文本布局对应关系的目标偏差映射表。具体建立过程以下实施例详细说明。本发明实施例的优化方法,可适用于任一预设文本布局与对该预设文本布局渲染后显示在指定设备的显示文本布局存在偏差的IOS操作***、安卓***等,或者适用于任一预设文本布局与对该预设文本布局渲染后显示在指定设备的显示文本布局存在偏差的手机软件等。其中指定设备可为移动设备,例如手机、平板电脑等。
本发明实施例中为了实现以后有相同布局形式(相同位置处字体字号相同)的预设文本布局与显示文本布局的偏差校正,可预先将目标偏差映射表上传到云端。本步骤中,可按照文件名称在云端服务器或者任意存储服务器任意数据库中下载该目标偏差映射表。
S102,在目标偏差映射表中,查询预设文本布局与显示文本布局的偏差量,按照偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数。
本发明实施例的校正方式可分为两种,一种是校正程序开发人员的编译程序中的参数,使得按照该校正后的显示文本布局的参数进行渲染,得到与设计要求一致的布局效果;另一种是校正用户界面设计人员的设计程序,使得按照该校正后的预设文本布局的参数进行渲染,得到与设计要求一致的布局效果。
本步骤中,可将预设文本布局及与该预设文办布局对应的显示文本布局作为文本布局对,按照该文本布局对的字体字号及布局,在目标偏差映射表中查找与该文本布局对的字体字号及布局相同的目标文本布局对,进而按照该目标文本布局对记录的每对相邻数据块的偏差量,一次性调小该预设文本布局对应的用户界面设计人员的设计程序中相邻数据块之间的间距,或者一次性调小该显示文本布局对应的编译程序中相邻数据块文本容器之间的间距。将校正后的文本布局参数作为目标文本布局参数。
S103,对目标文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。
本步骤中,在当前调整的是程序开发人员的编译程序时,对调整后的编译程序进行渲染,得到与设计要求布局一致的显示文件布局;当当前调整的是用户界面设计人员的设计程序时,按照调整后的设计程序进行重新编码、渲染,得到与设计稿的布局一致的显示文件布局。
在本发明实施例的一种文本布局优化方法中,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标显示文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
可选地,在本发明的文本布局优化方法的一种实施例中,建立目标偏差映射表的步骤可如图2所示。图2为本发明实施例的一种文本布局优化方法中建立目标偏差隐射表的方法流程图,包括:
S201,获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局。
本发明实施例中,可预先建立相同布局形式、不同字体字号的各预设文本布局,按照该预设文本布局中标注的参数值对各数据块添加文本容器以及编写执行代码,并在指定设备上完成渲染,得到各预设文本布局对应的显示文本布局,将预设文本布局及与该预设文本布局对应的显示文本布局形成文本布局对。
本申请的预设文本布局可按照用户设计要求,将显示页面划分为多个区域,每个区域加入对应的数据信息,形成各数据块。预设文本布局中会标注各数据块的字体字号,每个数据块内部的排版,及各数据块之间的排版,各数据块的位置是确定的,各数据块的相对位置也是确定的,并且预设文本布局中会标注各相邻数据块之间的间距。
程序开发人员按照预设文本布局的布局及标注值编译程序,并在指定设备上进行渲染,得到显示文本布局。可知,显示文本布局中各数据块的位置以及各数据块的相对位置与预设文本布局一致,不一致的是编译过程会给每个数据块加上透明边框,使得按照预设文本布局标注的间距进行渲染得到的显示文本布局中每两个相邻数据块的间距增大。本实施例中预先建立不同字体字号相同排版的预设文本布局与显示文本布局的偏差量,将该偏差量进行记录形成目标偏差映射表,将该目标偏差映射表作为数据库预先保存,供实施人员后续调整需要。
S202,分别获取各文本布局对的预设文本布局中各相邻数据块的第一间距。
本步骤中,针对该文本布局对,可先获取该文本布局对中预设文本布局中各相邻数据之间的第一间距。具体为,可按照从左到右、从上到下的顺序获取每两个相邻的数据块。按照预设文本布局标注的数值,获得每两个相邻的数据块的第一间距。
S203,分别获取各文本布局对的显示文本布局中各相邻数据块的第二间距。
本步骤中,针对该文本布局对,可获取该文本布局对中显示文本布局中各相邻数据之间的第二间距。可按照预设文本布局获取第一间距的顺序,获取相同相邻数据块的第二间距。
本发明实施例中也可先获取文本布局对的显示文本布局中各相邻数据块的第二间距,在获取该文本布局对的预设文本布局中各相邻数据块的第一间距;或者同时获取文本布局对的预设文本布局中各相邻数据块的第一间距及显示文本布局中各相邻数据块的第二间距,具体顺序不做限定。
按照上述方式获取各数据对中预设文本布局中各相邻数据块的第一间距,及显示文本布局中各相邻数据块的第二间距。
S204,分别计算各文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
针对每个文本布局对,可按照从左到右从上到下的顺序,计算每两个相邻数据块的第一间距和第二间距的偏差量,然后按照数据库在文本布局的位置,将偏差量正确存储在该相邻数据块的偏差位置处。或者按照数据块的编号,将相邻数据块编号与该相邻数据块的偏差量一同存储在预设表格中。
需要说明的是,上述目标偏差映射表还可增加记录其他项的偏差量,例如段前、段后缩进的偏差量,具体可根据实际精确条件及渲染技术,确定需要调整的参数及参数偏差量。
可见,通过本发明实施例能够预先建立预设文本布局显示文本布局的偏差对应关系,得到目标偏差映射表。该目标偏差映射表可便于实施人员查找对应偏移量。
可选地,在本发明的文本布局优化方法的一种实施例中,目标代码程序为程序开发人员的编译程序时,S102中按照边距偏差量及间距偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数,可如图3所示的本发明实施例的一种文本布局优化方法中确定目标文本布局的参数的方法流程图,包括:
S301,在目标偏差映射表中,查询与预设文本布局、显示文本布局的字体字号相同且布局相同的目标文本布局对。
本步骤中,按照预设文本布局的字体字号及布局,在目标偏差映射表中查找与该字体字号及布局相同的预设文本布局,将该预设文本布局对应的文本布局对确定为目标文本布局对。
或者按照显示文本布局的字体字号及布局,在目标偏差映射表中查找与该字体字号及布局相同的显示文本布局,将该显示文本布局对应的文本布局对确定为目标文本布局对。
S302,分别确定编译程序中各相邻数据块对应的目标文本布局对中的相邻数据块。
可按照从左到右、从上到下的顺序,确定编译程序中位置相邻的每两个数据块对应的目标文本布局对中的相邻数据块;或者按照数据块的编号,确定编译程序中相邻数据块的编号对应的目标文本布局对中相同编号的相邻数据块。
S303,针对编译程序中每对相邻数据块,按照该相邻数据块对应的目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距。
UI设计人员使用Photoshop得到的预设文本布局是标注文本字体、字号、相邻数据块的间距的标注数据,程序开发人员在按照该标注数据进行编译程序时,使用文本容器对每个数据块进行编译,这样会对每个数据块加上透明的边框,进而导致显示文本布局的相邻数据块之间的间距会比设计要求中相邻数据块的间距略大,进而本实施例中可将相邻数据块的文本容器的间距调小。本实施例中通过调整编译程序中相邻数据块的文本容器的间距,实现按照该校正后的显示文本布局的参数进行渲染,得到与设计要求的布局一致的布局效果。
因此,本步骤中,按照目标偏差映射表中记录的偏差量,将编译程序中相邻数据块的文本容器的间距调小对应的偏差量。
S304,将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
可见,通过本发明实施例,可实现一次性校正程序开发人员的编译程序,方便快捷的调整显示文本布局,使得按照该调整后的显示文本布局进行渲染,在指定设备上显示与设计要求的文本布局一致的布局效果。
可选地,在本发明的文本布局优化方法的一种实施例中,目标代码程序为用户界面设计人员的设计程序时,S102中按照边距偏差量及间距偏差量目标代码程序中对应参数的参数值,得到目标文本布局的参数,包括:
步骤一,在目标偏差映射表中,查询与预设文本布局、显示文本布局的字体字号相同且布局相同的目标文本布局对。
本步骤中,按照预设文本布局的字体字号及布局,在目标偏差映射表中查找与该字体字号及布局相同的预设文本布局,将该预设文本布局对应的文本布局对确定为目标文本布局对。
或者按照显示文本布局的字体字号及布局,在目标偏差映射表中查找与该字体字号及布局相同的显示文本布局,将该显示文本布局对应的文本布局对确定为目标文本布局对。
步骤二,分别确定用户界面设计人员的设计程序中各相邻数据块对应的目标文本布局对中的相邻数据块。
可按照从左到右、从上到下的顺序,确定用户界面设计人员的设计程序中位置相邻的每两个数据块对应的目标文本布局对中的相邻数据块;或者按照数据块的编号,确定用户界面设计人员的设计程序中相邻数据块的编号对应的目标文本布局对中相同编号的相邻数据块。
步骤三,针对用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距。
UI设计人员的设计程序按照设计稿要求的文字大小,使用Photoshop得到的预设文本布局是标注的文本字体、字号、相邻数据块的间距的标注数据,程序开发人员在按照该标注数据进行编译程序时,使用文本容器对每个数据块进行编译,这样会对每个数据块自动加上透明的边框,进而导致显示文本布局的相邻数据块之间的间距会比设计要求中相邻数据块的间距略大。本实施例中通过调整用户界面设计人员的设计程序中相邻数据块的标注间距,实现按照该校正后的预设文本布局的参数进行渲染,得到与设计要求的布局一致的布局效果。
因此,本步骤中,按照目标偏差映射表中记录的偏差量,将用户界面设计人员的设计程序中相邻数据块的标注间距调小对应的偏差量。
步骤四,将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
可见,通过本发明实施例,可实现一次性校正用户界面设计人员的设计程序,方便快捷的调整预设文本布局,使得按照该调整后的预设文本布局进行编译和渲染,最终在指定设备上显示与设计要求的文本布局一致的布局效果。
为了更好地说明本发明实施例的一种文本布局优化方法,可有图4所示的本发明实施例的一种文本布局优化方法***框架图。
在本发明实施例中,可预先目标偏差映射表上传到云端。当需要在IOS开发设备(例如,手机)上得到显示文本布局时,可先在云端下载于目标偏差映射表,在该目标偏差映射表查找与本次预设文本布局的字体字号及布局方式相同的目标文本布局对,进而按照该目标文本布局对中记录的预设文本布局与显示文本布局的偏差量,校正预设文本布局或显示文本布局,使得按照调整后的文本布局在该IOS开发设备上显示与设计要求的文本布局一致的布局效果。
第二方面,本发明实施例公开了一种文本布局优化装置,如图5所示。图5为本发明实施例的一种文本布局优化装置结构示意图,装置包括:
目标偏差映射表获取模块501,用于获取预先建立的目标偏差映射表;目标偏差映射表中包括设计稿的预设文本布局与对预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;
偏差量校正模块502,用于在目标偏差映射表中,查询预设文本布局与显示文本布局的偏差量,按照偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;
目标显示文本布局显示模块503,用于按照目标文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。
在本发明实施例提供的一种文本布局优化装置中,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标显示文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
可选地,在本发明的文本布局优化装置的一种实施例中,装置还包括:
文本布局对获取模块,用于获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局;
第一间距获取模块,用于分别获取各文本布局对的预设文本布局中各相邻数据块的第一间距;
第二间距获取模块,用于分别获取各文本布局对的显示文本布局中各相邻数据块的第二间距;
目标偏差映射表建立模块,用于分别计算各文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
可选地,在本发明的文本布局优化装置的一种实施例中,目标代码程序为程序开发人员的编译程序时,偏差量校正模块502,包括:
第一目标文本布局对确定子模块,用于在目标偏差映射表中,查询与预设文本布局、显示文本布局的字体字号相同且布局相同的目标文本布局对;
第一相邻数据块确定子模块,用于分别确定编译程序中各相邻数据块对应的目标文本布局对中的相邻数据块;
文本容器间距调整子模块,用于针对编译程序中每对相邻数据块,按照该相邻数据块对应的目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距;
第一目标文本布局参数确定子模块,用于将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
可选地,在本发明的文本布局优化装置的一种实施例中,目标代码程序为用户界面设计人员的设计程序时,偏差量校正模块502,包括:
第二目标文本布局对确定子模块,用于在目标偏差映射表中,查询与预设文本布局、显示文本布局的字体字号相同且布局相同的目标文本布局对;
第二相邻数据块确定子模块,用于分别确定用户界面设计人员的设计程序中各相邻数据块对应的目标文本布局对中的相邻数据块;
标注间距调整子模块,用于针对用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距;
第二目标文本布局参数确定子模块,用于将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
第三方面,本发明实施例公开了一种电子设备,如图6所示。图6为本发明实施例的一种电子设备结构示意图,包括处理器601、通信接口602、存储器603和通信总线604,其中,处理器601,通信接口602,存储器603通过通信总线604完成相互间的通信;
存储器603,用于存放计算机程序;
处理器601,用于执行存储器上所存放的程序时,实现上述文本布局优化方法中任一方法步骤。
上述电子设备提到的通信总线604可以是外设部件互连标准(PeripheralComponent Interconnect,简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Architecture,简称EISA)总线等。该通信总线604可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口602用于上述电子设备与其他设备之间的通信。
存储器603可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器603还可以是至少一个位于远离前述处理器601的存储装置。
上述的处理器601可以是通用处理器,包括中央处理器(Central ProcessingUnit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明实施例提供的一种电子设备中,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标显示文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
在本发明实施的又一方面,还提供了一种计算机可读存储介质,计算机可读存储介质中存储有指令,当其在计算机上运行时,实现上述文本布局优化方法中任一方法步骤。
在本发明实施例提供的一种计算机可读存储介质中,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标显示文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
在本发明实施的又一方面,本发明实施例还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,实现上述文本布局优化方法中任一方法步骤。
在本发明实施例提供的一种包含指令的计算机程序产品中,通过预设文本布局与显示文本布局偏差量的目标偏差映射表,在该目标偏差映射表中直接查找存在的偏差量,按照该偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局,进而按照目标显示文本布局的参数进行渲染,使得在指定设备上显示与目标文本布局的参数对应的显示文本布局。本发明实施例改变了以往开发人员频繁改数值以精确适配预设文本布局的情况,实现了一次性校正文本布局代码,方便快捷的调整文本布局,使得在指定设备上显示与设计要求的文本布局一致的布局效果。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时,全部或部分地产生按照本发明实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置及电子设备实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种文本布局优化方法,其特征在于,所述方法包括:
获取预先建立的目标偏差映射表;所述目标偏差映射表中包括设计稿的预设文本布局与对所述预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;
在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;
按照所述目标文本布局的参数进行渲染,使得在所述指定设备上显示与所述目标文本布局的参数对应的显示文本布局。
2.根据权利要求1所述的方法,其特征在于,建立所述目标偏差映射表的步骤包括:
获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,所述显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局;
分别获取各所述文本布局对的预设文本布局中各相邻数据块的第一间距;
分别获取各所述文本布局对的显示文本布局中各相邻数据块的第二间距;
分别计算各所述文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各所述文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
3.根据权利要求2所述的方法,其特征在于,所述目标代码程序为程序开发人员的编译程序时,所述在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数,包括:
在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
分别确定所述编译程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
针对所述编译程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距;
将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
4.根据权利要求2所述的方法,其特征在于,所述目标代码程序为用户界面设计人员的设计程序时,所述在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数,包括:
在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
分别确定所述用户界面设计人员的设计程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
针对所述用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距;
将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
5.一种文本布局优化装置,其特征在于,所述装置包括:
目标偏差映射表获取模块,用于获取预先建立的目标偏差映射表;所述目标偏差映射表中包括设计稿的预设文本布局与对所述预设文本布局渲染后显示在指定设备的显示文本布局的偏差量;
偏差量校正模块,用于在所述目标偏差映射表中,查询所述预设文本布局与所述显示文本布局的偏差量,按照所述偏差量校正目标代码程序中对应参数的参数值,得到目标文本布局的参数;
显示文本布局显示模块,用于按照所述目标文本布局的参数进行渲染,使得在所述指定设备上显示与所述目标文本布局的参数对应的显示文本布局。
6.根据权利要求5所述的装置,其特征在于,所述装置还包括:
文本布局对获取模块,用于获取不同字体字号的各文本布局对;其中,针对任一文本布局对,该文本布局对中包括该文本布局对对应的字体字号的预设文本布局及显示文本布局,所述显示文本布局为指定数据按照预设文本布局渲染后实际显示出的文本布局;
第一间距获取模块,用于分别获取各所述文本布局对的预设文本布局中各相邻数据块的第一间距;
第二间距获取模块,用于分别获取各所述文本布局对的显示文本布局中各相邻数据块的第二间距;
目标偏差映射表建立模块,用于分别计算各所述文本布局对的各相同相邻数据块的第一间距与第二间距的偏差量,存储各所述文本布局对的各相邻数据块的偏差量,得到目标偏差映射表。
7.根据权利要求6所述的装置,其特征在于,所述目标代码程序为程序开发人员的编译程序时,所述偏差量校正模块,包括:
第一目标文本布局对确定子模块,用于在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
第一相邻数据块确定子模块,用于分别确定所述编译程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
文本容器间距调整子模块,用于针对所述编译程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的文本容器间距;
第一目标文本布局参数确定子模块,用于将各相邻数据块的文本容器间距调整后的文本参数,确定为目标文本布局的参数。
8.根据权利要求6所述的装置,其特征在于,所述目标代码程序为用户界面设计人员的设计程序时,所述偏差量校正模块,包括:
第二目标文本布局对确定子模块,用于在所述目标偏差映射表中,查询与所述预设文本布局、所述显示文本布局的字体字号相同且布局相同的目标文本布局对;
第二相邻数据块确定子模块,用于分别确定所述用户界面设计人员的设计程序中各相邻数据块对应的所述目标文本布局对中的相邻数据块;
标注间距调整子模块,用于针对所述用户界面设计人员的设计程序中每对相邻数据块,按照该相邻数据块对应的所述目标文本布局对中的相邻数据块的偏差量,调小该相邻数据块的标注间距;
第二目标文本布局参数确定子模块,用于将各相邻数据块的标注间距调整后的文本参数,确定为目标文本布局的参数。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,所述处理器,所述通信接口,所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现权利要求1-4任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-4任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910538164.2A CN110321124B (zh) | 2019-06-20 | 2019-06-20 | 一种文本布局优化方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910538164.2A CN110321124B (zh) | 2019-06-20 | 2019-06-20 | 一种文本布局优化方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110321124A true CN110321124A (zh) | 2019-10-11 |
CN110321124B CN110321124B (zh) | 2023-01-20 |
Family
ID=68119934
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910538164.2A Active CN110321124B (zh) | 2019-06-20 | 2019-06-20 | 一种文本布局优化方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110321124B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111506378A (zh) * | 2020-04-17 | 2020-08-07 | 腾讯科技(深圳)有限公司 | 文字显示效果的预览方法、装置、设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100199198A1 (en) * | 2009-02-03 | 2010-08-05 | Microsoft Corporation | Layout of user interface elements |
CN101859322A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种移动终端的网页显示方法 |
CN107450912A (zh) * | 2017-07-07 | 2017-12-08 | 北京小米移动软件有限公司 | 页面的布局方法、装置及终端 |
US20180018305A1 (en) * | 2015-02-05 | 2018-01-18 | Hewlett-Packard Development Company, L.P. | Character spacing adjustment of text columns |
CN108733371A (zh) * | 2018-05-16 | 2018-11-02 | 北京奇艺世纪科技有限公司 | 一种界面生成方法、装置及设备 |
CN109783181A (zh) * | 2019-01-31 | 2019-05-21 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
-
2019
- 2019-06-20 CN CN201910538164.2A patent/CN110321124B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100199198A1 (en) * | 2009-02-03 | 2010-08-05 | Microsoft Corporation | Layout of user interface elements |
CN101859322A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种移动终端的网页显示方法 |
US20180018305A1 (en) * | 2015-02-05 | 2018-01-18 | Hewlett-Packard Development Company, L.P. | Character spacing adjustment of text columns |
CN107450912A (zh) * | 2017-07-07 | 2017-12-08 | 北京小米移动软件有限公司 | 页面的布局方法、装置及终端 |
CN108733371A (zh) * | 2018-05-16 | 2018-11-02 | 北京奇艺世纪科技有限公司 | 一种界面生成方法、装置及设备 |
CN109783181A (zh) * | 2019-01-31 | 2019-05-21 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111506378A (zh) * | 2020-04-17 | 2020-08-07 | 腾讯科技(深圳)有限公司 | 文字显示效果的预览方法、装置、设备及存储介质 |
CN111506378B (zh) * | 2020-04-17 | 2021-09-28 | 腾讯科技(深圳)有限公司 | 文字显示效果的预览方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN110321124B (zh) | 2023-01-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8281272B1 (en) | System and method to generate re-useable layout components from schematic components in an IC design with hierarchical parameters | |
CN105528149A (zh) | 一种应用图标显示方法及装置 | |
KR101864743B1 (ko) | 도면 수정 장치 및 도면 수정 방법 | |
CN103365541B (zh) | 展示窗口的方法及终端 | |
US10901585B2 (en) | Iterative detection of forms-usage patterns | |
US11568118B2 (en) | Electronic device, method for generating package drawing and computer readable storage medium | |
US7577912B2 (en) | Suggestive form factors | |
CN115599255A (zh) | 一种大屏可视化智能交互数据处理方法、装置及存储介质 | |
US9977581B2 (en) | Selection refinement tool | |
CN110321124A (zh) | 一种文本布局优化方法、装置及电子设备 | |
US11080470B2 (en) | Fine-tuning automatically label locations in engineering drawings | |
US11656761B2 (en) | Touch hotspot adjustment method, apparatus, and device, and touchscreen terminal device | |
CN109255104B (zh) | 批文模板配置方法、装置、计算机设备及存储介质 | |
CN109543495B (zh) | 一种人脸关键点标注方法、装置、电子设备及存储介质 | |
US11423587B2 (en) | Freeform gradient style blending | |
CN112000328A (zh) | 一种页面可视化编辑方法、装置及设备 | |
CN107369192B (zh) | 一种连接关系处理方法及装置 | |
CN115981617A (zh) | 代码语句推荐方法、装置、电子设备及存储介质 | |
CN115495188A (zh) | 混合开发app的主题颜色切换方法、装置、设备及介质 | |
US9230053B2 (en) | Rule generating apparatus and method using lithography simulation | |
CN107390995A (zh) | 一种阶梯数值设置方法及装置 | |
Mbang* et al. | Automation of the computer-aided design–computer-aided quality assurance process chain in car body engineering | |
TW201606547A (zh) | 用戶定義的動態事件 | |
JP2020140560A (ja) | 電子機器およびその制御方法およびプログラム | |
EP4266169A1 (en) | Adaptive ui constraint solving method and related device |
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 |