CN114661278A - 信息显示方法、装置、电子设备和存储介质 - Google Patents

Abstract

本公开实施例公开了一种信息显示方法、装置、电子设备和存储介质，该方法包括：响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。本公开可提高对目标界面的编辑效率，降低对用户操作水平的要求。

Description

信息显示方法、装置、电子设备和存储介质

技术领域

本公开涉及信息技术领域，尤其涉及一种信息显示方法、装置、电子设备和存储介质。

背景技术

随着网络技术和终端技术的快速发展，网上购物已经成为一种比较成熟的购物方式。在网上购物时，用户通常会浏览网上店铺，以找到期望的目标物品。因此，网上店铺需经过预先编辑和日常维护，以向用户展示店铺内的物品。

目前，在对店铺进行编辑时，对用户的操作水平要求较高，导致对店铺进行编辑时的效率较低，用户体验较差。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本公开实施例提供了一种信息显示方法、装置、电子设备和存储介质，在向目标界面布置组件时，降低了对用户操作水平的要求，提高了操作效率和操作体验。

本公开实施例提供了一种信息显示方法，该方法包括：

响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；

若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

本公开实施例还提供了一种信息显示装置，包括：

第一显示模块，用于响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；

第二显示模块，用于若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

本公开实施例还提供了一种电子设备，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上所述的信息显示方法。

本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上所述的信息显示方法。

本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括计算机程序或指令，该计算机程序或指令被处理器执行时实现如上所述的信息显示方法。

本公开实施例提供的信息显示方法，响应于针对目标组件的触发操作，在目标界面显示第一提示信息，第一提示信息用于指示目标界面中符合放置目标组件条件的候选放置区域，使得在目标组件一被触发时即向用户指示可以放置目标组件的候选放置区域，从而使用户明确哪里可以放置目标组件，为用户的下一步交互操作指明方向，可提高对目标界面的编辑效率，降低对用户操作水平的要求；当检测到目标组件进入目标界面时，在目标界面进一步显示第二提示信息，第二提示信息用于指示放置目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域，即当目标组件进入目标界面时，自动从多个候选放置区域中确定出一个目标放置区域，并提示给用户，进一步降低了操作难度，提高了操作效率以及操作体验。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1为本公开实施例中的一种信息显示方法的流程图；

图2为本公开实施例中的一种界面示意图；

图3为本公开实施例中的一种界面示意图；

图4为本公开实施例中的一种界面示意图；

图5为本公开实施例中的一种界面示意图；

图6为本公开实施例中的一种界面示意图；

图7为本公开实施例中的一种界面示意图；

图8为本公开实施例中的一种组件区域的示意图；

图9为本公开实施例中的一种组件区域的示意图；

图10为本公开实施例中的一种信息显示装置的结构示意图；

图11为本公开实施例中的一种电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

图1为本公开实施例中的一种信息显示方法的流程图，本实施例可适用于基于组件对界面进行排版等编辑的情况，该方法可以由信息显示装置执行，该装置可以采用软件和/或硬件的方式实现，该装置可配置于电子设备中，例如终端，具体包括但不限于智能手机、掌上电脑、平板电脑、带显示屏的可穿戴设备、台式机、笔记本电脑、一体机、智能家居设备等。

如图1所示，该方法具体包括如下步骤：

步骤110、响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域。

其中，目标界面包括页面编辑界面，例如网上店铺的商品展示页的编辑界面；目标界面还可以包括页面非编辑界面，换言之，目标界面除了包括可编辑界面之外，还可以包括不可编辑界面(例如网上店铺的店铺介绍界面，店铺介绍界面用于显示店铺的名称等信息)。示例性的，参考如图2所示的一种界面示意图，其中目标界面220包括页面编辑界面201和页面非编辑界面202。所述目标组件为用于对所述页面编辑界面的展示内容进行编辑的组件，例如目标组件是用于展示商品图片的组件或者展示优惠券的组件等。其中，用于展示商品图片的组件可以是只展示一张图片的组件、同时展示两张图片的组件或者同时展示三张图片的组件等，同时展示多张图片的组件中每张图片的展示区域大小可以相同，也可以不同，以为用户提供样式较丰富的候选组件，满足不同用户的个性化编辑需求。

其中，针对目标组件的触发操作是用于确认目标组件为控制对象的操作。可选的，针对目标组件的触发操作具体可以是通过鼠标单击选中目标组件的操作，或者通过触控笔、触摸部位选中目标组件的操作，还可以是控制目标组件移动的操作(例如拖拽目标组件的操作，可以是通过按住鼠标指针拖拽目标组件，也可以是通过触控笔或者触控部位拖拽目标组件)。

当检测到针对目标组件的触发操作时，在目标界面显示第一提示信息，第一提示信息用于指示目标界面中符合放置目标组件条件的候选放置区域，其中，候选放置区域指可以放置目标组件的区域，使得在目标组件一被触发时即向用户指示可以放置目标组件的候选放置区域，从而使用户明确哪里可以放置目标组件，为用户的下一步交互操作指明方向，可提高对目标界面的编辑效率，降低对用户操作水平的要求。可选的，候选放置区域可以是目标界面中预设的某位置，还可以是根据目标组件个性化确定的目标界面中的某位置。例如候选放置区域是目标界面中已有组件区域的边界之间的位置，即在不同组件区域之间可以放置目标组件。若目标界面中不包括已有组件区域，则可将目标界面的顶部、底部、左部或者右部确定为候选放置区域。还可以根据目标组件的参数(例如长和宽)以及目标界面中已有组件的参数确定与目标组件的样式相似的组件区域，将该类组件区域之间的位置确定为候选放置区域。

其中，第一提示信息可以直接显示在候选放置区域；或者第一提示信息显示在非候选放置区域，但第一提示信息与候选放置区域建立关联，例如通过箭头或其它图标从第一提示信息指向候选放置区域。如果第一提示信息直接显示在候选放置区域，可以在候选放置区域仅显示特定文本的第一提示信息，还可以在显示特定文本的第一提示信息的同时改变候选放置区域的颜色，以达到醒目的目的，给用户带来较强的提示，提升操作体验。可以理解的是，还可以通过单纯改变候选放置区域的颜色来表达第一提示信息。

通常，在基于组件对目标界面进行编辑的场景中，会通过组件界面显示多个候选组件，该多个候选组件通常具有不同的显示样式，以方便用户从中挑选目标组件。即组件界面与目标界面是彼此独立的两个界面，在基于组件对目标界面进行编辑时，需将从组件界面中挑选的目标组件移动至目标界面。示例性的，继续参考如图2所示的一种界面示意图，其中包括组件界面210和目标界面220。在组件界面210显示有多种样式的候选组件，候选组件用于对目标界面220的展示内容进行编辑。用户可以根据自己的需求从组件界面210中选择具体的某个候选组件作为目标组件，并将目标组件拖拽至目标界面220，通过目标组件对目标界面220中展示的内容进行编辑。

可选的，响应于针对目标组件的触发操作，在目标界面显示第一提示信息，包括：响应于针对目标组件的选中操作，在目标界面显示第一提示信息。即在目标组件被选中时，则在目标界面显示第一提示信息。例如用户选中组件界面210中的目标组件211，在用户选中目标组件211时，即在目标界面220显示第一提示信息221，以指示目标界面220中符合放置目标组件条件的候选放置区域。进一步的，如图2所示，第一提示信息221可以直接显示在可以放置目标组件211的候选放置区域，第一提示信息221具体可以是“+组件放置区域”。可选的，如图3所示的界面示意图，在将第一提示信息221直接显示在可以放置目标组件211的候选放置区域的同时，控制候选放置区域的颜色与其它非候选放置区域的颜色进行区别显示，例如候选放置区域的颜色显示为绿色，其它非候选放置区域的颜色显示为灰色等，以更加鲜明地突出候选放置区域，使用户及时明确哪些区域是候选放置区域，达到提升用户操作体验的目的。

在另一些可选实施方式中，第一提示信息221不直接显示在候选放置区域，而是显示在其它区域，并通过指示图标与候选放置区域建立联系，达到指示候选放置区域的目的。例如第一提示信息221具体是“候选放置区域请见箭头所指区域”，并通过箭头从第一提示信息221指向候选放置区域。

其中，所述候选放置区域可以是目标界面220中已有组件区域的边界之间的区域，例如图2所示的目标界面包括已有组件区域222、223、224和225，组件区域222的边界与组件区域223的边界之间可作为候选放置区域显示第一提示信息221；组件区域223的边界与组件区域224的边界之间可作为候选放置区域显示第一提示信息221；组件区域224的边界与组件区域225的边界之间可作为候选放置区域显示第一提示信息221。

可选的，若目标界面中不存在已有组件区域时，可目标界面中的设定区域作为候选放置区域，例如将目标界面中可编辑界面的顶部作为候选放置区域。

可选的，响应于针对目标组件的触发操作，在目标界面显示第一提示信息，包括：在检测到目标组件被选中且目标组件开始移动时，在目标界面显示第一提示信息。换言之，只要目标组件发生移动，则在目标界面显示第一提示信息。

进一步的，所述响应于针对目标组件的触发操作，在目标界面显示第一提示信息，包括：响应于针对所述目标组件的触发操作，控制所述目标组件移动；若所述目标组件移出所述组件界面且未进入所述目标界面，在所述目标界面中的所述候选放置区域显示第一提示信息；其中，所述触发操作由预设的触发对象所输入，所述触发对象包括鼠标指针、触控笔或者触控部位中的一种，即用户可以通过鼠标指针、触控笔或者触控部位(例如手指)选中目标组件或者拖拽目标组件等对目标组件施加触发操作。

在一种实现方式中，在目标组件被选中时，可以不立即显示第一提示信息，而是当目标组件被移出组件界面且未进入目标界面时，在所述目标界面中的所述候选放置区域显示第一提示信息。如图4所示的一种界面示意图，当目标组件411处于组件界面410与目标界面420之间时，在目标界面420显示第一提示信息421。进一步的，参考如图5所示的一种界面示意图，当检测到目标组件511被移出组件界面510且未进入目标界面520时，显示从目标组件510指向候选放置区域的指引图标530，以向用户指引操作方向，达到降低操作难度，提高操作效率和操作体验的目的。

步骤120、若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

其中，第二提示信息可以直接显示在目标放置区域；或者第二提示信息显示在非目标放置区域，但第二提示信息与目标放置区域建立关联，例如通过箭头或其它图标从第二提示信息指向目标放置区域。如果第二提示信息直接显示在目标放置区域，可以在目标放置区域仅显示特定文本的第二提示信息，还可以在显示特定文本的第二提示信息的同时改变目标放置区域的颜色，以达到醒目的目的，给用户带来较强的提示，提升操作体验。可以理解的是，还可以通过单纯改变目标放置区域的颜色来表达第二提示信息，如果第一提示信息也是通过单纯改变候选放置区域的颜色来表达的，那么用于表达第一提示信息的颜色与用于表达第二提示信息的颜色可以进行区分，以方便区分候选放置区域和目标放置区域。

即当目标组件进入目标界面时，自动从多个候选放置区域中确定出一个目标放置区域，并提示给用户，进一步降低了操作难度，提高了操作效率以及操作体验。具体的，可根据用户的操作行为确定用户的操作意图，例如根据用户拖拽的目标组件在目标界面中的位置，将距离当前目标组件最近的候选放置区域确定为目标放置区域，并将该目标放置区域提示给用户。例如，如果用户拖拽的目标组件在目标界面中的位置属于目标界面中已有的组件区域，则将距离该组件区域最近的候选放置区域确定为目标放置区域；如果用户拖拽的目标组件在目标界面中的位置正好属于某一候选放置区域，则将该候选放置区域确定为目标放置区域。

示例性的，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：

若检测到所述目标组件位于所述目标界面中的一组件区域，确定所述触发对象在所述组件区域的目标位置；根据所述目标位置从所述候选放置区域中确定所述目标放置区域；将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息。

示例性的，如图6所示的一种界面示意图，其中，目标组件611跟随触发对象600到达目标界面620中的组件区域622，且处于组件区域622的上半部，则将组件区域622上方且距离组件区域622的中心点最近的候选放置区域确定为目标放置区域，将该候选放置区域中显示的第一提示信息621更换为第二提示信息623，而其它候选放置区域中的第一提示信息621不发生变化。第二提示信息623具体可以是“释放鼠标放在这里”。即第二提示信息可以进一步包括有使目标组件被放置在目标放置区域的交互动作，以提示用户如何操作可完成目标组件的放置，可降低操作难度，提高操作效率。

示例性的，如图7所示的一种界面示意图，其中，目标组件611跟随触发对象600到达目标界面620中的组件区域622，且处于组件区域622的下半部，则将组件区域622下方且距离组件区域622的中心点最近的候选放置区域确定为目标放置区域，将该候选放置区域中显示的第一提示信息621更换为第二提示信息623，而其它候选放置区域中的第一提示信息621不发生变化。第二提示信息623具体可以是“释放鼠标放在这里”。

可选的，若所述候选放置区域为所述目标界面中的设定区域，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：若检测到所述目标组件进入所述目标界面，控制在所述目标界面的所述候选放置区域显示的所述第一提示信息更换为所述第二提示信息。

进一步的，将第一提示信息更换为所述第二提示信息之后，所述方法还包括：响应于组件放置确认操作，控制所述目标组件放置在所述目标放置区域。其中，所述组件放置确认操作具体可以是释放鼠标的操作，即目标组件无需非常精确地被拖拽至目标放置区域才能实现目标组件的放置，而是在距离目标放置区域的一定范围内，通过释放鼠标操作即可完成将目标组件放置到目标放置区域，降低了操作难度，有利于提高操作效率。

在一些可选实施方式中，目标组件所在的组件区域包括多个子区域，所述根据所述位置从所述候选放置区域中确定所述目标放置区域，包括：确定所述目标位置对应的目标子区域，所述目标子区域为所述多个子区域中的一个；确定所述目标子区域对应的候选放置区域；将所述目标子区域对应的候选放置区域确定为所述目标放置区域。

示例性的，如图8所示的一种组件区域的示意图，该组件区域包括两个子区域，分别是第一子区域810和第二子区域820，若检测到触发对象在组件区域的目标位置落在第一子区域810，则将第一子区域810确定为所述目标位置对应的目标子区域；若检测到触发对象在组件区域的目标位置落在第二子区域820，则将第二子区域820确定为所述目标位置对应的目标子区域。进一步确定目标子区域对应的候选放置区域。

可选的，如图9所示的一种组件区域的示意图，该组件区域包括两个子区域，分别是第一子区域910和第二子区域920，若检测到触发对象在组件区域的目标位置落在第一子区域910，则将第一子区域910确定为所述目标位置对应的目标子区域；若检测到触发对象在组件区域的目标位置落在第二子区域920，则将第二子区域920确定为所述目标位置对应的目标子区域。进一步确定目标子区域对应的候选放置区域。

可选的，确定所述目标子区域对应的候选放置区域，包括：

确定所述目标子区域与所述组件区域中心点的方向关系；其中，所述方向关系反映所述组件区域中心点指向所述目标子区域的目标方向；将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域。

所述组件区域包括两个子区域；所述将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域，包括：若所述目标子区域为所述组件区域中心点指向第一方向上的子区域，将所述组件区域中心点指向第一方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；若所述目标子区域为所述组件区域中心点指向第二方向上的子区域，将所述组件区域中心点第二方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；其中，所述第一方向为所述第二方向的反方向。

概括性的，若目标子区域为某一组件区域的上半部分(如图8中的子区域810)，则将该组件区域上方且距离该组件区域中心点最近的候选放置区域确定为目标子区域对应的候选放置区域；若目标子区域为某一组件区域的下半部分(如图8中的子区域820)，则将该组件区域下方且距离该组件区域中心点最近的候选放置区域确定为目标子区域对应的候选放置区域。

同样的，若目标子区域为某一组件区域的左半部分(如图9中的子区域910)，则将该组件区域左方且距离该组件区域中心点最近的候选放置区域确定为目标子区域对应的候选放置区域；若目标子区域为某一组件区域的右半部分(如图9中的子区域920)，则将该组件区域右方且距离该组件区域中心点最近的候选放置区域确定为目标子区域对应的候选放置区域。

进一步的，还可以将组件区域平均划分为更多个子区域(大于2个)，根据目标子区域的位置距离目标子区域最近的一个候选放置区域作为目标子区域对应的候选放置区域。

本公开实施例提供的信息显示方法，响应于针对目标组件的触发操作，在目标界面显示第一提示信息，第一提示信息用于指示目标界面中符合放置目标组件条件的候选放置区域，使得在目标组件一被触发时即向用户指示可以放置目标组件的候选放置区域，从而使用户明确哪里可以放置目标组件，为用户的下一步交互操作指明方向，可提高对目标界面的编辑效率，降低对用户操作水平的要求；当检测到目标组件进入目标界面时，在目标界面进一步显示第二提示信息，第二提示信息用于指示放置目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域，即当目标组件进入目标界面时，自动从多个候选放置区域中确定出一个目标放置区域，并提示给用户，进一步降低了操作难度，提高了操作效率以及操作体验。

图10为本公开实施例中的一种信息显示装置的结构示意图。该信息显示装置1000具体包括：

第一显示模块1010，用于响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域。

第二显示模块1020，用于若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

可选的，所述目标界面包括页面编辑界面，所述目标组件为用于对所述页面编辑界面的展示内容进行编辑的组件。

可选的，第一显示模块1010具体用于：响应于针对所述目标组件的触发操作，控制所述目标组件移动；若所述目标组件移出所述组件界面且未进入所述目标界面，在所述目标界面中的所述候选放置区域显示第一提示信息；其中，所述触发操作由预设的触发对象所输入，所述触发对象包括鼠标指针、触控笔或者触控部位中的一种。

可选的，第二显示模块1020包括：第一确定单元，用于若检测到所述目标组件位于所述目标界面中的一组件区域，确定所述触发对象在所述组件区域的目标位置；第二确定单元，用于根据所述目标位置从所述候选放置区域中确定所述目标放置区域；显示单元，用于将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息。

可选的，所述组件区域包括多个子区域，所述第二确定单元包括：第一确定子单元，用于确定所述目标位置对应的目标子区域，所述目标子区域为所述多个子区域中的一个；第二确定子单元，用于确定所述目标子区域对应的候选放置区域；第三确定子单元，用于将所述目标子区域对应的候选放置区域确定为所述目标放置区域。

可选的，所述第二确定子单元具体用于：确定所述目标子区域与所述组件区域中心点的方向关系；其中，所述方向关系反映所述组件区域中心点指向所述目标子区域的目标方向；将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域。

可选的，所述第二确定子单元具体用于：若所述目标子区域为所述组件区域中心点指向第一方向上的子区域，将所述组件区域中心点指向第一方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；若所述目标子区域为所述组件区域中心点指向第二方向上的子区域，将所述组件区域中心点第二方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；其中，所述第一方向为所述第二方向的反方向。

可选的，所述装置还包括：控制模块，用于所述将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息之后，响应于组件放置确认操作，控制所述目标组件放置在所述目标放置区域。

可选的，所述候选放置区域为所述目标界面中的设定区域，第二显示模块1020具体用于：若检测到所述目标组件进入所述目标界面，控制在所述目标界面的所述候选放置区域显示的所述第一提示信息更换为所述第二提示信息。

可选的，所述候选放置区域为所述目标界面中已有组件区域的边界之间的区域。

本公开实施例提供的信息显示装置，可执行本公开方法实施例所提供的信息显示方法中的步骤，具备执行步骤和有益效果此处不再赘述。

图11为本公开实施例中的一种电子设备的结构示意图。下面具体参考图11，其示出了适于用来实现本公开实施例中的电子设备500的结构示意图。本公开实施例中的电子设备500可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)、可穿戴电子设备等等的移动终端以及诸如数字TV、台式计算机、智能家居设备等等的固定终端。图11示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图11所示，电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理以实现如本公开所述的实施例的方法。在RAM 503中，还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

通常，以下装置可以连接至I/O接口505：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507；包括例如磁带、硬盘等的存储装置508；以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图11示出了具有各种装置的电子设备500，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码，从而实现如上所述的信息显示方法。在这样的实施例中，该计算机程序可以通过通信装置509从网络上被下载和安装，或者从存储装置508被安装，或者从ROM 502被安装。在该计算机程序被处理装置501执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

可选的，当上述一个或者多个程序被该电子设备执行时，该电子设备还可以执行上述实施例所述的其他步骤。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

根据本公开的一个或多个实施例，本公开提供了一种信息显示方法，包括：响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述目标界面包括页面编辑界面，所述目标组件为用于对所述页面编辑界面的展示内容进行编辑的组件。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述响应于针对目标组件的触发操作，在目标界面显示第一提示信息，包括：响应于针对所述目标组件的触发操作，控制所述目标组件移动；若所述目标组件移出所述组件界面且未进入所述目标界面，在所述目标界面中的所述候选放置区域显示第一提示信息；其中，所述触发操作由预设的触发对象所输入，所述触发对象包括鼠标指针、触控笔或者触控部位中的一种。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：若检测到所述目标组件位于所述目标界面中的一组件区域，确定所述触发对象在所述组件区域的目标位置；根据所述目标位置从所述候选放置区域中确定所述目标放置区域；将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述组件区域包括多个子区域，所述根据所述位置从所述候选放置区域中确定所述目标放置区域，包括：确定所述目标位置对应的目标子区域，所述目标子区域为所述多个子区域中的一个；确定所述目标子区域对应的候选放置区域；将所述目标子区域对应的候选放置区域确定为所述目标放置区域。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述确定所述目标子区域对应的候选放置区域，包括：确定所述目标子区域与所述组件区域中心点的方向关系；其中，所述方向关系反映所述组件区域中心点指向所述目标子区域的目标方向；将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述组件区域包括两个子区域；所述将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域，包括：若所述目标子区域为所述组件区域中心点指向第一方向上的子区域，将所述组件区域中心点指向第一方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；若所述目标子区域为所述组件区域中心点指向第二方向上的子区域，将所述组件区域中心点第二方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；其中，所述第一方向为所述第二方向的反方向。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息之后，所述方法还包括：响应于组件放置确认操作，控制所述目标组件放置在所述目标放置区域。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述候选放置区域为所述目标界面中的设定区域，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：若检测到所述目标组件进入所述目标界面，控制在所述目标界面的所述候选放置区域显示的所述第一提示信息更换为所述第二提示信息。

根据本公开的一个或多个实施例，在本公开提供的信息显示方法中，可选的，所述候选放置区域为所述目标界面中已有组件区域的边界之间的区域。

根据本公开的一个或多个实施例，本公开提供了一种信息显示装置，包括：第一显示模块，用于响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；第二显示模块，用于若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

根据本公开的一个或多个实施例，本公开提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开提供的任一所述的信息显示方法。

根据本公开的一个或多个实施例，本公开提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开提供的任一所述的信息显示方法。

本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括计算机程序或指令，该计算机程序或指令被处理器执行时实现如上所述的信息显示方法。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (13)

1.一种信息显示方法，其特征在于，所述方法包括：

响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；

若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

2.根据权利要求1所述的方法，其特征在于，所述目标界面包括页面编辑界面，所述目标组件为用于对所述页面编辑界面的展示内容进行编辑的组件。

3.根据权利要求1所述的方法，其特征在于，所述响应于针对目标组件的触发操作，在目标界面显示第一提示信息，包括：

响应于针对所述目标组件的触发操作，控制所述目标组件移动；

若所述目标组件移出所述组件界面且未进入所述目标界面，在所述目标界面中的所述候选放置区域显示第一提示信息；

其中，所述触发操作由预设的触发对象所输入，所述触发对象包括鼠标指针、触控笔或者触控部位中的一种。

4.根据权利要求3所述的方法，其特征在于，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：

若检测到所述目标组件位于所述目标界面中的一组件区域，确定所述触发对象在所述组件区域的目标位置；

根据所述目标位置从所述候选放置区域中确定所述目标放置区域；

将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息。

5.根据权利要求4所述的方法，其特征在于，所述组件区域包括多个子区域，所述根据所述位置从所述候选放置区域中确定所述目标放置区域，包括：

确定所述目标位置对应的目标子区域，所述目标子区域为所述多个子区域中的一个；

确定所述目标子区域对应的候选放置区域；

将所述目标子区域对应的候选放置区域确定为所述目标放置区域。

6.根据权利要求5所述的方法，其特征在于，所述确定所述目标子区域对应的候选放置区域，包括：

确定所述目标子区域与所述组件区域中心点的方向关系；其中，所述方向关系反映所述组件区域中心点指向所述目标子区域的目标方向；

将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域。

7.根据权利要求6所述的方法，其特征在于，所述组件区域包括两个子区域；所述将在所述目标方向上距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域，包括：

若所述目标子区域为所述组件区域中心点指向第一方向上的子区域，将所述组件区域中心点指向第一方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；

若所述目标子区域为所述组件区域中心点指向第二方向上的子区域，将所述组件区域中心点第二方向上的且距离所述组件区域中心点最近的候选放置区域作为所述目标子区域对应的候选放置区域；

其中，所述第一方向为所述第二方向的反方向。

8.根据权利要求5所述的方法，其特征在于，所述将在所述目标放置区域中显示的所述第一提示信息更换为所述第二提示信息之后，所述方法还包括：

响应于组件放置确认操作，控制所述目标组件放置在所述目标放置区域。

9.根据权利要求3所述的方法，其特征在于，所述候选放置区域为所述目标界面中的设定区域，所述若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，包括：

若检测到所述目标组件进入所述目标界面，控制在所述目标界面的所述候选放置区域显示的所述第一提示信息更换为所述第二提示信息。

10.根据权利要求1所述的方法，其特征在于，所述候选放置区域为所述目标界面中已有组件区域的边界之间的区域。

11.一种信息显示装置，其特征在于，包括：

第一显示模块，用于响应于针对目标组件的触发操作，在目标界面显示第一提示信息，所述第一提示信息用于指示所述目标界面中符合放置所述目标组件条件的候选放置区域；

第二显示模块，用于若检测到所述目标组件进入所述目标界面，在所述目标界面显示第二提示信息，所述第二提示信息用于指示放置所述目标组件的目标放置区域，所述候选放置区域包括所述目标放置区域。

12.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-10中任一项所述的方法。

13.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-10中任一项所述的方法。

Images