CN106293473A - 页面显示方法和装置 - Google Patents
页面显示方法和装置 Download PDFInfo
- Publication number
- CN106293473A CN106293473A CN201610670390.2A CN201610670390A CN106293473A CN 106293473 A CN106293473 A CN 106293473A CN 201610670390 A CN201610670390 A CN 201610670390A CN 106293473 A CN106293473 A CN 106293473A
- Authority
- CN
- China
- Prior art keywords
- page
- display
- touch operation
- screen
- full screen
- 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.)
- Withdrawn
Links
Classifications
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- 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/0486—Drag-and-drop
Abstract
本发明涉及一种页面显示方法和装置，通过触摸屏的显示器上全屏显示第一页面；检测作用于所述第一页面中页面元素上的触摸操作；响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面，实现了当前页面可以同时显示第一页面和第二页面，提高了用户操作的便利性。
Description
技术领域
本发明涉及智能终端显示领域，特别是涉及一种页面显示方法和装置。
背景技术
目前，当用户在如手机等的智能移动终端的显示屏的当前页面上点击页面切换按钮时，下一级页面会全屏显示在当前界面，下一级页面会遮挡住上一级页面的信息。如果用户需要对上一级页面进行操作或查询信息时，需要重新切换回上一级。这样操作繁琐，不便。
发明内容
基于此，有必要针对上述技术问题，提供一种页面显示方法和装置，其能够提高用户操作的便利性。
一种页面显示方法，包括以下步骤：
在触摸屏的显示器上全屏显示第一页面；
检测作用于所述第一页面中页面元素上的触摸操作；
响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；
根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
在一个实施例中，
在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
在一个实施例中，
所述显示比例为50％；
在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上半屏显示所述第二页面。
在一个实施例中，
在所述显示器上非全屏显示所述第二页面之后，还包括：
检测作用于所述第二页面的触摸操作；
响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面；
在一个实施例中，
所述触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作。
一种页面显示装置，包括：
显示模块，用于在触摸屏的显示器上全屏显示第一页面；
检测模块，用于检测作用于所述第一页面中页面元素上的触摸操作；
页面获取模块，用于响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；
非全屏显示模块，用于根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
在一个实施例中，
所述非全屏显示模块，还用于在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
在一个实施例中，
所述显示比例为50％；
所述非全屏显示模块，还用于在所述显示器上半屏显示所述第二页面。
在一个实施例中，
所述检测模块，还用于检测作用于所述第二页面的触摸操作；
所述装置还包括：
全屏切换模块，用于响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面。
在一个实施例中，
所述触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作。
上述的页面显示方法和装置，通过触摸屏的显示器上全屏显示第一页面；检测作用于所述第一页面中页面元素上的触摸操作；响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面，实现了当前页面可以同时显示第一页面和第二页面，提高了用户操作的便利性。
附图说明
图1为一个实施例中页面显示方法的应用环境图；
图2为一个实施例中页面显示方法的流程图；
图3为一个实施例中页面切换的示意图；
图4为另一个实施例中页面显示的方法的流程图；
图5为另一个实施例中进行全屏切换的示意图；
图6为一个实施例中页面显示装置的结构框图；
图7为另一个实施例中页面显示装置的结构框图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明实施例所提供的页面显示方法可应用于如图1所示的应用场景中。请参考图1所示，终端102可通过预先设置的网络与服务器104进行交互。其中，终端102可为具有通信功能的智能手机、平板电脑、掌上电脑、智能手表中的一种，但并不局限于此。终端102可向服务器104发送页面获取请求，服务器104根据页面获取请求查找相应的页面，并向终端102返回页面信息，终端102可以按照设定展示页面。
在一个实施例中，如图2所示，提供了一种页面显示方法，该方法可应用于图1所示的终端102中，该方法包括：
步骤S202：在触摸屏的显示器上全屏显示第一页面。
具体的，第一页面是指带有触发区域且通过触发区域能够进入下一级页面的终端上具体的页面。例如，第一页面可以是终端上具体应用对应的页面，也可以是网络浏览器中的一个具体的页面。更具体的，例如即时通信应用中的首页可以为第一页面，触发首页上的“通信录”按钮对应的区域，则可进入通信录对应的页面。
步骤S204：检测作用于所述第一页面中页面元素上的触摸操作。
第一页面中的页面元素指第一页面中的能够被触发产生下一级页面的虚拟按钮。第一页面中的页面元素可以是“上一页”“下一页”等页面切换按钮，可以是用于表示页面切换的图标，例如数字图标、符号图标(例如“→”、“←”)等，还可以是页面中的特定区域，如即时通信应用中的聊天栏区域。
当用户想要进入下一级页面时，可以通过作用在第一页面上的页面元素的触摸操作触发页面切换的指令，该指令中携带下一级页面的标识。
步骤S206：响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面。
终端响应于上述的触摸操作指令，根据携带的标识向服务器发出获取页面信息的指令，服务器响应该指令，下传对应的第二页面，这里的第二页面即为对应页面元素的第一页面的下一级页面。根据页面元素，第二页面可以是第一页面的下一页，也可以是上一页，也可以是具体的某一个聊天窗口，只要是对应第一页面的页面元素产生的页面均为第二页面。
步骤S208：根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
终端获取到第二页面后，将在终端的显示器上显示第二页面，其中，预先存储了第二页面显示比例，其中该显示比例指的是第二页面显示的面积与显示器整个显示区域面积的比值，其中，该比值小于1，按照小于1的显示比例显示第二页面即为显示器上将非全屏显示第二页面。
在一个实施例中，显示器的显示区域中未显示第二页面的区域显示上述的第一页面，具体为第二页面非全屏覆盖在第一页面上。也就是，显示器的显示区域内同时显示第一页面与第二页面，如图3所示。
在一个实施例中，还可以通过上述方法实现多页面的同时显示。具体的，触发第二页面上的页面元素，将与该页面元素对应的第三页面也显示在当前页面。
本实施例中，通过触摸屏的显示器上全屏显示第一页面；检测作用于所述第一页面中页面元素上的触摸操作；响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面，实现了当前页面可以同时显示多个页面，提高了用户操作的便利性。
在一个实施例中，步骤S208：在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
如图3右侧图示为在显示器上展示第二页面的部分区域，具体为：根据预设显示比例，显示相应比例的第二页面，例如显示自页面顶端起第二页面的2/3。
为了能够显示第二页面中未显示的部分内容，显示的第二页面的边侧设置游移动控件，通过向下拖动该移动控件，可显示第二页面的未显示的部分内容。
对于在显示器上展示第二页面的全部区域的缩略图的方法，具体为：按设定的显示比例，缩小第二页面，将缩小后的第二页面展示在当前显示页面。
在一个实施例中，
所述显示比例为50％；
步骤S208：在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上半屏显示所述第二页面，下半屏显示第一页面。还可以是在显示器下半屏显示第二页面，上半屏显示第一页面。
本实施例中，第一页面和第二页面均可半屏显示，在第二页面进行信息输入等操作时，可以参照第一页面中的内容，无需用户在两个页面之间频繁切换。
在一个实施例中，显示的第二页面的边侧设置有移动控件，通过向下/向上拖动该移动控件，可显示第二页面的未显示的部分内容。显示的第一页面的边侧设置游移动控件，通过向下/向上拖动该移动控件，可显示第一页面的未显示的部分内容。在同时半屏显示的基础上，通过相应的移动控件可显示页面的其他内容，以满足用户需求，可方便快捷的显示更多的页面信息。
在一个实施例中，如图4所示，步骤S208：在所述显示器上非全屏显示所述第二页面之后，还包括：
步骤S302：检测作用于所述第二页面的触摸操作。
步骤S304：响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面。
具体的，作用于第二页面的触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作，其中，拖动操作可以为向上的拖动操作或者向下的拖动操作。
如图5所示，当第二页面位于屏幕的下半屏时，施加向上拖动的操作使第二页面全屏显示，当第二页面位于屏幕的上半屏时，施加向下的拖动操作使第二页面全屏显示。还可以通过点击第二页面显示的区域使第二页面全屏显示。
在一个实施例中，还可以通过检测作用于所述第一页面的触摸操作并响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第一页面。
本实施例中，实现了自双页面的显示向单页面显示的切换，页面切换更加灵活。
在一个实施例中，如图6所示，提供了一种页面显示装置，包括：
显示模块410，用于在触摸屏的显示器上全屏显示第一页面。
检测模块420，用于检测作用于所述第一页面中页面元素上的触摸操作。
页面获取模块430，用于响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面。
非全屏显示模块440，用于根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
在一个实施例中，
所述非全屏显示模块440，还用于在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
在一个实施例中，
所述显示比例为50％。
所述非全屏显示模块440，还用于在所述显示器上半屏显示所述第二页面。
在一个实施例中，
所述检测模块，还用于检测作用于所述第二页面的触摸操作。
如图7所示，所述装置还包括：
全屏切换模块510，用于响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面。
在一个实施例中，
所述触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作。
以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面显示方法，其特征在于，包括以下步骤：
在触摸屏的显示器上全屏显示第一页面；
检测作用于所述第一页面中页面元素上的触摸操作；
响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；
根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
2.根据权利要求1所述的方法，其特征在于，
在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
3.根据权利要求1或2所述的方法，其特征在于，
所述显示比例为50％；
在所述显示器上非全屏显示所述第二页面，包括：
在所述显示器上半屏显示所述第二页面。
4.根据权利要求1或2所述的方法，其特征在于，
在所述显示器上非全屏显示所述第二页面之后，还包括：
检测作用于所述第二页面的触摸操作；
响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面。
5.根据权利要求4所述的方法，其特征在于，
所述触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作。
6.一种页面显示装置，其特征在于，包括：
显示模块，用于在触摸屏的显示器上全屏显示第一页面；
检测模块，用于检测作用于所述第一页面中页面元素上的触摸操作；
页面获取模块，用于响应于检测到的所述触摸操作，获取与所述页面元素对应的第二页面；
非全屏显示模块，用于根据预设的页面在显示器上的显示比例，在所述显示器上非全屏显示所述第二页面。
7.根据权利要求6所述的装置，其特征在于，
所述非全屏显示模块，还用于在所述显示器上展示所述第二页面的部分区域，或者展示所述第二页面全部区域的缩略图。
8.根据权利要求6或7所述的装置，其特征在于，
所述显示比例为50％；
所述非全屏显示模块，还用于在所述显示器上半屏显示所述第二页面。
9.根据权利要求6或7所述的装置，其特征在于，
所述检测模块，还用于检测作用于所述第二页面的触摸操作；
所述装置还包括：
全屏切换模块，用于响应于检测到的所述触摸操作，在所述显示屏上全屏显示所述第二页面。
10.根据权利要求9所述的装置，其特征在于，
所述触摸操作包括对所述第二页面的拖动操作或对所述第二页面预设区域的点击操作。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610670390.2A CN106293473A (zh) | 2016-08-15 | 2016-08-15 | 页面显示方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610670390.2A CN106293473A (zh) | 2016-08-15 | 2016-08-15 | 页面显示方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106293473A true CN106293473A (zh) | 2017-01-04 |
Family
ID=57670642
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610670390.2A Withdrawn CN106293473A (zh) | 2016-08-15 | 2016-08-15 | 页面显示方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106293473A (zh) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107766421A (zh) * | 2017-09-12 | 2018-03-06 | 阿里巴巴集团控股有限公司 | 信息展示方法、装置以及电子设备 |
| CN109947329A (zh) * | 2019-03-25 | 2019-06-28 | 北京字节跳动网络技术有限公司 | 显示控制方法、装置及系统、存储介质、终端设备 |
| CN112306349A (zh) * | 2020-11-05 | 2021-02-02 | 智享众联科技有限公司 | 一种视图页面的处理方法及装置 |
| WO2021036871A1 (zh) * | 2019-08-30 | 2021-03-04 | Oppo广东移动通信有限公司 | 输入信息的方法、装置、终端及存储介质 |
| WO2021068365A1 (zh) * | 2019-10-09 | 2021-04-15 | 广州视源电子科技股份有限公司 | 智能交互平板的页面交互方法、装置、设备和存储介质 |
| CN112764846A (zh) * | 2020-12-31 | 2021-05-07 | 北京达佳互联信息技术有限公司 | 界面显示方法、装置、电子设备和存储介质 |
| CN113342218A (zh) * | 2020-02-18 | 2021-09-03 | 阿里巴巴集团控股有限公司 | 交互方法和终端设备 |
| CN114063958A (zh) * | 2021-11-16 | 2022-02-18 | 上海哔哩哔哩科技有限公司 | 页面分屏显示方法及装置 |
| CN114168036A (zh) * | 2021-11-29 | 2022-03-11 | 北京五八信息技术有限公司 | 信息展示方法、装置、电子设备及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103135880A (zh) * | 2011-12-05 | 2013-06-05 | 鸿富锦精密工业（深圳）有限公司 | 具有分屏显示功能的电子装置及方法 |
| CN103365525A (zh) * | 2012-03-28 | 2013-10-23 | 百度在线网络技术（北京）有限公司 | 移动终端及用于移动终端的多窗口显示方法 |
| CN105573639A (zh) * | 2014-10-17 | 2016-05-11 | 国际商业机器公司 | 用于触发应用的显示的方法和系统 |
| CN105808095A (zh) * | 2015-07-08 | 2016-07-27 | 维沃移动通信有限公司 | 一种终端的应用界面的显示方法及终端 |
-
2016
- 2016-08-15 CN CN201610670390.2A patent/CN106293473A/zh not_active Withdrawn
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103135880A (zh) * | 2011-12-05 | 2013-06-05 | 鸿富锦精密工业（深圳）有限公司 | 具有分屏显示功能的电子装置及方法 |
| CN103365525A (zh) * | 2012-03-28 | 2013-10-23 | 百度在线网络技术（北京）有限公司 | 移动终端及用于移动终端的多窗口显示方法 |
| CN105573639A (zh) * | 2014-10-17 | 2016-05-11 | 国际商业机器公司 | 用于触发应用的显示的方法和系统 |
| CN105808095A (zh) * | 2015-07-08 | 2016-07-27 | 维沃移动通信有限公司 | 一种终端的应用界面的显示方法及终端 |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107766421A (zh) * | 2017-09-12 | 2018-03-06 | 阿里巴巴集团控股有限公司 | 信息展示方法、装置以及电子设备 |
| CN109947329A (zh) * | 2019-03-25 | 2019-06-28 | 北京字节跳动网络技术有限公司 | 显示控制方法、装置及系统、存储介质、终端设备 |
| WO2021036871A1 (zh) * | 2019-08-30 | 2021-03-04 | Oppo广东移动通信有限公司 | 输入信息的方法、装置、终端及存储介质 |
| WO2021068365A1 (zh) * | 2019-10-09 | 2021-04-15 | 广州视源电子科技股份有限公司 | 智能交互平板的页面交互方法、装置、设备和存储介质 |
| CN113342218A (zh) * | 2020-02-18 | 2021-09-03 | 阿里巴巴集团控股有限公司 | 交互方法和终端设备 |
| CN112306349A (zh) * | 2020-11-05 | 2021-02-02 | 智享众联科技有限公司 | 一种视图页面的处理方法及装置 |
| CN112764846A (zh) * | 2020-12-31 | 2021-05-07 | 北京达佳互联信息技术有限公司 | 界面显示方法、装置、电子设备和存储介质 |
| CN114063958A (zh) * | 2021-11-16 | 2022-02-18 | 上海哔哩哔哩科技有限公司 | 页面分屏显示方法及装置 |
| CN114168036A (zh) * | 2021-11-29 | 2022-03-11 | 北京五八信息技术有限公司 | 信息展示方法、装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106293473A (zh) | 页面显示方法和装置 | |
| KR100984817B1 (ko) | 이동통신 단말기의 터치스크린을 이용한 사용자 인터페이스 방법 | |
| CN102467318B (zh) | 用于触摸屏的快速桌面切换方法和装置 | |
| CN104679427B (zh) | 终端分屏显示方法和系统 | |
| CN102799692B (zh) | 一种网页页面的显示方法及终端 | |
| CN103677507B (zh) | 一种显示终端及界面窗口显示方法 | |
| CN103365525B (zh) | 移动终端及用于移动终端的多窗口显示方法 | |
| KR102479662B1 (ko) | 페이지 전환 방법, 장치, 저장 매체 및 컴퓨터 기기 | |
| US20150205522A1 (en) | Electronic apparatus controlling method | |
| US20130152024A1 (en) | Electronic device and page zooming method thereof | |
| CN106325749A (zh) | 一种移动终端的操作方法及移动终端 | |
| CN104461237A (zh) | 文件夹的切换方法和装置 | |
| US20160306541A1 (en) | Object switching method and device, and touchscreen terminal | |
| CN107066171A (zh) | 触屏终端的多窗口切换方法和系统 | |
| KR20130023954A (ko) | 휴대용 단말기에서 아이콘 편집 과정을 수행하기 위한 장치 및 방법 | |
| CN103246445A (zh) | 应用程序的切换方法及通信终端 | |
| CN103955329A (zh) | 智能终端、移动终端及其操作方法 | |
| CN103543949A (zh) | 触控终端及其操控方法和系统 | |
| CN112099707A (zh) | 显示方法、装置和电子设备 | |
| US20210011596A1 (en) | Electronic Device and Method for the Electronic Device to Navigate Between Windows | |
| CN104536648A (zh) | 智能终端、移动终端及其操作方法 | |
| CN103513969A (zh) | 应用程序入口建立方法、装置和终端 | |
| WO2022242586A1 (zh) | 应用界面显示方法、装置和电子设备 | |
| CN107133003B (zh) | 一种信息展示方法及终端 | |
| CN106155452A (zh) | 一种单手操作的实现方法及终端 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20170104 |
|
| WW01 | Invention patent application withdrawn after publication |