CN114385153A - 界面编辑方法、编辑终端及计算机可读存储介质 - Google Patents
界面编辑方法、编辑终端及计算机可读存储介质 Download PDFInfo
- Publication number
- CN114385153A CN114385153A CN202111396735.7A CN202111396735A CN114385153A CN 114385153 A CN114385153 A CN 114385153A CN 202111396735 A CN202111396735 A CN 202111396735A CN 114385153 A CN114385153 A CN 114385153A
- Authority
- CN
- China
- Prior art keywords
- interface
- editing
- display
- terminal
- transaction
- 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
Images
Classifications
-
- 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/34—Graphical or visual programming
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及界面编辑技术领域,公开了一种界面编辑方法、编辑终端及计算机可读存储介质,所述方法应用于编辑终端,该方法包括:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。通过上述方式,能够提高编辑界面的可阅读性,进而提高用户体验和编辑效率。
Description
技术领域
本申请涉及界面编辑技术领域,特别是涉及一种界面编辑方法、编辑终端及计算机可读存储介质。
背景技术
界面开发是根据用户要求构建网页页面或应用程序界面的过程。它是一项包括需求分析和设计、开发规划、需求获取、界面编辑、界面预览、界面展示的系统工程。对于一个界面编辑器而言,如何将事务内容进行清晰快捷编辑后按照不同应用展现端的样式要求进行界面转换,是一个提升用户体验、提高用户效率的问题。
现有的界面编辑过程,一般是在不同应用展现端分别编辑内容,或者是在一个编辑界面的表格中编辑内容后,经过系统由表转换为图的样式,再由人工切换到应用展现端预览图的展示效果。但是大量的信息存在表格中,使得可阅读性低。
发明内容
本申请主要解决的技术问题是提供一种界面编辑方法、编辑终端及计算机可读存储介质,能够提高编辑界面的可阅读性,进而提高用户体验和编辑效率。
为了解决上述问题,本申请采用的一种技术方案是提供一种界面编辑方法,该方法应用于编辑终端,包括:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。
可选地,编辑界面为事务处理编辑界面,事务处理编辑界面包括时间节点框架以及对应每个时间节点的事务处理事项;其中,显示一编辑界面,包括:显示一时间节点框架;响应于编辑操作,对每个时间节点的事务处理事项进行编辑。
可选地,将编辑界面转化为显示界面,包括:获取显示终端的标识信息;根据标识信息确定显示终端的配置参数;根据配置参数将编辑界面转化为对应的显示界面;其中,编辑界面与显示界面的时间节点框架的界面布局相同,编辑界面与显示界面的事务处理事项的内容相同。
可选地,根据配置参数将编辑界面转化为对应的显示界面,包括:根据配置参数将时间节点框架中对应节点区域的底色进行更改。
可选地,根据配置参数将编辑界面转化为对应的显示界面,包括:根据配置参数调整编辑界面的分辨率,以转换为对应的显示界面。
可选地,根据配置参数将编辑界面转化为对应的显示界面,包括:根据配置参数将编辑界面的时间节点框架中的事务处理事项的字体参数进行更改,以转换为对应的显示界面。
可选地,该方法还包括:建立同类型事务处理事项的关联关系;响应于对目标事务处理事项的字体参数的修改操作,对目标事务处理事项以及与目标事务处理事项同类型的事务处理事项的字体,进行同步修改。
可选地,该方法还包括:显示一界面切换指令;响应于对界面切换指令的点击操作,将编辑界面切换为预览界面,预览界面与显示界面相同。
为了解决上述问题,本申请采用的另一种技术方案是提供一种编辑终端,该编辑终端包括处理器和处理器连接的存储器;其中,存储器中存储有程序数据,处理器调取存储器存储的程序数据,以实现如上述技术方案提供的界面编辑方法。
为了解决上述问题,本申请采用的另一种技术方案是提供一种计算机可读存储介质,该计算机可读存储介质用于存储程序指令,程序指令在被处理器执行时,用于实现如上述技术方案提供的界面编辑方法。
本申请的有益效果是:区别于现有技术的情况,本申请的一种界面编辑方法,所述方法应用于编辑终端,该方法包括:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。通过上述方式,一方面,能够直接在显示的界面进行界面编辑,提升界面编辑的便捷性和效率;另一方面,设置编辑界面与显示界面的界面布局和显示内容相同,能够提高编辑界面的可阅读性,实现编辑的界面所见即所得,进而提高用户体验和编辑效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。其中:
图1是本申请提供的界面编辑方法一实施例的流程示意图;
图2是显示一编辑界面一实施例的流程示意图;
图3是显示一编辑界面一实施例的界面示意图;
图4是可选组件对应显示界面一实施例的界面示意图;
图5是可选组件对应显示界面另一实施例的界面示意图;
图6是将编辑界面转化为显示界面一实施例的流程示意图;
图7是将编辑界面转化为显示界面一实施例的界面示意图;
图8是将编辑界面转化为显示界面另一实施例的流程示意图;
图9是将编辑界面转化为显示界面另一实施例的界面示意图;
图10是本申请中的界面编辑方法另一实施例的流程示意图;
图11是切换编辑界面一实施例的界面示意图;
图12为本申请提供的一种编辑终端的结构示意图;
图13为本申请提供的计算机可读存储介质一实施例的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。可以理解的是,此处所描述的具体实施例仅用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本申请相关的部分而非全部结构。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
需要说明的是,在本文中提及的“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
本申请中的术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请实施例中有涉及“第一”、“第二”等的描述,则该“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施例之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
本申请实施例中的步骤并不一定是按照所描述的步骤顺序进行处理,可以按照需求有选择的将步骤打乱重排,或者删除实施例中的步骤,或者增加实施例中的步骤,本申请实施例中的步骤描述只是可选的顺序组合,并不代表本申请实施例的所有步骤顺序组合,实施例中的步骤顺序不能认为是对本申请的限制。
本申请实施例中的终端(如编辑终端和显示终端)可以以各种形式来实施。例如,本申请实施例中描述的编辑终端和显示终端包括可以应用于诸如手机、笔记本电脑、个人数字助理(PDA,Personal Digital Assistant)、平板电脑(PAD)、便携式多媒体播放器(PMP,Portable Media Player)、导航装置等等的智能终端以及诸如数字TV、台式计算机等等的固定终端。下面,假设终端是智能终端。然而,本领域技术人员将理解的是,除了特别用于移动目的的元件之外,根据本发明的实施方式的构造也能够应用于固定类型的终端。
为详细说明本申请的技术内容、技术步骤、所实现的目的及效果,以下结合实施方式并配合附图详予说明。
参阅图1,图1是本申请提供的界面编辑方法一实施例的流程示意图。该方法包括:
步骤11:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑。
具体地,显示一应用于编辑终端的编辑界面,该编辑界面可响应于编辑操作对编辑界面进行编辑。其中,该编辑界面为事务处理编辑界面,事务处理编辑界面包括时间节点框架以及对应每个时间节点的事务处理事项。
可选地,编辑终端可为基于网络视图(WebView)或者应用程序上的事务编辑器,该事务编辑器可响应于编辑操作对编辑界面中的事务内容或者界面布局进行编辑后直接预览界面。其中,WebView或者应用程序是承载编辑界面(例如,WebView中的HTML5网页或者应用程序中的交互界面)的载体控件,并通过两者渲染引擎来加载显示创建的编辑界面。
可选地,编辑界面中的时间节点框架可为按年、月、日或小时进行分类的多个时间节点框架,在每一个时间框架内包括其对应的事务处理事项。编辑界面包括对界面的显示内容和界面布局的编辑。其中,显示内容包括事务处理事项的显示内容以及编辑界面的背景、动画、链接、底色、字号、字体、粗细或标识中的至少一种。编辑界面的类型包括文章页面类型、多屏滑动页面类型或带滚动条长页面类型中的任意一种。
可选地,在事务编辑器中包括有输入模块,该输入模块可为键盘、鼠标、语音输入器或者其任意组合等。其中,键盘或者鼠标包括多种按键,可向编辑界面中输入相应的编辑数据或者指令并转化为相应的编辑操作以得到对应的显示内容(如编辑内容的词语、句子、底色、字号等),以及语音输入器可接收语音并转化为相应的编辑数据或者指令。例如,语音输入器接收的语音为“这个周天全天休息”,语音输入器识别该语音关键词并转化为相应的编辑数据或者指令,编辑界面接收和响应于编辑数据或者指令及其对应的编辑操作并对编辑界面中相应的编辑区域进行编辑。
参阅图2,图2是显示一编辑界面一实施例的流程示意图。步骤11具体包括以下步骤:
步骤111:显示一时间节点框架。
具体地,响应于创建一编辑界面并读取事务编辑器内置的界面加载控件,根据输入模块输入的编辑数据或者指令形成对应的编辑操作,编辑操作控制编辑界面加载控件渲染出所有时间节点框架中的某一个时间节点框架。其中,编辑界面可根据编辑操作响应于切换成其他的时间节点框架。
可选地,编辑操作是指用户对编辑界面中各种组件或者模块的操作,是可以被载体控件识别的操作,例如,在编辑界面中点击确定按钮、双击、事务处理事项模块的文本编辑框,进而产生事件响应等。事件响应是指编辑操作的目的,例如,点击文字链接,则跳转到对应的页面;点击时间节点框架,则切换到选择显示时间节点界面;点击编辑框,则可接收输入的信息。为了便于界面与数据之间的映射,对事件响应进行类别划分,例如,切换页面、数据请求、数据状态修改等。
可选地,编辑界面中的时间节点框架为日历框架的展现形式,即在日历框架中年份为最大的时间节点,月份其次,每月的每一日为最小的时间节点。编辑界面响应于显示某一年某一月某一日的时间节点框架。在每日的时间节点框架中包括各个时间段的事务处理事项模块。编辑界面也可以响应于显示某一年某一月某一周的时间节点框架。在每周的时间节点框架中包括每日的各个时间段的事务处理事项模块。
可选地,在编辑界面中显示有至少一个多样化的可选组件。其中,可选组件用于构造编辑界面中的布局组成元素、调整样式显示属性和/或界面交互属性。例如,在编辑界面中显示有编辑框的字体、字号、字体颜色、时间节点框架的背景和/或底色、添加特殊标识(如添加△、↑、↓或特殊链接)以及切换模式或者切换时间节点框架中的至少一个的可选组件。
步骤112:响应于编辑操作,对每个时间节点的事务处理事项进行编辑。
具体地,事务编辑器接收输入模块输入的编辑数据或者指令并转化为相应的编辑操作,编辑界面执行编辑操作以对每个时间节点的事务处理事项进行编辑,以得到对应的显示内容(如编辑内容的词语、句子、底色、字号等)或者界面布局。
可选地,事务编辑器对作用于所述至少一个可选组件的操作、作用于编辑界面输入区域的操作、作用于编辑界面中交互对象的操作中的至少一种进行响应,所响应的这些操作都可以称为编辑操作,根据所选择的可选组件进行编辑处理,得到符合编辑界面实际呈现需求的界面处理结果。
具体地,可选组件是类似功能菜单中的功能选项,当编辑操作是作用于一可选组件时,具体是通过选择可选组件来规划待创建生成的编辑界面的整体界面布局和显示内容,如在编辑界面的第一时间节点对应的事务处理事项插入媒体信息,如图片,视频或文字;如在编辑界面的第二时间节点对应的事务处理事项添加LOGO、图标或指定形状等等。
具体地,编辑界面输入区域,区别于上述组件的功能选项,是确定实现某个功能,在所布局的一个确定位置执行输入操作等等。比如,编辑操作要求为在第一时间节点对应的事务处理事项中插入一个文本框,那么,在该文本框中的输入操作,即为作用于编辑界面输入区域的编辑操作。如果在所述编辑界面中显示有文本输入框,用户可以在文本输入框中输入想要添加的文字内容,该文本输入框为编辑界面输入区域的一个实施场景。例如,还可以从线下文档中复制内容,并带着样式黏贴到编辑界面中,减少重复编辑的工作。
具体地,编辑界面中的交互对象,区别于上述组件的功能选项,是确定实现某个功能,在所布局的一个确定位置的交互对象执行的选择、切换或者拖拽操作等等。例如,编辑界面和预览界面为一对交互对象,可实现由编辑界面切换为预览界面的操作。又如,编辑界面中的各个时间节点框架两两之间都可以为一对交互对象,可实现由一时间节点框架切换为另一时间节点框架的操作。又如,编辑界面中的某一个Logo或者文本框为一个交互对象,可实现该Logo或者文本框由编辑界面的第一位置拖拽并移动至编辑界面的第二位置的操作。
参阅图3,图3是显示一编辑界面一实施例的界面示意图。
如图3所示,响应于显示时间节点框架为2018年1月第一周的显示界面的编辑操作,并且还响应于对该时间节点框架内的一周时间节点对应的事务处理事项进行编辑。具体事务处理事项的编辑为周一至周五的第一时间节点和第二时间节点(即时间段为8:00-10:00和时间段为10:00-12:00)开会,周一至周五的第三时间节点和第四时间节点(即时间段为14:00-16:00和时间段为16:00-18:00)拜访客户,周一至周五的第六时间节点(即时间段为19:00-21:00)内部培训,周六至周七的全部时间节点为休息。
可选地,在编辑界面中还包括显示两个可选组件,分别是媒体信息组件和内容编辑组件。具体地,编辑界面响应于选择某一个可选组件,则编辑界面自动切换至该可选组件对应的显示界面,在可选组件对应的显示界面中包括对编辑界面进行相应编辑的可选选项,选择其中的可选选择,可以对编辑界面对应的部分进行编辑。可选地,可选组件对应的显示界面还可以分屏显示在编辑界面的一侧或者悬浮显示在编辑界面上,这里不做具体限定。
参阅图4,图4是可选组件对应显示界面一实施例的界面示意图。
如图4所示,该可选组件为媒体信息组件,媒体信息组件悬浮显示在编辑界面的上一层。媒体信息组件包括有多个多媒体文件,如图片1、图片2、图片3和视频1、视频2、视频3以及魔幻字1、魔幻字2、魔幻字3。通过输入模块选择其中的至少一个多媒体文件,则可将该相应的多媒体文件应用到编辑界面中,并且在多媒体文件应用到编辑界面后,该多媒体文件可在编辑界面中再次被编辑,如放大、缩小、拖动、删除等编辑操作。
参阅图5,图5是可选组件对应的显示界面另一实施例的界面示意图。
如图5所示,该可选组件为内容编辑组件,内容编辑组件的显示界面为由编辑界面切换得到。内容编辑组件包括有多种字体、字体颜色、时间节点框架背景、时间节点框架底色和时间节点框架标识的选项栏以及保存和取消的选择标识。
在一实施场景中,首先在编辑界面中选中某一时间节点及其事务处理事项,再响应于选择内容编辑组件的操作,在内容编辑组件的显示界面中选择一种处理方式,例如,选择字体为微软雅黑、颜色为黑色、时间节点框架背景为无、时间节点框架底色为白色和时间节点框架标识为无。选择处理方式结束后,响应于内容编辑组件的显示界面中的保存选择标识,则编辑界面的显示内容自动转换为处理方式对应的显示方式。
步骤12:将编辑界面转化为显示界面。
具体地,如图6所示,图6是将编辑界面转化为显示界面一实施例的流程示意图。步骤12具体包括:
步骤121a:获取显示终端的标识信息。
具体地,编辑终端中的编辑界面可在多个显示终端中显示,并且每个显示终端包含的配置参数可能相同也可能不相同。该配置参数可以为界面渲染代码和界面显示参数等。因此,可以将多个显示终端分别编号为1号终端、2号终端、3号终端等,用以区分不同的显示终端。其中,显示终端的标识信息包括对应的显示终端的编号。
步骤122a:根据标识信息确定显示终端的配置参数。
具体地,编辑终端根据标识信息确定其对应的某一显示终端,并且在编辑终端中存储有某一显示终端对应的配置参数。其中,该配置参数包括显示终端的编号、界面渲染代码和界面显示参数。界面渲染代码包括转换编辑界面中的事务处理事项内容的字体、字号、字体颜色、时间节点框架的背景和/或底色、添加特殊标识中的至少任意一个,以成为显示界面的显示内容。界面显示参数包括显示终端的分辨率和尺寸等信息。
步骤123a:根据配置参数将编辑界面转化为对应的显示界面。
具体地,编辑终端根据配置参数转换编辑界面中的界面渲染代码和界面显示参数,以形成对应的显示界面。其中,编辑界面与显示界面的时间节点框架的界面布局相同,编辑界面与显示界面的事务处理事项的内容相同。
进一步地,转换编辑界面中的界面渲染代码和界面显示参数至少包括:根据配置参数调整编辑界面的分辨率,以转换为对应的显示界面;和/或根据配置参数将编辑界面的时间节点框架中的事务处理事项的字体参数进行更改,以转换为对应的显示界面;和/或根据配置参数将时间节点框架中对应节点区域的底色进行更改。
在一实施例中,将编辑界面和显示界面中的工作日、节假日、关注日用底色来区分:例如,编辑界面采用时间节点框架中的事务处理事项的工作日、节假日、关注日的底色色号分别对应的是:CFECE9、E6F5F4、FAE4D7;而编辑界面采用时间节点框架中的事务处理事项的工作日、节假日、关注日的底色色号分别对应的是:286BF0、0B46C1、FF4F74。
将编辑界面和显示界面中的工作日、节假日、关注日色号的对应关系在配置参数中的界面渲染代码中建立起来,即CFECE9对应286BF0、E6F5F4对应0B46C1、FAE4D7对应FF4F74,从而实现两种应用展示端自动转换底色样式的效果。这样可以更直观的看到需要关注的日期。
如图7所示,图7是将编辑界面转化为显示界面一实施例的界面示意图。
具体地,编辑界面的时间节点框架为2018年1月,在编辑界面中显示1月1号所属周的所有日期及其星期数,显示1月1号至1月31号之间所有的日期及其星期数,显示1月31号所属周的所有日期及其星期数,以及显示这些日期当中的节假日信息,如元旦节和除夕。其中,编辑界面的分辨率为720P,事务处理编辑器根据配置参数将编辑界面的分辨率调整为1080P,以转换形成其对应的显示界面的分辨率。编辑界面中的各个事务处理事项的字体为宋体,事务处理编辑器根据配置参数将事务处理事项的字体更改为微软雅黑,以转换形成其对应的显示界面中事务处理事项的字体。编辑界面中的各个时间节点框架的底色为粉色,事务处理编辑器根据配置参数将各个时间节点框架的底色更改为无,以转换形成其对应的显示界面中各个时间节点框架的底色。
在本申请另一实施例中,还可以对显示界面中同类型的事务处理事项进行关联显示,以能够在显示界面中对不同类型的事务处理事项进行关注度的分级区分显示,对相同类型的事务处理事项进行快速查找阅读。
具体地,如图8所示,图8是将编辑界面转化为显示界面另一实施例的流程示意图。步骤12具体包括:
步骤121b:获取显示终端的标识信息。
步骤122b:根据标识信息确定显示终端的配置参数。
步骤123b:根据配置参数将编辑界面转化为对应的显示界面。
其中,步骤121b至步骤123b与上述实施例中的步骤121a至步骤123a相似,这里不再赘述。
步骤124b:建立同类型事务处理事项的关联关系。
具体地,在编辑界面中将同类型的事务处理事项建立分级关联关系。例如,在事务处理事项属于开会类型的事项分为第一等级,属于拜访客户类型的事项分为第二等级,属于内部培训类型的事项分为第三等级。
步骤125b:响应于对目标事务处理事项的字体参数的修改操作,对目标事务处理事项以及与目标事务处理事项同类型的事务处理事项的字体,进行同步修改。
具体地,响应于对编辑界面时间节点框架中的某一目标事务处理事项的字体参数的修改操作,则对该目标事务处理事项以及与目标事务处理事项同类型的事务处理事项的字体,进行同步修改。同时,在编辑界面转换为相应的显示界面中,对目标事务处理事项以及与目标事务处理事项同类型的事务处理事项的字体,进行同步的转换。
如图9所示,图9是将编辑界面转化为显示界面另一实施例的界面示意图。
具体地,编辑界面的时间节点框架为2018年1月,在编辑界面中显示1月1号所属周的所有日期及其星期数,显示1月1号至1月31号之间所有的日期及其星期数,显示1月31号所属周的所有日期及其星期数,以及显示这些日期当中的节假日信息,如元旦节和除夕。将1月1号至1月31号之间所有的节假日设置为第一等级事务处理事项。将1月1号至1月31号之间所有的工作日日设置为第二等级事务处理事项。将1月1号之前的日期和1月31号之后的日期设置为第三等级事务处理事项。其中,编辑界面的中第一等级的事务处理事项的字体为黑体,第二等级的事务处理事项的字体为宋体,第三等级的事务处理事项的字体为楷体。在编辑界面转换为显示界面中第一等级的事务处理事项的字体相应转化为华文行楷,第二等级的事务处理事项的字体相应转化为微软雅黑,第三等级的事务处理事项的字体相应转化为隶书。
步骤13:将显示界面发送给显示终端,以使显示终端显示显示界面。
具体地,将编辑终端中由编辑界面转化形成的显示界面发送给显示终端,以使显示终端根据显示界面的数据信息而显示该显示界面。其中,编辑界面与显示界面的界面布局和显示内容相同。
在本申请另一实施例中,还可以对编辑界面进行预览,以能够在未向显示终端发送显示界面之前,预览编辑界面。
具体地,如图10所示,图10是本申请中的界面编辑方法另一实施例的流程示意图。包括以下步骤:
步骤21:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑。
步骤22:将编辑界面转化为显示界面。
步骤23:将显示界面发送给显示终端,以使显示终端显示显示界面。
其中,步骤21至步骤23与上述实施例中的步骤11至步骤13相似,这里不再赘述。
步骤24:显示一界面切换指令。
具体地,在编辑界面中显示一切换预览界面指令,在预览界面中显示一切换编辑界面指令。
步骤25:响应于对界面切换指令的点击操作,将编辑界面切换为预览界面,预览界面与显示界面相同。
具体地,响应于选择切换预览界面指令,则事务编辑器的显示界面由编辑界面自动切换为预览界面。其中,基于前面底色、字体等样式的对应关系,预览界面与显示界面相同。可选地,响应于选择切换编辑界面指令,则事务编辑器的预览界面由编辑界面自动切换为编辑界面。
如图11所示,图11是切换编辑界面一实施例的界面示意图。
具体地,编辑界面的时间节点框架为2018年1月,在编辑界面中显示1月1号所属周的所有日期及其星期数,显示1月1号至1月31号之间所有的日期及其星期数,显示1月31号所属周的所有日期及其星期数,以及显示这些日期当中的节假日信息,如元旦节和除夕。其中,在编辑界面的右上角显示一切换预览界面指令,若事务编辑器响应于选择切换预览界面指令,则编辑界面立即由切换为预览界面。相应地,在预览界面的右上角显示一切换编辑界面指令,若事务编辑器响应于选择切换编辑界面指令,则预览界面立即由切换为编辑界面。
区别于现有技术,本申请实施例提供的界面编辑方法,所述方法应用于编辑终端,该方法包括:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。通过上述方式,一方面,能够直接在基于网页的在事务编辑器中对事务内容进行清晰快捷编辑后直接预览不同应用展现端,提升界面编辑的便捷性和效率;另一方面,设置编辑界面与显示界面的界面布局和显示内容相同,能够提高编辑界面的可阅读性,实现编辑的可视化显示和显示界面的所见即所得,进而提高用户体验和编辑效率。
参阅图12,图12为本申请提供的一种编辑终端的结构示意图,该编辑终端100包括处理器101以及与处理器101连接的存储器102,其中,存储器102中存储有程序数据,处理器101调取存储器102存储的程序数据,以执行上述的界面编辑方法。
可选地,在一实施例中,处理器101用于执行程序数据以实现如下方法:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。
可选地,编辑终端100中的处理器101还可以称为CPU(Central Processing Unit,中央处理单元)。处理器101可能是一种电子芯片,具有信号的处理能力。处理器101还可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中,处理器101通常控制编辑终端100的总体操作。例如,处理器101执行与界面布局、数据通信、显示内容等等相关的控制和处理。又如,处理器101可以执行模式识别处理,以将在编辑终端100上执行的输入的数据或者信号识别为相应的指令、参数、字符或图像。
可选地,编辑终端100中的存储器102可以包括至少一种类型的存储介质,所述存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等等)、随机访问存储器(RAM,Random AccessMemory)、静态随机访问存储器(SRAM,Static Random AccessMemory)、只读存储器(ROM,Read Only Memory)、电可擦除可编程只读存储器(EEPROM,Electrically Erasable Programmable Read Only Memory)、可编程只读存储器(PROM,Programmable Read OnlyMemory)、磁性存储器、磁盘、光盘等等。而且,编辑终端100可以与通过网络连接执行存储器102的存储功能的网络存储装置协作。可以存储编辑终端100中的全部信息,包括输入的原始数据、计算机程序、中间运行结果和最终运行结果都保存在存储器102中。它根据处理器101指定的位置存入和取出信息。有了存储器102,编辑终端100才有记忆功能,才能保证正常工作。
编辑终端100的存储器102按用途可分为主存储器(内存)和辅助存储器(外存),也有分为外部存储器和内部存储器的分类方法。外存通常是磁性介质或光盘等,能长期保存信息。内存指主板上的存储部件,用来存放当前正在执行的数据和程序,但仅用于暂时存放程序和数据,关闭电源或断电,数据会丢失。存储器102可以存储由处理器101执行的处理和控制操作的软件程序等等,或者可以暂时地存储己经输出或将要输出的数据(例如,电话簿、消息、静态图像、视频等等)。而且,存储器102可以存储关于当响应于编辑操作时输出的各种方式的显示内容和界面布局的数据。
可选地,该编辑终端100还可以通过可以被构造为利用经由帧或分组发送数据的诸如有线和无线通信系统以及基于卫星的通信系统来与外部装置或者一显示终端连接,以进行数据的传输,例如通过外部装置向编辑终端100输入编辑元素或者编辑终端100向显示终端输出显示界面数据。
这样的通信系统可以使用不同的接口和/或空中物理层。例如,编辑终端100通过基于内置的接入移动通信网络(如2G/3G/4G等移动通信网络)的必要数据(包括用户识别信息和鉴权信息)接入移动通信网络为编辑终端100用户的网页浏览、网络界面编辑等业务传输移动通信数据(包括上行的移动通信数据和下行的移动通信数据)。编辑终端100还可以通过运行无线热点的相关协议功能而实现无线热点的功能,无线热点支持多个编辑终端100(一编辑终端100之外的任意可编辑终端)接入,通过复用移动通信网络与移动通信网络之间的移动通信连接为编辑终端100用户的网页浏览、网络界面编辑等业务传输移动通信数据(包括上行的移动通信数据和下行的移动通信数据),由于编辑终端100实质上是复用移动通信网络与另一通信网络之间的移动通信连接传输移动通信数据的,因此编辑终端100消耗的移动通信数据的流量由通信网络侧的计费实体计入编辑终端100的通信资费,从而消耗编辑终端100签约使用的通信资费中包括的移动通信数据的数据流量。
可选地,与编辑终端100连接的显示终端可以显示在编辑终端100中处理的信息。例如,显示终端可以显示相关的编辑界面、用户界面(UI,User Interface)或图形用户界面(GUI,Graphical User Interface)。当编辑终端100处于编辑界面的编辑状态时,显示终端可以实时的显示其捕获的图像和/或接收的图像、示出显示内容或界面布局以及相关功能的UI或GUI等信号数据。
可选地,当显示终端和触摸板以层的形式彼此叠加以形成触摸屏时,显示终端可以用作输入装置和输出装置,用以向其他编辑装置或者显示装置输入或者输出其显示的图像和/或接收的图像、示出显示内容或界面布局以及相关功能的UI或GUI等信号数据。
显示终端可以包括液晶显示器(LCD,LiquidCrystal Display)、薄膜晶体管LCD(TFT-LCD,Thin Film Transistor-LCD)、有机发光二极管(OLED,Organic Light-EmittingDiode)显示器、柔性显示器、三维(3D)显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看,这可以称为透明显示器,典型的透明显示器可以例如为透明有机发光二极管(TOLED)显示器等等。根据特定想要的实施方式,显示终端可以包括两个或更多显示单元(或其它显示装置),例如,显示终端可以包括外部显示单元(未示出)和内部显示单元(未示出)。触摸屏可用于检测触摸输入压力以及触摸输入位置和触摸输入面积。
在本申请所提供的几个实施例中,可以以使用例如计算机软件、硬件或其任何组合的计算机可读介质来实施。对于硬件实施,这里描述的实施方式可以通过使用特定用途集成电路(ASIC,Application Specific Integrated Circuit)、数字信号处理器(DSP,DigitalSignal Processing)、数字信号处理装置(DSPD,Digital Signal ProcessingDevice)、可编程逻辑装置(PLD,Programmable Logic Device)、现场可编程门阵列(FPGA,FieldProgrammable Gate Array)、处理器、控制器、微控制器、微处理器、被设计为执行这里描述的功能的电子单元中的至少一种来实施,在一些情况下,这样的实施方式可以在计算机的控制器中实施。对于软件实施,诸如过程或功能的实施方式可以与允许执行至少一种功能或操作的单独的软件单元来实施。软件代码可以由以任何适当的编程语言编写的软件应用程序(或程序)来实施,软件代码可以存储在存储器102中并且由处理器101执行。
在本申请所提供的几个实施例中,应该理解到,所揭露的方法和装置,可以通过其它的方式实现。例如,以上所描述的编辑终端100或者显示终端的实施方式仅仅是示意性的,例如,界面布局或者显示内容在编辑界面上的显示方式,仅仅为一种集合的方式,实际实现时可以有另外的划分方式,例如配置参数将编辑界面转化为对应的显示界面可以结合或者可以集合到另一个系统中,或一些特征可以忽略,或不执行。
另外,在本申请各个实施例中的各功能单元(如输入模块、编辑终端、显示终端等)可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
参阅图13,图13为本申请提供的计算机可读存储介质一实施例的结构示意图,该计算机可读存储介质110中存储有能够实现上述所有方法的程序指令111。
在本申请各个实施例中的各功能单元集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在计算机可读存储介质110中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机可读存储介质110在一个程序指令111中,包括若干指令用以使得一台计算机设备(可以是个人计算机,系统服务器,或者网络设备等)、电子设备(例如MP3、MP4等,也可以是手机、平板电脑、可穿戴设备等移动终端,也可以是台式电脑等)或者处理器(processor)以执行本申请各个实施方式方法的全部或部分步骤。
可选地,在一实施例中,程序指令111在被处理器执行时,用以实现如下方法:显示一编辑界面;其中,编辑界面可响应于编辑操作对编辑界面进行编辑;将编辑界面转化为显示界面;将显示界面发送给显示终端,以使显示终端显示显示界面;其中,编辑界面与显示界面的界面布局和显示内容相同。
以上所述仅为本申请的实施方式,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。
Claims (10)
1.一种界面编辑方法,其特征在于,所述方法应用于编辑终端,所述方法包括:
显示一编辑界面;其中,所述编辑界面可响应于编辑操作对所述编辑界面进行编辑;
将所述编辑界面转化为显示界面;
将所述显示界面发送给显示终端,以使所述显示终端显示所述显示界面;
其中,所述编辑界面与所述显示界面的界面布局和显示内容相同。
2.根据权利要求1所述的方法,其特征在于,
所述编辑界面为事务处理编辑界面,所述事务处理编辑界面包括时间节点框架以及对应每个所述时间节点的事务处理事项;
所述显示一编辑界面,包括:
显示一时间节点框架;
响应于编辑操作,对每个所述时间节点的事务处理事项进行编辑。
3.根据权利要求2所述的方法,其特征在于,
所述将所述编辑界面转化为显示界面,包括:
获取显示终端的标识信息;
根据所述标识信息确定所述显示终端的配置参数;
根据所述配置参数将所述编辑界面转化为对应的显示界面;
其中,所述编辑界面与所述显示界面的所述时间节点框架的界面布局相同,所述编辑界面与所述显示界面的所述事务处理事项的内容相同。
4.根据权利要求3所述的方法,其特征在于,
所述根据所述配置参数将所述编辑界面转化为对应的显示界面,包括:
根据所述配置参数将所述时间节点框架中对应节点区域的底色进行更改。
5.根据权利要求3所述的方法,其特征在于,
所述根据所述配置参数将所述编辑界面转化为对应的显示界面,包括:
根据所述配置参数调整所述编辑界面的分辨率,以转换为对应的显示界面。
6.根据权利要求3所述的方法,其特征在于,
所述根据所述配置参数将所述编辑界面转化为对应的显示界面,包括:
根据所述配置参数将所述编辑界面的所述时间节点框架中的事务处理事项的字体参数进行更改,以转换为对应的显示界面。
7.根据权利要求6所述的方法,其特征在于,
所述方法还包括:
建立同类型事务处理事项的关联关系;
响应于对目标事务处理事项的字体参数的修改操作,对所述目标事务处理事项以及与所述目标事务处理事项同类型的事务处理事项的字体,进行同步修改。
8.根据权利要求1所述的方法,其特征在于,
所述方法还包括:
显示一界面切换指令;
响应于对所述界面切换指令的点击操作,将所述编辑界面切换为预览界面,所述预览界面与所述显示界面相同。
9.一种编辑终端,其特征在于,所述编辑终端包括处理器以及与所述处理器连接的存储器,其中,所述存储器中存储有程序数据,所述处理器调取所述存储器存储的所述程序数据,以执行如权利要求1-8任意一项所述的界面编辑方法。
10.一种计算机可读存储介质,内部存储有程序指令,其特征在于,所述程序指令被执行以实现如权利要求1-8任一项所述的界面编辑方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111396735.7A CN114385153A (zh) | 2021-11-23 | 2021-11-23 | 界面编辑方法、编辑终端及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111396735.7A CN114385153A (zh) | 2021-11-23 | 2021-11-23 | 界面编辑方法、编辑终端及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114385153A true CN114385153A (zh) | 2022-04-22 |
Family
ID=81196387
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111396735.7A Pending CN114385153A (zh) | 2021-11-23 | 2021-11-23 | 界面编辑方法、编辑终端及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114385153A (zh) |
-
2021
- 2021-11-23 CN CN202111396735.7A patent/CN114385153A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11500513B2 (en) | Method for icon display, terminal, and storage medium | |
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
US9927952B2 (en) | Utilizing a ribbon to access an application user interface | |
US9360992B2 (en) | Three dimensional conditional formatting | |
US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
US8769430B2 (en) | Multi-column formatted page scrolling | |
CN109753326B (zh) | 处理方法、装置、设备和机器可读介质 | |
WO2021008334A1 (zh) | 小程序的数据绑定方法、装置、设备及存储介质 | |
US20050216834A1 (en) | Method, apparatus, and computer-readable medium for dynamically rendering a user interface menu | |
CN104423805A (zh) | 用户终端装置及其控制方法以及扩展的显示系统 | |
WO2019085820A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
JP2012038336A (ja) | 装置上でデジタルビジュアルコンテンツを閲覧するためのシステム及び方法 | |
KR20040060806A (ko) | 메시징 어플리케이션 프로그램에 대한 사용자인터페이스의 템플릿 기반 고객 맞춤화 | |
CN103309560A (zh) | 多界面显示信息的方法及终端 | |
CN112016023B (zh) | 业务处理方法、装置、终端及存储介质 | |
US12045305B2 (en) | Method and apparatus for generating web page using blocks | |
CN110286971B (zh) | 处理方法及系统、介质和计算设备 | |
WO2017000898A1 (zh) | 软件图标显示方法和装置 | |
CN108897541A (zh) | 应用程序的视觉还原方法、装置、存储介质及终端 | |
CN103412748A (zh) | 嵌入式平台的用户界面的显示控制方法、装置及系统 | |
JP2012064207A (ja) | ホスト装置及びホスト装置のコンテンツ表示方法 | |
WO2019085810A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
CN116974431A (zh) | 一种文档的显示控制方法、装置、电子设备和存储介质 | |
CN107862728B (zh) | 图片标签的添加方法、装置及计算机可读存储介质 | |
CN114385153A (zh) | 界面编辑方法、编辑终端及计算机可读存储介质 |
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 |