文本行高调整方法、装置、电子设备及可读存储介质制造方法及图纸

技术编号:33286816 阅读:19 留言:0更新日期:2022-04-30 23:55
本发明专利技术提供了一种文本行高调整方法、装置、电子设备及存储介质,涉及UI界面设计领域。该方法应用于预设绘图应用中,方法包括:获取目标平台对应的行高映射表;响应于接收到的针对目标设计稿的第一输入,确定目标设计稿中与第一输入对应文本元素的行高值,其中,目标设计稿为用于在目标平台展示的预设应用程序的用户界面UI设计稿,目标设计稿位于预设绘图应用的设计界面中;根据行高映射表以及行高值对第一输入对应的文本元素进行行高调整。因此,能够解决相关技术中针对每一平台,需要手动重复进行调整逐个修改设计稿中每个文本元素的行高的问题。行高的问题。行高的问题。

【技术实现步骤摘要】
文本行高调整方法、装置、电子设备及可读存储介质


[0001]本专利技术涉及UI界面设计
,尤其涉及一种文本行高调整方法、装置、电子设备及可读存储介质。

技术介绍

[0002]在现有技术中,UI(User Interface)设计师在与不同平台的开发合作的过程中,发现同一字号在不同平台(iOS、Android)中最后展示的行高是不一致的,为了提高设计稿在不同平台的还原度。针对每一平台,就需要设计师根据该平台的字体行高对应关系确定设计稿中文本元素在平台的行高,并手动逐个修改设计稿中每个文本元素的高度。在实际应用过程中,由于平台和设计稿中文本元素众多,需投入大量的设计资源,并且,由于手动修改过程中,难免出现疏漏,所以,实际开发过程中,依然会出现较多UI问题。
[0003]针对上述问题,目前尚未提出有效的解决技术手段。

技术实现思路

[0004]本专利技术实施例提供一种文本行高调整方法、装置、电子设备及可读存储介质,以解决相关技术中针对每一平台,需要手动逐个修改设计稿中每个文本元素的行高的问题。
[0005]为了解决上述技术问题,本专利技术是这样实现的:
[0006]第一方面,本专利技术实施例提供了一种文本行高调整方法,应用于预设绘图应用中,所述方法包括:获取目标平台对应的行高映射表;响应于接收到的针对目标设计稿的第一输入,确定所述目标设计稿中与所述第一输入对应文本元素的行高值,其中,所述目标设计稿为用于在所述目标平台展示的预设应用程序的用户界面UI设计稿,所述目标设计稿位于所述预设绘图应用的设计界面中;根据所述行高映射表以及所述行高值对所述第一输入对应文本元素进行行高调整。
[0007]进一步地,所述获取目标平台对应的行高映射表,包括:响应于接收到的针对所述目标设计稿的第二输入,确定所述目标平台的平台信息;根据所述平台信息获取所述行高映射表。
[0008]进一步地,所述确定所述目标设计稿中与所述第一输入对应文本元素的行高值,包括:响应于所述第一输入,确定所述目标设计稿中与所述第一输入对应的待调整内容;遍历所述待调整内容,以得到多组文本元素对应的多个不同的第一行高值。
[0009]进一步地,所述根据所述行高映射表以及所述行高值对所述文本元素进行行高调整,包括:根据所述多个第一行高值以及所述行高映射表确定多个第二行高值;根据所述多个第二行高值调整所述多组文本元素的行高。
[0010]进一步地,所述目标设计稿中包括至少一个画板,所述确定所述目标设计稿中与所述第一输入对应的待调整内容,包括:在所述第一输入对应至少一个目标画板的情况下,将所述至少一个目标画板中的文本元素确定为所述待调整内容;或,在所述第一输入对应一目标画板中部分内容的情况下,将所述部分内容对应的文本元素确定为所述待调整内
容。
[0011]第二方面,本专利技术实施例另外提供了一种文本行高调整装置,应用于预设绘图应用中,所述装置包括:获取模块,用于获取目标平台对应的行高映射表;确定模块,用于响应于接收到的针对目标设计稿的第一输入,确定所述目标设计稿中与所述第一输入对应文本元素的行高值,其中,所述目标设计稿为用于在所述目标平台展示的预设应用程序的用户界面UI设计稿,所述目标设计稿位于所述预设绘图应用的设计界面中;调整模块,用于根据所述行高映射表以及所述行高值对所述第一输入对应文本元素进行行高调整。
[0012]进一步地,所述获取模块包括:第一确定单元,用于响应于接收到的针对所述目标设计稿的第二输入,确定所述目标平台的平台信息;获取单元,用于根据所述平台信息获取所述行高映射表。
[0013]进一步地,所述确定模块包括:接收单元,用于响应于所述第一输入,确定所述目标设计稿中与所述第一输入对应的待调整内容;遍历单元,用于遍历所述待调整内容,以得到多组文本元素对应的多个不同的第一行高值。
[0014]进一步地,所述调整模块包括:第二确定单元,用于根据所述多个第一行高值以及所述行高映射表确定多个第二行高值;调整单元,用于根据所述多个第二行高值调整所述多组文本元素的行高。
[0015]进一步地,所述目标设计稿中包括至少一个画板,其中,所述第二确定单元,包括:确定子单元,用于在所述第一输入对应至少一个目标画板的情况下,将所述至少一个目标画板中的文本元素确定为所述待调整内容;或,用于在所述第一输入对应一目标画板中部分内容的情况下,将所述部分内容对应的文本元素确定为所述待调整内容。
[0016]第三方面,本专利技术实施例另外提供了一种电子设备,包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如前第一方面所述的文本行高调整方法的步骤。
[0017]第四方面,本专利技术实施例另外提供了一种存储介质,所述计存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如前第一方面所述的文本行高调整方法的步骤。
[0018]在本专利技术实施例中,获取目标平台对应的行高映射表;响应于接收到的针对目标设计稿的第一输入,确定目标设计稿中与第一输入对应文本元素的行高值,其中,目标设计稿为用于在目标平台展示的预设应用程序的用户界面UI设计稿,目标设计稿位于预设绘图应用的设计界面中;根据行高映射表以及行高值对第一输入对应文本元素进行行高调整。即便针对多个平台,对于每一平台均可根据目标设计稿中与第一输入对应文本元素的行高值以及目标平台的行高映射表,对目标设计稿中与第一输入对应文本元素进行自动批量行高调整,可以有效提高UI设计稿在多个平台上的还原度,提高了设计稿针对多个平台的开发过程的效率。进一步地解决了相关技术中针对每一平台,需要手动逐个修改设计稿中每个文本元素的行高的问题。
[0019]上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。
附图说明
[0020]为了更清楚地说明本专利技术实施例的技术方案,下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0021]图1是本专利技术实施例中的一种文本行高调整方法的流程示意图;
[0022]图2是本专利技术实施例中的另一种文本行高调整方法的流程示意图;
[0023]图3是本专利技术实施例中的一种文本行高调整装置的结构示意图。
具体实施方式
[0024]下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本专利技术保护的范围。
[0025]实施例一
[0026]根据本专利技术实施例,提供了一种本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种文本行高调整方法,其特征在于,应用于预设绘图应用中,所述方法包括:获取目标平台对应的行高映射表;响应于接收到的针对目标设计稿的第一输入,确定所述目标设计稿中与所述第一输入对应文本元素的行高值,其中,所述目标设计稿为用于在所述目标平台展示的预设应用程序的用户界面UI设计稿,所述目标设计稿位于所述预设绘图应用的设计界面中;根据所述行高映射表以及所述行高值对所述第一输入对应的文本元素进行行高调整。2.根据权利要求1所述的方法,其特征在于,所述获取目标平台对应的行高映射表,包括:响应于接收到的针对所述目标设计稿的第二输入,确定所述目标平台的平台信息;根据所述平台信息获取所述行高映射表。3.根据权利要求1所述的方法,其特征在于,所述确定所述目标设计稿中与所述第一输入对应文本元素的行高值,包括:响应于所述第一输入,确定所述目标设计稿中与所述第一输入对应的待调整内容;遍历所述待调整内容,以得到多组文本元素对应的多个不同的第一行高值。4.根据权利要求3所述的方法,其特征在于,所述根据所述行高映射表以及所述行高值对所述文本元素进行行高调整,包括:根据所述多个第一行高值以及所述行高映射表确定多个第二行高值;根据所述多个第二行高值调整所述多组文本元素的行高。5.根据权利要求3所述的方法,其特征在于,所述目标设计稿中包括至少一个画板,所述确定所述目标设计稿中与所述第一输入对应的待调整内容,包括:在所述第一输入对应至少一个目标画板的情况下,将所述至少一个目标画板中的文本元素确定为所述待调整内容;或,在所述第一输入对应一目标画板中部分内容的情况下,将所述部分内容对应的文本元素确定为所述待调整内容。6.一种文本行高调整装置,其特征在于,应用于预设绘图应用中,所述装置包括:获取模块,用于获取目标平台对应的行高映射表;确定模块,用于响应于接收到的针对目标设计稿的第一输入,确定所述目标设计稿中...

【专利技术属性】
技术研发人员:钱杰张国政李梦阳
申请(专利权)人:上海瑞家信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1