CN111782321A - 一种查看页面层级结构的方法、装置及介质 - Google Patents
一种查看页面层级结构的方法、装置及介质 Download PDFInfo
- Publication number
- CN111782321A CN111782321A CN202010586801.6A CN202010586801A CN111782321A CN 111782321 A CN111782321 A CN 111782321A CN 202010586801 A CN202010586801 A CN 202010586801A CN 111782321 A CN111782321 A CN 111782321A
- Authority
- CN
- China
- Prior art keywords
- displaying
- controls
- view
- coverage area
- dimensional effect
- 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
- 238000000034 method Methods 0.000 title claims abstract description 75
- 230000000694 effects Effects 0.000 claims abstract description 95
- 238000009877 rendering Methods 0.000 description 38
- 230000006870 function Effects 0.000 description 13
- 238000012545 processing Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种查看页面层级结构的方法、装置及介质，本方法包括：确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。显示三维效果图，使用户可以查看到界面中视图层的层级结构，控件的位置关系，对照原图中各控件的类型，在一定条件下可以获知过度绘制的区域，确定出问题控件的位置。
Description
技术领域
本文涉及移动终端数据处理技术领域，尤其涉及一种查看页面层级结构的方法、装置及介质。
背景技术
安卓(Android)系统中的视图(View)层用于表达视觉效果。从绘制性能角度讲，同一像素点被绘制的次数越少越利于减轻图形处理器(Graphics Processing Unit，GPU)的工作压力。在具体开发过程中，不可避免的可能会出现View层级过多绘制的情况。
安卓系统中设置的针对页面的每秒传输帧数(Frames Per Second，简称fps)需要达到60时，安卓系统每隔16.66毫秒(ms)发出垂直同步(Vertical Sync，简称Vsync)信号，触发对界面设计(User Interface，UI)进行渲染，如果每次渲染都成功，便能显示出较为流畅的画面。为了能够实现60fps的要求，GPU需要每次接收到Vsync后在16.66毫秒内对当前帧完成渲染操作。GPU接收到Vsync后对当前帧的渲染时间超过16.66毫秒后，垂直同步机制会让显示器硬件等待GPU完成栅格化渲染操作，等待的时间会从用户视觉上产生画面停顿的效果。
在移动终端上通过GPU过度绘制选项中选择“显示GPU过度绘制”功能时，可以确定不同过度绘制程度的绘制区域。
通过将移动终端连接至安装有Hierarychy view工具软件的电脑，可以在电脑上查看移动终端的当前显示界面上的视图层的信息，但是需要视图层进行逐一排查，预览速度和定位速度较慢。
发明内容
为克服相关技术中存在的问题，本文提供了一种查看页面层级结构的方法、装置及介质。
根据本文实施例的第一方面，提供一种显示页面视图布局信息的方法，应用于移动终端，包括：
确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；
显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
在一实施方式中，所述显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述方法还包括：接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
所述显示三维效果图，包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
在一实施方式中，所述显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框；
或者，
所述方法还包括：接收用户选择的设定颜色；
所述显示三维效果图，包括：以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
在一实施方式中，所述显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述方法还包括：接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
所述显示三维效果图，包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
在一实施方式中，所述显示三维效果图包括：在符合包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
或者；
所述方法还包括：接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
所述显示三维效果图，包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
在一实施方式中，所述方法还包括：接收单指滑动触控信号；根据所述单指滑动触控信号调整所述三维效果图的显示角度。
在一实施方式中，所述方法还包括：接收双指滑动触控信号；根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
根据本文实施例的第二方面，提供一种显示页面视图布局信息的装置，应用于移动终端，包括：
确定模块，用于确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；
第一显示模块，用于显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
在一实施方式中，所述显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第一接收模块，用于接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第二显示模块，用于在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
在一实施方式中，所述显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框；
或者，
所述装置还包括：
第四接收模块，用于接收用户选择的设定颜色；
第五显示模块，用于以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
在一实施方式中，所述显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第二接收模块，用于接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第三显示模块，用于在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
在一实施方式中，所述显示三维效果图包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
或者；
所述方法还包括：
第三接收模块，用于接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
第四显示模块，用于在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
在一实施方式中，所述装置还包括：
第五接收模块，用于接收单指滑动触控信号；
第六接收模块，用于根据所述单指滑动触控信号调整所述三维效果图的显示角度。
在一实施方式中，所述装置还包括：
第六接收模块，用于接收双指滑动触控信号；
第七接收模块，用于根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
根据本文实施例的第三方面，提供一种显示页面视图布局信息的装置，包括：
处理器；
用于存储处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述存储器中的可执行指令以实现上述方法的步骤。
根据本文实施例的第四方面，提供一种非临时性计算机可读存储介质，其上存储有可执行指令，该可执行指令被处理器执行时实现上述方法的步骤。
本文的实施例提供的技术方案可以包括以下有益效果：显示三维效果图，使用户可以查看到界面中视图层的层级结构，控件的位置关系，对照原图中各控件的类型，在一定条件下可以获知过度绘制的区域，确定出问题控件的位置。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本文。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本文的实施例，并与说明书一起用于解释本文的原理。
图1是根据一示例性实施例示出的一种查看页面层级结构的方法的流程图；
图2是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图3是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图4是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图5是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图6是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图7是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图8是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图9是根据一示例性实施例示出的三维视图渲染应用的显示界面；
图10是根据一示例性实施例示出的一种查看页面层级结构的装置的结构图；
图11是根据一示例性实施例示出的一种查看页面层级结构的装置的结构图。
具体实施方式
这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本文相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本文的一些方面相一致的装置和方法的例子。
本公开实施例中提供一种显示页面视图布局信息的方法。参照图1，图1是根据一示例性实施例示出的显示页面视图布局信息的方法的流程图。如图1所示，此方法包括：
步骤S11，确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域、视图层间的层级结构。
步骤S12，显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
在一实施方式中，在移动终端安装三维视图渲染应用，启用此三维视图渲染应用，通过此三维视图渲染应用实现上述显示页面视图布局信息的方法。启动三维视图渲染应用，此三维视图渲染应用加载当前显示界面的布局文件，加载成功后，进入正常运行模式，加载失败时，维持非正常运行模式。在正常运行模式下，将三维视图渲染应用的各种编辑工具对像设置至当前活动的活动(Activity)组件，使三维视图渲染应用的界面上显示各种编辑工具功能。
在一实施方式中，设置三维视图渲染应用的显示界面包括两部分，位于顶部的第一部分，和除第一部分之外的第二部分。在三维视图渲染应用的显示界面上，在第一部分设置三维视图渲染的功能开关控件，在用户操作此控件使三维视图渲染的功能关闭时，在第二部分显示移动终端的原显示界面,如示例中图2所示。图2中的显示界面中包括一个图标，此图标具有两级标题，分别是一级标题和二级标题。显示图标的同时，在图标的右侧显示此图标的一级标题和二级标题的具体信息，图2中显示的一级标题和二级标题的内容是一种示意，例如在一实际应用中，一级标题的具体信息为Consectertur Lectus，二级标题的具体信息是Lacus eu。
在用户操作此控件使三维视图渲染的功能打开时，在第二部分显示移动终端的三维显示效果界面。
本实施例中，显示三维效果图，使用户可以查看到界面中视图层的层级结构，控件的位置关系，对照原图中各控件的类型，在一定条件下可以获知过度绘制的区域，确定出问题控件的位置。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
步骤S12中的显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息。所述属性信息包括以下中的至少一种：名称、类型。名称为控件的唯一标识，类型包括：图片、文本等。
三维视图渲染应用中已设置了默认的三维效果图的显示方式为在部分视图层中所有控件的覆盖区域边框内显示控件的属性信息时，在用户操作此控件使三维视图渲染的功能进入正常运行状态后，显示出的三维效果图中在部分视图层中所有控件的覆盖区域边框内显示控件的属性信息。
在另一实施方式中，三维视图渲染应用中已设置了默认的三维效果图的显示方式为在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息，需要用户点选相应的功能选项，例如称为SetDrawViewEnabled，使三维效果图中在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息。具体为：
步骤S12中显示三维效果图时，在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息。如图3所示。图3中包括6个视图层，此6个视图层依次从根部向外部依次包括：根布局控件对应的视图层，父布局控件对应的视图层、列表布局控件对应的视图层、布局控件对应的视图层、图片控件和标题容器控件对的视图层、标题一控件和标题二控件对应的视图层。图3中不显示控件的属性信息，但是可以获知视图层间的层级结构，根据原图中图标、一级标题和二级标题的位置可以确定相应的视图层在层级结构中的位置。步骤S12之后还包括：接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号，即接收到将SetDrawViewEnabled选项设置为开启的信号。在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息。如图4所示，对应于图3，分别标明了6个视图层对应的属性信息。此6个视图层依次从根部向外部依次包括：根布局控件对应的视图层，父布局控件对应的视图层、列表布局控件对应的视图层、布局控件对应的视图层、图片控件和标题容器控件对的视图层、标题一控件和标题二控件对应的视图层。图4中在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息。前4个视图层中对应的控件的属性信息分别为：根布局控件、父布局控件、列表布局控件、布局控件。第5个视图层对应的控件的属性信息包括：图片控件、标题容器控件。第6个视图层对应的控件的属性信息包括：标题一控件和标题二控件。在一实施例中，根布局控件的名称是linear_layout，父布局控件的名称是item_pager，列表布局控件的名称是list_view，布局控件的名称是item_linearlayout，图片控件的名称是image，标题容器控件的名称是item_title_linear_layout,标题一控件的名称是item_title，标题二控件的名称是item_sub_title。
从图4中可以直观的获知各控件的属性信息以及视图层间的层级结构，还可以根据位于同一平面的覆盖区域边框确定相应控件位于层级结构中的同一级别。
本实施例中，显示三维效果图，使用户可以查看到界面中视图层的层级结构，控件的属性信息，在一定条件下可以根据三维效果图获知过度绘制的区域，确定出问题控件的位置。例如：图片类型的控件的覆盖范围小于位于其上层的文本类型的控件的覆盖范围，可确定文本类型的控件的覆盖范围的设置不合理。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法。因为多数用户的想看的控件的属性信息为名称，所以专门设置一功能选项(SetDrawID)，用于显示控件的名称。
步骤S12中显示三维效果图时，在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息。
步骤S12之后还包括：接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的名称的信号，即接收到将SetDrawID选项设置为开启的信号。步骤S14，在每个视图层中所有控件的覆盖区域边框内显示控件的名称。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
步骤S12中的显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框。
在另一实施例中，三维视图渲染应用中已设置了默认的三维效果图的显示方式为以默认颜色(例如在显示背景为黑色时，默认颜色为白色)显示所有控件的覆盖区域边框，需要用户点选相应的功能选项，使三维效果图中使用用户选择的设定颜色显示控件的覆盖区域边框。例如设置边框线颜色功能(SetDrawColor)，此边框线颜色功能中包括多种设定颜色，例如：白色、红色、绿色、紫色等。
具体为：
步骤S12之后还包括：
步骤S13，接收用户选择的设定颜色。
步骤S14，以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
通过设置边框线颜色功能(SetDrawColor)可自定义线框的颜色，通过线框颜色更凸显出想要渲染出三维立体的效果,用户可以通过设置不同的颜色呈现出不同模式下的对比效果，方便用户进行视图层级的查看和定位。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
步骤S12中的显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息。所述属性信息包括以下中的至少一种：名称、类型。名称为控件的唯一标识，类型包括：图片、文本等。
通过此方式，只在三维效果图中显示部分视图层中所有控件的覆盖区域边框内显示控件的属性信息。例如：在同一控件对应多个视图层时，符合第一设定规则的视图层是底部的视图层，或者顶部的视图层。
三维视图渲染应用中已设置了默认的三维效果图的显示方式为在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息时，用户启动三维视图渲染应用后，显示出的三维效果图中在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息。
在另一实施方式中，三维视图渲染应用中已设置了默认的三维效果图的显示方式为在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息，需要用户点选相应的功能选项，例如，SetDrawViewPart，使三维效果图中在每个视图层中符合第一设定规则的控件的覆盖区域边框内显示控件的属性信息。具体为：
步骤S12中显示三维效果图时，在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息。如图3所示。
步骤S12之后还包括：接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号。在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息，如图5所示。只显示图4中的第2个视图层、第5视图层和第6视图层中控件的属性信息。在另一种实施方式中，还可以只显示图4中的第6视图层中控件的属性信息。在另一种实施方式中，还可以只显示图4中的第5视图层和第6视图层中控件的属性信息。在另一种实施方式中，还可以只显示图4中的第4视图层、第5视图层和第6视图层中控件的属性信息。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
步骤S12中的显示三维效果图包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。其中，图文框包括图标框和文本框。图样包括图标和文本。
三维视图渲染应用中已设置了默认的三维效果图的显示方式为在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。用户启动三维视图渲染应用后，显示出的三维效果图中在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
在另一实施方式中，三维视图渲染应用中已设置了默认的三维效果图的显示方式为在每个视图层中所有控件的覆盖区域边框内不显示控件的属性信息，需要用户点选相应的功能选项，使三维效果图中在每个视图层中包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。具体为：
步骤S12中显示三维效果图时，在每个视图层中所有控件的覆盖区域边框内不显示控件的图样。如图3所示。
步骤S12之后还包括：接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样的信号。在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样，如图6所示，只显示包括图像框和文字框的第6视图层中的所有控件的覆盖区域边框内显示控件的图样。
在另一实施例中，在相应的控件的覆盖区域边框内同时显示控件的属性信息和图样。例如如图7所示，在图6的基础上还在只显示包括图像框和文字框的第6视图层中的所有控件的覆盖区域边框内显示控件的属性信息。其中，T1是图片控件的属性信息，T2是标题容器控件的属性信息，T3是标题一控件的属性信息，T4是标题二控件的属性信息。
通过此实施例，可以展示单纯的布局线框图的基础上，展示色体丰富的效果图。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
所述方法还包括：接收单指滑动触控信号；根据所述单指滑动触控信号调整所述三维效果图的显示角度。如图8和图9所示。图8中的显示角度是三维效果图的右侧视角，图9中的显示角度是三维效果图的下方视角。
用户通过单击触摸滑动控制，使三维视图渲染应用获取到用户触摸的像素点后，对三维效果图进行相应角度的旋转处理，旋转的角度和速度取决于用户点击触摸的角度和速度。
本公开实施例中提供一种显示页面视图布局信息的方法，此方法包括图1所示的方法，并且：
所述方法还包括：接收双指滑动触控信号；根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
当控件存在嵌套或者覆盖时，用户可以进行双指触摸滑动，使三维视图渲染应用对三维效果图进行放大或者缩小，使用户可以看清细节部分。
在另一实施例中，三维视图渲染应用同时支持单指滑动触控和双指滑动触控，用户通过单指滑动触控和双指滑动触控使三维效果图进行不同角度和精度的展示，使用户可以进行不同角度和精度的观察，提高用户使用体验。
本公开实施例中提供一种显示页面视图布局信息的装置。参照图10，图10是根据一示例性实施例示出的显示页面视图布局信息的装置的结构图。如图10所示，此方法包括：
确定模块1001，用于确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；
第一显示模块1002，用于显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第一接收模块，用于接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第二显示模块，用于在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框；
或者，
所述装置还包括：
第四接收模块，用于接收用户选择的设定颜色；
第五显示模块，用于以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第二接收模块，用于接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第三显示模块，用于在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述显示三维效果图包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
或者；
所述方法还包括：
第三接收模块，用于接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
第四显示模块，用于在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述装置还包括：
第五接收模块，用于接收单指滑动触控信号；
第六接收模块，用于根据所述单指滑动触控信号调整所述三维效果图的显示角度。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括图10所示的装置，并且：所述装置还包括：
第六接收模块，用于接收双指滑动触控信号；
第七接收模块，用于根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
本公开实施例中提供一种显示页面视图布局信息的装置，此装置包括：
处理器；
用于存储处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述存储器中的可执行指令以实现上述方法的步骤。
本公开实施例中提供一种非临时性计算机可读存储介质，其上存储有可执行指令，该可执行指令被处理器执行时实现上述方法的步骤。
图11是根据一示例性实施例示出的显示页面视图布局信息的装置1100的框图。例如，装置1100可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
参照图11，装置1100可以包括以下一个或多个组件：处理组件1102，存储器1104，电力组件1106，多媒体组件1108，音频组件1110，输入/输出(I/O)的接口1112，传感器组件1114，以及通信组件1116。
处理组件1102通常控制装置1100的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1102可以包括一个或多个处理器1120来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1102可以包括一个或多个模块，便于处理组件1102和其他组件之间的交互。例如，处理组件1102可以包括多媒体模块，以方便多媒体组件1108和处理组件1102之间的交互。
存储器1104被配置为存储各种类型的数据以支持在设备1100的操作。这些数据的示例包括用于在装置1100上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1104可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。
电力组件1106为装置1100的各种组件提供电力。电力组件1106可以包括电源管理系统，一个或多个电源，及其他与为装置1100生成、管理和分配电力相关联的组件。
多媒体组件1108包括在所述装置1100和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1108包括一个前置摄像头和/或后置摄像头。当设备1100处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件1110被配置为输出和/或输入音频信号。例如，音频组件1110包括一个麦克风(MIC)，当装置1100处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1104或经由通信组件1116发送。在一些实施例中，音频组件1110还包括一个扬声器，用于输出音频信号。
I/O接口1112为处理组件1102和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1114包括一个或多个传感器，用于为装置1100提供各个方面的状态评估。例如，传感器组件1114可以检测到设备1100的打开/关闭状态，组件的相对定位，例如所述组件为装置1100的显示器和小键盘，传感器组件1114还可以检测装置1100或装置1100一个组件的位置改变，用户与装置1100接触的存在或不存在，装置1100方位或加速/减速和装置1100的温度变化。传感器组件1114可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1114还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1114还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
通信组件1116被配置为便于装置1100和其他设备之间有线或无线方式的通信。装置1100可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件1116经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1116还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，装置1100可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1104，上述指令可由装置1100的处理器1120执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本文的其它实施方案。本申请旨在涵盖本文的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本文的一般性原理并包括本文未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本文的真正范围和精神由下面的权利要求指出。
应当理解的是，本文并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本文的范围仅由所附的权利要求来限制。
Claims (16)
1.一种显示页面视图布局信息的方法，应用于移动终端，其特征在于，包括：
确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；
显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
2.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述方法还包括：接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
所述显示三维效果图，包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
3.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框；
或者，
所述方法还包括：接收用户选择的设定颜色；
所述显示三维效果图，包括：以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
4.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述方法还包括：接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
所述显示三维效果图，包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
5.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述显示三维效果图包括：在符合包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
或者；
所述方法还包括：接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
所述显示三维效果图，包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
6.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述方法还包括：接收单指滑动触控信号；根据所述单指滑动触控信号调整所述三维效果图的显示角度。
7.如权利要求1所述的显示页面视图布局信息的方法，其特征在于，
所述方法还包括：接收双指滑动触控信号；根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
8.一种显示页面视图布局信息的装置，应用于移动终端，其特征在于，包括：
确定模块，用于确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构；
第一显示模块，用于显示三维效果图，所述三维效果图包括位于不同平面并且符合所述层级结构的视图层，属于同一视图层的控件的覆盖区域边框位于同一平面。
9.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述显示三维效果图包括：在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第一接收模块，用于接收用于指示在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第二显示模块，用于在每个视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
10.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述显示三维效果图包括：以设定颜色显示所述控件的覆盖区域边框；
或者，
所述装置还包括：
第四接收模块，用于接收用户选择的设定颜色；
第五显示模块，用于以所述用户选择的设定颜色显示所述控件的覆盖区域边框。
11.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述显示三维效果图包括：在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
或者；
所述装置还包括：
第二接收模块，用于接收用于指示在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息的信号；
第三显示模块，用于在符合第一设定规则的视图层中所有控件的覆盖区域边框内显示控件的属性信息；
所述属性信息包括以下中的至少一种：名称、类型。
12.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述显示三维效果图包括：在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
或者；
所述方法还包括：
第三接收模块，用于接收用于指示在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样；
第四显示模块，用于在包括图文框的视图层中所有控件的覆盖区域边框内显示控件的图样。
13.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述装置还包括：
第五接收模块，用于接收单指滑动触控信号；
第六接收模块，用于根据所述单指滑动触控信号调整所述三维效果图的显示角度。
14.如权利要求8所述的显示页面视图布局信息的装置，其特征在于，
所述装置还包括：
第六接收模块，用于接收双指滑动触控信号；
第七接收模块，用于根据所述双指滑动触控信号调整所述三维效果图的缩放比例。
15.一种显示页面视图布局信息的装置，其特征在于，包括：
处理器；
用于存储处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述存储器中的可执行指令以实现权利要求1至7中任一项所述方法的步骤。
16.一种非临时性计算机可读存储介质，其上存储有可执行指令，其特征在于，该可执行指令被处理器执行时实现权利要求1至7中任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010586801.6A CN111782321A (zh) | 2020-06-24 | 2020-06-24 | 一种查看页面层级结构的方法、装置及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010586801.6A CN111782321A (zh) | 2020-06-24 | 2020-06-24 | 一种查看页面层级结构的方法、装置及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111782321A true CN111782321A (zh) | 2020-10-16 |
Family
ID=72759722
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010586801.6A Pending CN111782321A (zh) | 2020-06-24 | 2020-06-24 | 一种查看页面层级结构的方法、装置及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111782321A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN119127032A (zh) * | 2024-10-30 | 2024-12-13 | 荣耀终端有限公司 | 元素层级位置的调整方法、设备及存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105354022A (zh) * | 2015-10-16 | 2016-02-24 | 华为技术有限公司 | 一种页面布局文件生成方法及装置 |
| CN106708538A (zh) * | 2017-01-23 | 2017-05-24 | 腾讯科技（深圳）有限公司 | 界面显示方法及装置 |
| CN109976624A (zh) * | 2017-12-28 | 2019-07-05 | 腾讯科技（深圳）有限公司 | 图像显示方法、装置、设备及计算机可读存储介质 |
-
2020
- 2020-06-24 CN CN202010586801.6A patent/CN111782321A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105354022A (zh) * | 2015-10-16 | 2016-02-24 | 华为技术有限公司 | 一种页面布局文件生成方法及装置 |
| CN106708538A (zh) * | 2017-01-23 | 2017-05-24 | 腾讯科技（深圳）有限公司 | 界面显示方法及装置 |
| CN109976624A (zh) * | 2017-12-28 | 2019-07-05 | 腾讯科技（深圳）有限公司 | 图像显示方法、装置、设备及计算机可读存储介质 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN119127032A (zh) * | 2024-10-30 | 2024-12-13 | 荣耀终端有限公司 | 元素层级位置的调整方法、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105955607B (zh) | 内容分享方法和装置 | |
| CN107526494B (zh) | 键盘显示方法、装置、终端及存储介质 | |
| EP3672262A1 (en) | Operation method, device, apparatus and storage medium of playing video | |
| US20170293403A1 (en) | Method and device for displaying pages in application program and computer-readable medium | |
| CN108900693B (zh) | 窗口显示方法及装置 | |
| CN110119239B (zh) | 一种输入法应用显示方法及装置 | |
| US20150116368A1 (en) | Method and device for adjusting characters of application | |
| CN112463084A (zh) | 分屏显示方法、装置、终端设备及计算机可读存储介质 | |
| CN107566878B (zh) | 直播中显示图片的方法及装置 | |
| CN107219989B (zh) | 图标处理方法、装置及终端 | |
| CN111610899A (zh) | 界面展示方法、界面展示装置及存储介质 | |
| CN108829473B (zh) | 事件响应方法、装置及存储介质 | |
| CN112331158B (zh) | 终端显示调节方法、装置、设备及存储介质 | |
| CN111273979B (zh) | 信息处理方法、装置及存储介质 | |
| CN111782321A (zh) | 一种查看页面层级结构的方法、装置及介质 | |
| CN106527871A (zh) | 应用图标的显示方法及装置 | |
| CN117119260A (zh) | 视频的控制处理方法及装置 | |
| CN107908324B (zh) | 界面展示方法及装置 | |
| US11783525B2 (en) | Method, device and storage medium form playing animation of a captured image | |
| CN115963929A (zh) | Vr显示方法、装置及存储介质 | |
| CN106354464B (zh) | 信息显示方法及装置 | |
| CN111246012B (zh) | 应用界面显示方法、装置及存储介质 | |
| CN117424953A (zh) | 投屏方法、装置及存储介质 | |
| CN109389547B (zh) | 图像显示方法及装置 | |
| CN111538447A (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 |