CN117313653A - 文本框的适配方法、装置和电子设备 - Google Patents
文本框的适配方法、装置和电子设备 Download PDFInfo
- Publication number
- CN117313653A CN117313653A CN202311069695.4A CN202311069695A CN117313653A CN 117313653 A CN117313653 A CN 117313653A CN 202311069695 A CN202311069695 A CN 202311069695A CN 117313653 A CN117313653 A CN 117313653A
- Authority
- CN
- China
- Prior art keywords
- text
- text box
- box
- target
- language
- 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.)
- Pending
Links
- 230000006978 adaptation Effects 0.000 title claims abstract description 128
- 238000000034 method Methods 0.000 title claims abstract description 68
- 238000013519 translation Methods 0.000 claims abstract description 78
- 238000013461 design Methods 0.000 claims description 53
- 230000004044 response Effects 0.000 claims description 31
- 230000000694 effects Effects 0.000 claims description 10
- 230000014616 translation Effects 0.000 description 63
- 238000010586 diagram Methods 0.000 description 11
- 238000012545 processing Methods 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 238000012827 research and development Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000005034 decoration Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 238000007373 indentation Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
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/109—Font handling; Temporal or kinetic typography
-
- 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/40—Processing or translation of natural language
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种文本框的适配方法、装置和电子设备,响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本;响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。该方式能够在翻译目标文本后,自动识别翻译文本是否超框,在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
Description
技术领域
本发明涉及游戏页面设计技术领域,尤其是涉及一种文本框的适配方法、装置和电子设备。
背景技术
在制作多语言界面设计稿时,不同语言的文字长度和字符数,可能会导致设计稿的页面布局发生变化。例如,某一文本框内包含的中文句子有20个字符,翻译为日文后需要40个字符,从而导致翻译为日文的文本会超出文本框的范围。
相关技术中,通常用户在文本框中输入文本后,可根据文本的长度自动调整文本框的宽度,但是该方式仅限于调整文本框的宽度,当文本框内的内容过多时,仍可能导致文本框高度不足以完整显示所有文本内容,需要手动调整文本框的高度,从而增加了人力成本。
发明内容
本发明在于提供一种文本框的适配方法、装置和电子设备,以使文本框于文本框内的文本内容自动适配,避免人工调整文本框的适配。
第一方面,本发明提供了一种文本框的适配方法,该方法应用于终端设备,终端设备提供一图形用户界面,图形用户界面中显示第一语言的目标文本;该方法包括:响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本;响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
第二方面,本发明提供了一种文本框的适配装置,该装置设置于终端设备,该终端设备提供一图形用户界面,图形用户界面中显示第一语言的目标文本;该装置包括:文本翻译模块,用于响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;超框标记模块,用于识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提升第一文本;文本框适配模块,用于响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
第三方面,本发明提供了一种电子设备,该电子设备包括处理器和存储器,存储器存储有能够被处理器执行的机器可执行指令,处理器执行机器可执行指令以实现上述文本框的适配方法。
第四方面,本发明提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令在被处理器调用和执行时,计算机可执行指令促使处理器实现上述文本框的适配方法。
本发明实施例带来了以下有益效果:
本发明提供的一种文本框的适配方法、装置和电子设备,首先响应针对第一语言的目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;进而识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,在图形用户界面中以指定样式标识第一文本;然后响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。该方式能够在翻译目标文本后,自动识别翻译文本是否超框,并在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
本发明的其他特征和优点将在随后的说明书中阐述,或者,部分特征和优点可以从说明书推知或毫无疑义地确定,或者通过实施本发明的上述技术即可得知。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施方式,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种文本框的适配方法的流程图;
图2为本发明实施例提供的另一种文本框的适配方法的流程图;
图3为本发明实施例提供的一种超框标记的显示示意图;
图4为本发明实施例提供的一种预设文本框式样的选择示意图;
图5为本发明实施例提供的一种文本框的适配装置的结构示意图;
图6为本发明实施例提供的一种电子设备的结构示意图。
附图标记:
1-指定标识;2-文本框;3-多语言设计面板。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在制作多语言界面设计稿时,不同语言的文字长度和字符数,可能会导致设计稿的页面布局发生变化。例如,某一文本框内包含的中文句子有20个字符,翻译为日文后需要40个字符,从而导致翻译为日文的文本会超出文本框的范围。通常产品都是中文设计,在落地上线才发现设计有多语言问题,后续设计师频繁调整文本适配框和文本程序适配规则,耗费了大量调试的人力精力。
相关技术中,通常用户在文本框中输入文本后,可根据文本的长度自动调整文本框的宽度,但是该方式仅限于调整文本框的宽度,并不能提供垂直方向上的自动适配。当文本框内的内容过多时,仍可能导致文本框高度不足以完整显示所有文本内容,需要手动调整文本框的高度。
基于上述问题,本发明实施例提供了一种文本框的适配方法、装置和电子设备,该技术可以应用于文本设计场景中,尤其是多语言的页面设计场景中。
为了便于对本发明实施例进行理解,首先对本发明实施例公开的一种文本框的适配方法进行详细介绍,该方法应用于终端设备,该终端设备提供一图形用户界面,该图形用户界面中显示具有第一语言的目标文本;如图1所示,该方法包括如下具体步骤:
步骤S102,响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本。
在具体实现时,上述目标文本通常是显示在文本框内的文本内容,该文本框的尺寸通常与目标文本的文本长度相适应。该目标文本对应的第一语言可以根据研发需求或者用户操作设置,例如,该第一语言可以是中文、日文、英文等语言。
上述针对目标文本的翻译操作可以根据研发需求或者玩家操作确定,该翻译操作可以是选择目标文本的待翻译语言并应用该待翻译语言的操作,也可以是针对图形用户界面中的某一控件的触发操作等。具体地,可以通过翻译操作确定第二语言为目标文本的待翻译语言,该第二语言具体为哪种语言可以根据用户操作确定,例如,该第二语言可以是英文、德文、法文等中的一种或多种。在玩家对目标文本进行翻译操作时,会将目标文本翻译为第二语言的翻译文本,然后在图形用户界面中显示目标文本对应的第二语言的翻译文本。
步骤S104,识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本。
在将目标文本翻译为第二语言后,会自动判断目标文本的翻译文本是否超出目标文本对应的文本框,如果翻译文本超出目标文本对应的文本框,将翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本。该指定样式的具体显示样式可以根据研发需求确定,例如,该指定样式可以是在图形用户界面中显示提示信息,该提示信息中指明超出文本框的第一文本;指定样式还可以是对第一文本的文本框或者第一文本的特殊显示。
在一具体实施例中,上述以指定样式提示第一文本包括下述中的一种或多种:使用指定标识标记第一文本、以指定颜色显示第一文本、对第一文本的文本框标亮、以特效动画提示第一文本。上述指定标识可以是在翻译文本外加矩形框,也可以是在翻译文本外加矩形框的同时,在矩形框上标注三角标识或者星形标识等。
在具体实现时,可以通过比较目标文本的翻译文本的文本长度,与目标文本对应的文本框的尺寸,确定翻译文本是否超出文本框。其中,翻译文本的文本长度大于文本框尺寸时,确定该翻译文本超出文本框。在实际应用中,图形用户界面中不仅会显示目标文本,还会显示目标文本的翻译文本,且显示目标文本的翻译文本的文本框的尺寸,与目标文本对应的文本框(也即是显示目标文本的文本框)的尺寸相同。如果目标文本被翻译为多种语言后,会在图形用户界面中显示目标文本被翻译为每种语言的翻译文本,且每种语言对应的翻译文本的文本框的尺寸均与目标文本对应的文本框的尺寸相同。在图形用户界面中显示目标文本的翻译文本的同时,会使用指定标识标记超出目标文本对应的文本框的翻译文本,从而使用户可以清晰的看到哪些文本超出了原文的文本框,便于后续对超框文本进行文本框的自适应处理。
步骤S106,响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
上述针对第一文本的文本框适配操作的具体操作可以根据研发需求或者用户操作确定。用户可通过文本框适配操作,从多个预设文本框适配样式中选择目标文本框适配样式,进而基于目标文本框适配样式,调整第一文本所属的文本框的尺寸,或者调整第一文本的字体大小。具体地,还可以基于目标文本框适配样式,既调整第一文本所属的文本框的尺寸,又调整第一文本的字体样式,具体根据目标文本框适配样式对应的适配规则确定。其中,不同的预设文本框适配样式对应的适配规则不同,因而,用户通过选择不同的预设文本框适配样式,可以得到不用的文本显示效果。
本发明实施例提供的一种文本框的适配方法,首先响应针对第一语言的目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;进而识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,在图形用户界面中以指定样式提示第一文本;然后响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。该方式能够在翻译目标文本后,自动识别翻译文本是否超框,并在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
本发明实施例还提供了另一种文本框的适配方法,该方法在上述实施例的基础上实现,该方法重点描述响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本的具体过程(具体通过下述步骤S202-S206实现),以及识别翻译文本是否超出目标文本对应的文本框的具体过程(通过下述步骤S208-S210实现);如图2所示,该方法包括如下具体步骤:
步骤S202,响应针对目标文本的第一触发操作,在图形用户界面中显示多语言设计面板;多语言设计面板中包括翻译语言选择控件。
上述针对目标文本的第一触发操作可以是目标文本的选中操作,也可以是选中目标文本后对指定控件的点击操作等。用户执行第一触发操作后,会在图形用户界面中弹出多语言设计面板,该多语言设计面板用于设置目标文本可翻译的语言,以及对文本框的适配样式进行选择等。具体地,该多语言设计面板中包括翻译语言选择控件,该翻译语言选择控件用于选择待翻译的语言。
步骤S204,响应针对翻译语言选择控件的第二触发操作,确定第二触发操作指示的第二语言。
上述第二触发操作的具体操作可以根据研发需求确定,例如,该第二触发操作可以是对翻译语言选择控件的输入操作,该输入操作输入的是第二语言的名称;该第二触发操作还可以是点击翻译语言选择控件,并在点击翻译语言选择控件后显示语言选择列表,该语言选择列表中包括多个可选择语言,点击某一个可选择语言即可将点击的可选择语言确定为第二语言。
步骤S206,响应针对第二语言的应用指令,将目标文本翻译为第二语言的翻译文本。
上述针对第二语言的应用指令可以根据研发需求确定,例如,该应用指令可以是用户点击多语言设计面板中的指定控件发送的,也可以是触发图形用户界面中的指定区域生成的。应用第二语言后,会将第一语言的目标文本翻译为第二语言的翻译文本;其中,第一语言和第二语言为不同的语言。
步骤S208,确定翻译文本的文本长度,以及目标文本对应的文本框的文本框尺寸。
在具体实现时,可以通过翻译文本的字号、字间距和行间距,确定翻译文本的文本长度,根据文本框的坐标和尺寸属性可以确定文本框尺寸。
步骤S210,判断翻译文本的文本长度是否大于文本框尺寸,如果大于,确定翻译文本超出目标文本对应的文本框。
程序通过读取翻译文本的文本长度和目标文本对应的文本框的文本框长度,以及比较文本长度和文本框尺寸,检测翻译文本是否出现超出文本框的情况。如果翻译文本的文本长度大于文本框尺寸,确定翻译文本超出目标文本对应的文本框;如果翻译文本的文本长度不大于文本框尺寸,确定翻译文本未超出目标文本对应的文本框,不对翻译文本进行任何处理。
步骤S212,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本。
在翻译文本超出目标文本对应的文本框时,会在图形用户界面中以指定样式提示第一文本。如图3所示为本发明实施例提供一种超框标记的显示示意图,图3中标号为1的三角形为指定标识,该指定标识用于提示第一文本超框,图3中标号为2的白色框为第一文本对应的文本框,该文本框的大小与目标文本的文本框的大小箱匹配。图3中标号为2的文本框内显示的目标文本的翻译文本,也即是第一文本。
在可选实施例中,在图形用户界面中以指定样式第一文本之后,响应于文本选择操作,将选中的第一文本确定为待调整的第一文本。具体地,用户可以根据需求从超出目标文本对应的文本框的第一文本中,选择需要进行文本框适配的文本,也即是选择待调整的第一文本,从而后续对待调整的第一文本进行文本框适配。上述文本选择操作可以根据研发需求确定,例如,该文本选择操作可以是对第一文本的点击操作或者长按操作,也可以是对第一文本对应的指定样式的提示信息的点击操作或者长按操作。本发明还可以批量多选第一文本,例如,可以点击鼠标左键进行单选,按住shift并点击鼠标左键进行多选。
在可选实施例中,上述多语言设计面板中还包括标记超框控件;该标记超框控件具有超框标记功能,也即是可自动识别翻译后的文本出现超框的情况的文本内容,并在对超框的文本内容进行标记。具体地,响应针对标记超框控件的选中操作,识别翻译文本是否超出目标文本对应的文本框。其中,识别翻译文本是否超出目标文本对应的文本框的方式可参考上步骤S208-S210,在此不再赘述。
步骤S214,响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
上述文本框的适配方法,通过自动识别翻译后超框内容和提供文本框适配样式选择的功能,设计师可以更快速地处理文本适配问题,减少了手动调整文本框大小和样式的时间和工作量,提高了整体设计效率。
下述优选实施例描述文本框和文本的适配调整的方式。
具体地,上述多语言设计面板中包括:多个预设文本框适配样式;上述响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本的具体过程,可以包括:响应针对多语言设计面板中的预设文本框适配样式的选中操作,将选中的预设文本框适配样式确定为目标文本框适配样式;响应针对目标文本框适配样式的应用操作,根据目标文本框适配样式,调整第一文本所属的文本框的文本框尺寸,和/或调整第一文本的缩放比例。
上述目标文本框适配样式可以是预设文本框适配样式中的任意一个文本框适配样式。上述应用操作的具体操作可以根据研发需求确定,例如,该应用操作可以是对应用控件的点击操作,还可以是对图形用户界面中某一区域的触发操作等。针对不同的文本框适配样式,对文本框或者第一文本的调整方式不同,且不同的文本框适配样式对应不同的适配规则。
在具体实现时,上述多语言设计面板中多个预设文本框适配样式,可以包括但不限于下述中的至少一种:
第一种文本框适配样式,基于文本框中的文本内容的文本长度,调整文本框的文本框尺寸,以使文本框的文本框尺寸与文本内容相匹配。这里的文本框尺寸包括文本框的长度和高度。
第二种文本框适配样式,文本框的文本框尺寸保持不变,调整文本框中的文本内容的字体大小,以使文本内容与文本框尺寸相匹配。
第三种文本框适配样式,将文本框中超出文本框的文本内容,使用指定符号表示。该指定符号可以是省略号或者星号等,具体可根据研发需求确定。
第四种文本框适配样式,以预设速度滚动显示文本框中的文本内容。该预设速度可以根据研发需求确定。
如图4所示为本发明实施例提供的一种文本框适配样式的选择示意图,图4中标号为1的三角形标识相当于上述指定标识,指定标识用于标识超框的第一文本,图4中的标号为2的文本框中的文本内容是基于文本框适配操作指示的目标文本框适配样式,调整第一文本得到的调整后的文本,调整后的文本未超出文本框。图4右下方标号为3的白色区域显示的是多语言设计面板,该多语言设计面板中显示有“选择适配样式”的标识,该标识的下方显示有7个预设文本框适配样式,包括:底板自适应文字、自适应自动换行、带装饰点、自适应缩放、走马灯、行末省略号和自动缩进预留。图4中选中的文本框适配样式是自适应缩放,也即是标号为2的文本框中的文本内容是通过自适应缩放的方式调整的第一文本,以使第一文本不超框。
其中,底板自适应文字是指文本框的文本框尺寸根据文本长度进行适应,且与翻译文本的文字保持一定边距;自适应自动换行是指文本框宽度不变,翻译文本中的文本内容自适应换行,同时文本框调整高度;通过换行符号判断翻译文本中的句子前是否要加装饰点,该装饰点和文本保持固定的位置;自适应缩放是指文本框的文本框尺寸不变,通过程序缩小文本框内的文字字号的方式进行文本展示,以达到适配多语言的效果;在走马灯中,文本内容通常是超过文本框的可是范围的,为了在有限空间内展示更多的内容,采用滚动显文本框中的文本内容的方式;行末省略号是指,文本在限定区域无法完全显示,可将最后一位字符显示为省略号,截断后面文字内容;自动缩进预留是指文本框根据文本尺度进行适配,并和文本保持一定边距,以适应多语言翻译后的多行显示。
上述方式中,本方案结合了多语言设计图生成、超框内容标记和适配样式应用等功能,通过自动识别翻译后出现超框情况的文本内容,并提供灵活的适配样式选择,这种综合方案可以提高设计效率和准确性,为设计师提供更好的工作体验。同时,本发明的技术方案能够准确地标记超框内容并提供适配样式选择,从而文本适配可以更加精确和准确,确保文本内容完整显示,并与设计图整体布局和风格相符。另外,本发明的技术方案通过提供易于理解和操作的面板和交互方式,使设计师能够方便地选择和应用适配样式,提供了良好的用户体验,减少了学习成本,并增强了设计师与工具的互动性。
另外,该方式自动识别超框内容和提供适配样式选择的功能可以减少人为错误的发生,并提高文本适配的准确性,也使得设计师不再需要手动检查和调整每个文本框,从而降低了错误和遗漏的风险。
下述优选实施例描述目标文本为页面设计图中的文本内容时的文本框的适配方式:
具体地,在图形用户界面中显示有页面设计图,该页面设计图中包括第一语言的目标文本。其中,该页面设计图通常是使用图像处理软件或是界面设计协作工具Figma来制作的,再1:1还原到游戏引擎或者浏览器中得到用户可操作的页面。该页面设计图中包括按照预设页面布局设计的控件图片和文本内容等,该文本内容通常是显示在文本框内的。
首先响应针对目标文本的翻译操作,将第一语言的目标文本翻译为第二语言的翻译;进而识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示所述第一文本;响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整所述第一文本。该方式的具体实现方式与上述方法实施例相同,可参考上述实施例,在此不再赘述。
如果目标文本被翻译为多种语言后,会在图形用户界面中显示目标文本被翻译为每种语言的翻译文本,且每种语言对应的翻译文本的文本框的尺寸均与目标文本对应的文本框的尺寸相同,从而在图形用户界面中展示页面设计图像对应的多语言效果图。
该方式中,在目标文本为页面设计图中的文本时,不仅可减少用户手动调整文本框的工作量,还可提高整体页面设计的效率。同时,本发明可一键生成多语言页面设计图并标记超框内容,有助于确保多语言设计图在不同语言版本之间保持一致性,设计师可以方便地识别和适配超框内容,确保所有语言版本的设计效果一致,提供统一的用户体验。
针对于上述方法实施例,本发明实施例还提供了一种文本框的适配装置,该装置设置于终端设备,终端设备提供一图形用户界面,该图形用户界面中显示第一语言的目标文本;如图5所示,该装置包括:
文本翻译模块40,用于响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本。
超框标记模块41,用于识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式标记第一文本。
文本框适配模块42,用于响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
上述文本框的适配装置,首先响应针对第一语言的目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;进而识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,在图形用户界面中以指定样式提示第一文本;然后响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。该方式能够在翻译目标文本后,自动识别翻译文本是否超框,并在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
具体地,上述文本翻译模块40,用于:响应针对目标文本的第一触发操作,在图形用户界面中显示多语言设计面板;多语言设计面板中包括翻译语言选择控件;响应针对翻译语言选择控件的第二触发操作,确定第二触发操作指示的第二语言;响应针对第二语言的应用指令,将目标文本翻译为第二语言的翻译文本。
进一步地,上述多语言设计面板中还包括标记超框控件;上述超框标记模块41,还用于:响应针对标记超框控件的选中操作,识别翻译文本是否超出目标文本对应的文本框。
在具体实现时,上述超框标记模块41,还用于:确定翻译文本的文本长度,以及目标文本对应的文本框的文本框尺寸;判断翻译文本的文本长度是否大于文本框尺寸,如果大于,确定翻译文本超出目标文本对应的文本框。
进一步地,上述多语言设计面板中包括:多个预设文本框适配样式;上述文本框适配模块42,用于:响应针对多语言设计面板中的预设文本框适配样式的选中操作,将选中的预设文本框适配样式确定为目标文本框适配样式;响应针对目标文本框适配样式的应用操作,根据目标文本框适配样式,调整第一文本所属的文本框的文本框尺寸,和/或调整第一文本的缩放比例。
在具体实现时,上述多个预设文本框适配样式,包括下述中的至少一种:基于文本框中的文本内容的文本长度,调整文本框的文本框尺寸,以使文本框的文本框尺寸与文本内容相匹配;文本框的文本框尺寸保持不变,调整文本框中的文本内容的字体大小,以使文本内容与文本框尺寸相匹配;将文本框中超出文本框的文本内容,使用指定符号表示;以预设速度滚动显示文本框中的文本内容。
在实际应用中,上述以指定样式提示第一文本包括下述中的一种或多种:使用指定标识标记第一文本、以指定颜色显示第一文本、对第一文本的文本框标亮、以特效动画提示第一文本。
进一步地,上述装置还包括文本选择模块,用于:在图形用户界面中以指定样式提示第一文本之后,响应于文本选择操作,将选中的第一文本确定为待调整的第一文本。
本发明实施例所提供的文本框的适配装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
本发明实施例还提供了一种电子设备,如图6所示,该电子设备包括处理器和存储器,该存储器存储有能够被处理器执行的机器可执行指令,该处理器执行机器可执行指令以实现上述文本框的适配方法。
具体地,上述文本框的适配方法应用于终端设备,该终端设备提供一图形用户界面,图形用户界面中显示第一语言的目标文本;该方法包括:响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本;响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
上述文本框的适配方法,能够在翻译目标文本后,自动识别翻译文本是否超框,并在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
在可选实施例中,上述响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本的步骤,包括:响应针对目标文本的第一触发操作,在图形用户界面中显示多语言设计面板;多语言设计面板中包括翻译语言选择控件;响应针对翻译语言选择控件的第二触发操作,确定第二触发操作指示的第二语言;响应针对第二语言的应用指令,将目标文本翻译为第二语言的翻译文本。
在可选实施例中,多语言设计面板中还包括标记超框控件;上述方法还包括:响应针对标记超框控件的选中操作,识别翻译文本是否超出目标文本对应的文本框。
在可选实施例中,上述识别翻译文本是否超出目标文本对应的文本框的步骤,包括:确定翻译文本的文本长度,以及目标文本对应的文本框的文本框尺寸;判断翻译文本的文本长度是否大于文本框尺寸,如果大于,确定翻译文本超出目标文本对应的文本框。
在可选实施例中,上述多语言设计面板中包括:多个预设文本框适配样式;上述响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本的步骤,包括:响应针对多语言设计面板中的预设文本框适配样式的选中操作,将选中的预设文本框适配样式确定为目标文本框适配样式;响应针对目标文本框适配样式的应用操作,根据目标文本框适配样式,调整第一文本所属的文本框的文本框尺寸,和/或调整第一文本的缩放比例。
在可选实施例中,上述多个预设文本框适配样式,包括下述中的至少一种:基于文本框中的文本内容的文本长度,调整文本框的文本框尺寸,以使文本框的文本框尺寸与文本内容相匹配;文本框的文本框尺寸保持不变,调整文本框中的文本内容的字体大小,以使文本内容与文本框尺寸相匹配;将文本框中超出文本框的文本内容,使用指定符号表示;以预设速度滚动显示文本框中的文本内容。
在可选实施例中,上述以指定样式提示第一文本包括下述中的一种或多种:使用指定标识标记第一文本、以指定颜色显示第一文本、对第一文本的文本框标亮、以特效动画提示第一文本。
在可选实施例中,在图形用户界面中以指定样式提示第一文本之后,上述方法还包括:响应于文本选择操作,将选中的第一文本确定为待调整的第一文本。
进一步地,图6所示的电子设备还包括总线102和通信接口103,处理器101、通信接口103和存储器100通过总线102连接。
其中,存储器100可能包含高速随机存取存储器(RAM,Random Access Memory),也可能还包括非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。通过至少一个通信接口103(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接,可以使用互联网,广域网,本地网,城域网等。总线102可以是ISA总线、PCI总线或EISA总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示,图6中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
处理器101可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器101中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器101可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(DigitalSignal Processing,简称DSP)、专用集成电路(Application Specific IntegratedCircuit,简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器100,处理器101读取存储器100中的信息,结合其硬件完成前述实施例的方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令在被处理器调用和执行时,该计算机可执行指令促使处理器实现上述文本框的适配方法,具体实现可参见方法实施例,在此不再赘述。
具体地,上述文本框的适配方法应用于终端设备,该终端设备提供一图形用户界面,图形用户界面中显示第一语言的目标文本;该方法包括:响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本;识别翻译文本是否超出目标文本对应的文本框,将超出目标文本对应的文本框的翻译文本确定为第一文本,并在图形用户界面中以指定样式提示第一文本;响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本。
上述文本框的适配方法,能够在翻译目标文本后,自动识别翻译文本是否超框,并在翻译文本超框后根据选择的文本框适配样式对翻译文本进行自动适配,从而减少用户手动调整文本框的工作量。
在可选实施例中,上述响应针对目标文本的翻译操作,将目标文本翻译为第二语言的翻译文本的步骤,包括:响应针对目标文本的第一触发操作,在图形用户界面中显示多语言设计面板;多语言设计面板中包括翻译语言选择控件;响应针对翻译语言选择控件的第二触发操作,确定第二触发操作指示的第二语言;响应针对第二语言的应用指令,将目标文本翻译为第二语言的翻译文本。
在可选实施例中,上述多语言设计面板中还包括标记超框控件;上述方法还包括:响应针对标记超框控件的选中操作,识别翻译文本是否超出目标文本对应的文本框。
在可选实施例中,上述识别翻译文本是否超出目标文本对应的文本框的步骤,包括:确定翻译文本的文本长度,以及目标文本对应的文本框的文本框尺寸;判断翻译文本的文本长度是否大于文本框尺寸,如果大于,确定翻译文本超出目标文本对应的文本框。
在可选实施例中,上述多语言设计面板中包括:多个预设文本框适配样式;上述响应针对第一文本的文本框适配操作,基于文本框适配操作指示的目标文本框适配样式,调整第一文本所属的文本框和/或调整第一文本的步骤,包括:响应针对多语言设计面板中的预设文本框适配样式的选中操作,将选中的预设文本框适配样式确定为目标文本框适配样式;响应针对目标文本框适配样式的应用操作,根据目标文本框适配样式,调整第一文本所属的文本框的文本框尺寸,和/或调整第一文本的缩放比例。
在可选实施例中,上述多个预设文本框适配样式,包括下述中的至少一种:基于文本框中的文本内容的文本长度,调整文本框的文本框尺寸,以使文本框的文本框尺寸与文本内容相匹配;文本框的文本框尺寸保持不变,调整文本框中的文本内容的字体大小,以使文本内容与文本框尺寸相匹配;将文本框中超出文本框的文本内容,使用指定符号表示;以预设速度滚动显示文本框中的文本内容。
在可选实施例中,上述以指定样式提示第一文本包括下述中的一种或多种:使用指定标识标记第一文本、以指定颜色显示第一文本、对第一文本的文本框标亮、以特效动画提示第一文本。
在可选实施例中,在图形用户界面中以指定样式提示第一文本之后,上述方法还包括:响应于文本选择操作,将选中的第一文本确定为待调整的第一文本。
功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,终端设备,或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
在本发明的描述中,需要说明的是,术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”、“第三”仅用于描述目的,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (11)
1.一种文本框的适配方法,其特征在于,所述方法应用于终端设备,所述终端设备提供一图形用户界面,所述图形用户界面中显示第一语言的目标文本;所述方法包括:
响应针对所述目标文本的翻译操作,将所述目标文本翻译为第二语言的翻译文本;
识别所述翻译文本是否超出所述目标文本对应的文本框,将超出所述目标文本对应的文本框的翻译文本确定为第一文本,并在所述图形用户界面中以指定样式提示所述第一文本;
响应针对所述第一文本的文本框适配操作,基于所述文本框适配操作指示的目标文本框适配样式,调整所述第一文本所属的文本框和/或调整所述第一文本。
2.根据权利要求1所述的方法,其特征在于,所述响应针对所述目标文本的翻译操作,将所述目标文本翻译为第二语言的翻译文本的步骤,包括:
响应针对所述目标文本的第一触发操作,在所述图形用户界面中显示多语言设计面板;所述多语言设计面板中包括翻译翻译语言选择控件;
响应针对所述翻译语言选择控件的第二触发操作,确定所述第二触发操作指示的第二语言;
响应针对所述第二语言的应用指令,将所述目标文本翻译为所述第二语言的翻译文本。
3.根据权利要求2所述的方法,其特征在于,所述多语言设计面板中还包括标记超框控件;所述方法还包括:
响应针对所述标记超框控件的选中操作,识别所述翻译文本是否超出所述目标文本对应的文本框。
4.根据权利要求1或2所述的方法,其特征在于,所述识别所述翻译文本是否超出所述目标文本对应的文本框的步骤,包括:
确定所述翻译文本的文本长度,以及所述目标文本对应的文本框的文本框尺寸;
判断所述翻译文本的文本长度是否大于所述文本框尺寸,如果大于,确定所述翻译文本超出所述目标文本对应的文本框。
5.根据权利要求2所述的方法,其特征在于,所述多语言设计面板中包括:多个预设文本框适配样式;
所述响应针对所述第一文本的文本框适配操作,基于所述文本框适配操作指示的目标文本框适配样式,调整所述第一文本所属的文本框和/或调整所述第一文本的步骤,包括:
响应针对所述多语言设计面板中的预设文本框适配样式的选中操作,将选中的预设文本框适配样式确定为所述目标文本框适配样式;
响应针对所述目标文本框适配样式的应用操作,根据所述目标文本框适配样式,调整所述第一文本所属的文本框的文本框尺寸,和/或调整所述第一文本的缩放比例。
6.根据权利要求5所述的方法,其特征在于,所述多个预设文本框适配样式,包括下述中的至少一种:
基于所述文本框中的文本内容的文本长度,调整所述文本框的文本框尺寸,以使所述文本框的文本框尺寸与所述文本内容相匹配;
所述文本框的文本框尺寸保持不变,调整所述文本框中的文本内容的字体大小,以使所述文本内容与所述文本框尺寸相匹配;
将所述文本框中超出所述文本框的文本内容,使用指定符号表示;
以预设速度滚动显示所述文本框中的文本内容。
7.根据权利要求1所述的方法,其特征在于,所述以指定样式提示所述第一文本包括下述中的一种或多种:使用指定标识标记所述第一文本、以指定颜色显示所述第一文本、对所述第一文本的文本框标亮、以特效动画提示所述第一文本。
8.根据权利要求1所述的方法,其特征在于,所述在所述图形用户界面中以指定样式提示所述第一文本的步骤之后,所述方法还包括:
响应于文本选择操作,将选中的第一文本确定为待调整的第一文本。
9.一种文本框的适配装置,其特征在于,所述装置设置于终端设备,所述终端设备提供一图形用户界面,所述图形用户界面中显示第一语言的目标文本;所述装置包括:
文本翻译模块,用于响应针对所述目标文本的翻译操作,将所述目标文本翻译为第二语言的翻译文本;
超框标记模块,用于识别所述翻译文本是否超出所述目标文本对应的文本框,将超出所述目标文本对应的文本框的翻译文本确定为第一文本,并在所述图形用户界面中以指定样式提示所述第一文本;
文本框适配模块,用于响应针对所述第一文本的文本框适配操作,基于所述文本框适配操作指示的目标文本框适配样式,调整所述第一文本所属的文本框和/或调整所述第一文本。
10.一种电子设备,其特征在于,所述电子设备包括处理器和存储器,所述存储器存储有能够被所述处理器执行的机器可执行指令,所述处理器执行所述机器可执行指令以实现权利要求1至8任一项所述的文本框的适配方法。
11.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令在被处理器调用和执行时,所述计算机可执行指令促使所述处理器实现权利要求1至8任一项所述的文本框的适配方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311069695.4A CN117313653A (zh) | 2023-08-23 | 2023-08-23 | 文本框的适配方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311069695.4A CN117313653A (zh) | 2023-08-23 | 2023-08-23 | 文本框的适配方法、装置和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117313653A true CN117313653A (zh) | 2023-12-29 |
Family
ID=89248814
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311069695.4A Pending CN117313653A (zh) | 2023-08-23 | 2023-08-23 | 文本框的适配方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117313653A (zh) |
-
2023
- 2023-08-23 CN CN202311069695.4A patent/CN117313653A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
US20050216836A1 (en) | Electronic document processing | |
US9639528B1 (en) | Translation-based visual design | |
CN113190781B (zh) | 页面布局方法、装置、设备及存储介质 | |
WO2011072434A1 (en) | System and method for web content extraction | |
CN101036137B (zh) | 显示装置、用于显示装置的控制方法 | |
CN109933751B (zh) | 图文绘制方法、装置、计算机可读存储介质和计算机设备 | |
KR102574306B1 (ko) | 동적 조판 | |
US9886426B1 (en) | Methods and apparatus for generating an efficient SVG file | |
CN110990010A (zh) | 一种软件界面代码的生成方法及装置 | |
CN111291533B (zh) | 待显示句段的显示方法、装置、计算机设备和存储介质 | |
CN114417226A (zh) | 页面生成方法、显示方法、装置、电子设备和存储介质 | |
AU2019341037B2 (en) | Dynamically adjusting text strings based on machine translation feedback | |
JP2022074852A (ja) | 辞書編集装置、辞書編集方法及び辞書編集プログラム | |
CN109992759B (zh) | 表格对象编辑方法、装置、电子设备及存储介质 | |
Powers | Beginning Css3 | |
CN116933728A (zh) | 文本处理方法、电子设备及存储介质 | |
US11030388B2 (en) | Live text glyph modifications | |
CN111143749A (zh) | 一种网页展示方法、装置、设备及存储介质 | |
CN117313653A (zh) | 文本框的适配方法、装置和电子设备 | |
CN113297425B (zh) | 文档转换方法、装置、服务器及存储介质 | |
CN111580909B (zh) | 图片生成方法、装置、设备和存储介质 | |
CN102099806B (zh) | 信息输出装置及信息输出方法 | |
CN113436298A (zh) | 一种自动生成汉字笔顺动画的方法、装置及其相关组件 | |
US9075776B2 (en) | Document processing apparatus, document processing method, and program |
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 |