CN109388463B - 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 - Google Patents

平板电脑应用软件的分屏显示方法、存储介质及平板电脑 Download PDF

Info

Publication number
CN109388463B
CN109388463B CN201811137964.5A CN201811137964A CN109388463B CN 109388463 B CN109388463 B CN 109388463B CN 201811137964 A CN201811137964 A CN 201811137964A CN 109388463 B CN109388463 B CN 109388463B
Authority
CN
China
Prior art keywords
interface
application software
program
tablet
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.)
Active
Application number
CN201811137964.5A
Other languages
English (en)
Other versions
CN109388463A (zh
Inventor
席浩洋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN201811137964.5A priority Critical patent/CN109388463B/zh
Publication of CN109388463A publication Critical patent/CN109388463A/zh
Application granted granted Critical
Publication of CN109388463B publication Critical patent/CN109388463B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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
    • 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

Abstract

本发明涉及一种平板电脑应用软件的分屏显示方法、存储介质及平板电脑，属于电子设备技术领域。本方法在应用软件操作界面上，根据操作将操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面，且第二界面是通过运行应用软件中的手机端界面程序实现的。由此，可以在同一屏幕上利用第一界面信息浏览页，同时利用第二界面显示详情页面，用户可以方便地在第一界面中选择，并用第二界面进行浏览，免去频繁地切换上下层页面，使用户体验更好的，且第二界面为通过运行手机端界面程序实现，从而可以方便地移植手机端程序，使得本发明的实现更为方便，实现的成本也相对低廉。

Description

平板电脑应用软件的分屏显示方法、存储介质及平板电脑
技术领域
本发明涉及电子设备技术领域，特别涉及平板电脑显示方法技术领域，具体是指一种平板电脑应用软件的分屏显示方法、存储介质及平板电脑。
背景技术
应用软件在用户端的显示方式通常取决于用户端显示器的大小和分辨率，特别是移动端应用，如手机APP、平板电脑APP等，在安排了导航栏、菜单栏等位置后，一般只采用一个较大页面显示内容信息，在进入上下级页面时，这个页面的内容就会被完全替换。由此而产生的问题是，当用户需要在上层的信息页面简单浏览具体内容，就只能点开详细的内容页面，此时，上层信息页面已被替代，若对选择的内容简单浏览后觉得并不感兴趣，只能再返回到上级页面，这样的操作相对繁琐，特别在有大量内容供用户选择的视频网站等大浏览APP应用中，频繁的切换使体验效果不佳。
针对上述问题，现有技术中也存在在上层页面提供预览的可能，但受限于上层页面所能利用的显示空间有限，预览清晰度不高，能以满足用户需要。
另一方面，当设备屏幕面积较大时，存在可以将页面分屏显示的可能性。因此，在同一显示界面中同时提供信息浏览和详细内容是一种潜在的解决方案。
但现有技术中，分屏显示技术主要是用于在一块屏幕上显示两个应用的界面，或者同一应用的两个互不关联的界面，因此，如何对现有技术做出改进，利用分屏解决上述问题成为本领域亟待解决的技术问题。
发明内容
本发明的目的是克服了上述现有技术中的缺点，提供一种能够在同一屏幕上同时显示应用的信息浏览页面和详情页面，从而使用户可以更方便地选择想要浏览的信息，不用频繁地切换页面，使用户体验更好的平板电脑应用软件的分屏显示方法、存储介质及平板电脑。
为了实现上述的目的，本发明的平板电脑应用软件的分屏显示方法包括以下步骤：
(1)在所述的平板电脑上运行一应用软件，显示该应用软件的操作界面；
(2)根据用户在所述的操作界面上的操作，该操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面，且所述的第二界面为通过运行所述的应用软件中的手机端界面程序实现。
该平板电脑应用软件的分屏显示方法中，所述第一界面的显示内容与所述的操作界面的被替代的显示内容相同或部分相同。
该平板电脑应用软件的分屏显示方法中，所述的方法还包括以下步骤：
(3)根据用户在所述的第一界面上的操作，确定所述的第二界面的显示内容。
该平板电脑应用软件的分屏显示方法中，所述的第一界面的显示内容为上层页面，所述的第二界面的显示内容为与所述第一界面关联的下层页面。
该平板电脑应用软件的分屏显示方法中，所述的第一界面的显示内容为内容列表页面，所述的第二界面的显示内容为与所述内容列表页面关联的内容详情页面。
该平板电脑应用软件的分屏显示方法中，所述的方法还包括以下步骤：
(4)根据用户在所述的第二界面上的操作，更新所述的第二界面的显示内容，或返回所述的操作界面并替代所述的第一界面和第二界面。
该平板电脑应用软件的分屏显示方法中，所述的该操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面具体为：
所述的应用软件运行一分屏视图层替代该操作界面的部分或全部，该分屏视图层同时显示互不重叠的第一界面和第二界面。
该平板电脑应用软件的分屏显示方法中，操作界面包括导航栏、菜单栏和主页面，其中所述的主页面被替代显示为互不重叠的第一界面和第二界面。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现上述任一项所述的平板电脑应用软件的分屏显示方法。
本发明还提供一种平板电脑，其包括处理器和存储器，所述的存储器上存储有计算机程序，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现上述任一项所述的平板电脑应用软件的分屏显示方法。
采用了该发明的平板电脑应用软件的分屏显示方法、存储介质及平板电脑，其方法在应用软件操作界面上，根据操作将操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面，且第二界面是通过运行应用软件中的手机端界面程序实现的。由此，可以在同一屏幕上利用第一界面信息浏览页，同时利用第二界面显示详情页面，用户可以方便地在第一界面中选择，并用第二界面进行浏览，免去频繁地切换上下层页面，使用户体验更好的，且第二界面为通过运行手机端界面程序实现，从而可以方便地移植手机端程序，使得本发明的实现更为方便，实现的成本也相对低廉。
附图说明
图1为本发明的平板电脑应用软件的分屏显示方法的步骤流程图。
图2为移动端应用软件显示界面层结构示意图。
图3为现有技术的平板电脑应用软件显示界面层结构示意图。
图4为本发明的平板电脑应用软件的分屏显示方法的显示界面层结构示意图。
具体实施方式
为了能够更清楚地理解本发明的技术内容，特举以下实施例详细说明。
请参阅图1所示，为本发明的平板电脑应用软件的分屏显示方法的步骤流程图。
在一种实施方式中，该平板电脑应用软件的分屏显示方法包括以下步骤：
(1)在所述的平板电脑上运行一应用软件，显示如图3所示的该应用软件的操作界面；
(2)根据用户在所述的操作界面上的操作，该操作界面的部分或全部被替代显示为如图4所示的互不重叠的第一界面和第二界面，且所述的第二界面为通过运行所述的应用软件中的手机端界面程序实现。
其中，所述第一界面的显示内容与所述的操作界面的被替代的显示内容相同或部分相同。
在较优选的实施方式中，所述的方法还包括以下步骤：
(3)根据用户在所述的第一界面上的操作，确定所述的第二界面的显示内容。
所述的第一界面的显示内容为上层页面，所述的第二界面的显示内容为与所述第一界面关联的下层页面。具体而言，所述的第一界面的显示内容为内容列表页面，所述的第二界面的显示内容为与所述内容列表页面关联的内容详情页面。
在进一步优选的实施方式中，所述的方法还包括以下步骤：
(4)根据用户在所述的第二界面上的操作，更新所述的第二界面的显示内容，或返回所述的操作界面并替代所述的第一界面和第二界面。
在另一优选的实施方式中，所述的该操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面具体为：
所述的应用软件运行一分屏视图层替代该操作界面的部分或全部，该分屏视图层同时显示互不重叠的第一界面和第二界面。
具体而言，操作界面可以包括导航栏、菜单栏和主页面，其中所述的主页面被替代显示为互不重叠的第一界面和第二界面。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现上述的平板电脑应用软件的分屏显示方法。
本发明还提供一种平板电脑，其包括处理器和存储器，所述的存储器上存储有计算机程序，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现上述的平板电脑应用软件的分屏显示方法。
在实际应用中，通过以下实施例说明本发明的具体实现方法。
实施例1
以ipad用户端打开视频网站APP为例。
当用户打开一个ipad的视频网站APP时，与常规的APP界面相同，如图2、3所示，包括导航栏、菜单栏和主页面(内容界面)，其中，主页面显示当前页面的信息。当前页面为视频列表信息，用户此时可以拖动该视频列表查找自己感兴趣的内容。当找到想看的内容时，用户可以点选相应的视频，此时，如图4所示，主页面被分别显示为左右两个界面(第一界面和第二界面)，其中第一界面显示原先主页面中的视频列表信息，并对排序等进行适当的调整，第二界面即显示选定的视频的详细页面，保证视频浏览器开始播放视频，以及相应的内容介绍、评论等信息。该第二界面通过直接移植已经包括在ipad用户端APP程序中的iPhone界面控制程序即可实现。在这一状态之下，用户同样可以在第一界面中拖动视频列表列表继续选择想要看的视频，若重新选定，则第二界面中的内容会替换为新选定的视频；同时，用户也可以对第二界面进行操作，在观看视频的同时进行评论、转发、点赞、发送弹幕等等，也可以选择将第二界面切换到主页面中(即替代第一、第二界面)，或者全屏播放视频，有或者关闭第二界面仅显示第一界面(即返回原先的主页面状态)。
可以理解的是，本发明不仅能够应用于视频网站APP，其它类似的APP同样能够实现，例如购物网站，第一界面可显示商品列表，第二界面显示商品详情等等。同样的，本发明也可以应用于其它平板电脑中。
实施例2
与实施例1的区别在于，在分为左右两个界面的状态下，第二界面所显示的视频详细页面中也可以进一步存在内容列表，例如与选定视频关联的其它视频列表。此时若用户点选该列表中的视频，则第二界面中的内容会被替代为所选定的视频的详细页面，第一界面中的列表可以不会发生变化，也可以替换为第二界面中新选定的视频所对应的关联信息。即第一界面可以选择性地对第二界面上的操作作出适应性的调整。
实施例3
与上述各实施例的的区别在于，第一界面和第二界面的分布不仅局限于左右，在竖屏的情况下也可以上下分布。
界面的分布可基于用户操作作出相应，例如用户将平板电脑从横向放置改为竖向时，界面可以从左右分布自动切换到上下分布。
另外，用户也可以决定第一界面和第二界面的位置，即哪个界面在左或在上，用户可以通过手势操作拖动某一界面与另一界面交换位置，如利用两指或三指点击拖动等等。
当然具体的分屏数量和显示的位置可以根据需要进行调整。
实施例4
实现本发明的ipad用户端APP，既包括了ipad的显示界面控制程序又包括了iphone端的显示界面控制程序，在实现本发明的分屏显示时，第二界面可直接通过移植iphone端的程序实现。另一方面而言，该ipad用户端APP的安装程序是一个平板端与手机端通用的安装程序，安装后的应用软件根据需要即可实现对于iphone端的程序的调用，从而免去了对于分屏后的详情页面的重复编码要求，简化了软件开发的流程。
采用了该发明的平板电脑应用软件的分屏显示方法、存储介质及平板电脑，其方法在应用软件操作界面上，根据操作将操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面，且第二界面是通过运行应用软件中的手机端界面程序实现的。由此，可以在同一屏幕上利用第一界面信息浏览页，同时利用第二界面显示详情页面，用户可以方便地在第一界面中选择，并用第二界面进行浏览，免去频繁地切换上下层页面，使用户体验更好的，且第二界面为通过运行手机端界面程序实现，从而可以方便地移植手机端程序，使得本发明的实现更为方便，实现的成本也相对低廉。
在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。

Claims (8)

1.一种平板电脑应用软件的分屏显示方法，其特征在于，包括以下步骤：
（1）在所述的平板电脑上运行一应用软件，显示该应用软件的操作界面；
（2）根据用户在所述的操作界面上的操作，该操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面，且所述的第二界面为通过运行所述的应用软件中的手机端界面程序实现；
（3）根据用户在所述的第一界面上的操作，确定所述的第二界面的显示内容；
（4）根据用户在所述的第二界面上的操作，替换所述第二界面中的显示内容，所述的第一界面显示替换后的所述第二界面中显示内容的关联信息。
2.根据权利要求1所述的平板电脑应用软件的分屏显示方法，其特征在于，所述第一界面的显示内容与所述的操作界面的被替代的显示内容相同或部分相同。
3.根据权利要求1所述的平板电脑应用软件的分屏显示方法，其特征在于，所述的第一界面的显示内容为上层页面，所述的第二界面的显示内容为与所述第一界面关联的下层页面。
4.根据权利要求3所述的平板电脑应用软件的分屏显示方法，其特征在于，所述的第一界面的显示内容为内容列表页面，所述的第二界面的显示内容为与所述内容列表页面关联的内容详情页面。
5.根据权利要求1所述的平板电脑应用软件的分屏显示方法，其特征在于，
所述的该操作界面的部分或全部被替代显示为互不重叠的第一界面和第二界面具体为：
所述的应用软件运行一分屏视图层替代该操作界面的部分或全部，该分屏视图层同时显示互不重叠的第一界面和第二界面。
6.根据权利要求5所述的平板电脑应用软件的分屏显示方法，其特征在于，操作界面包括导航栏、菜单栏和主页面，其中所述的主页面被替代显示为互不重叠的第一界面和第二界面。
7.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现权利要求1至6中任一项所述的平板电脑应用软件的分屏显示方法。
8.一种平板电脑，其包括处理器和存储器，所述的存储器上存储有计算机程序，其特征在于，该计算机程序包括平板电脑端界面程序以及手机端界面程序，当该计算机程序被处理器执行时，实现权利要求1至6中任一项所述的平板电脑应用软件的分屏显示方法。
CN201811137964.5A 2018-09-27 2018-09-27 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 Active CN109388463B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811137964.5A CN109388463B (zh) 2018-09-27 2018-09-27 平板电脑应用软件的分屏显示方法、存储介质及平板电脑

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811137964.5A CN109388463B (zh) 2018-09-27 2018-09-27 平板电脑应用软件的分屏显示方法、存储介质及平板电脑

Publications (2)

Publication Number Publication Date
CN109388463A CN109388463A (zh) 2019-02-26
CN109388463B true CN109388463B (zh) 2023-03-14

Family

ID=65418299

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811137964.5A Active CN109388463B (zh) 2018-09-27 2018-09-27 平板电脑应用软件的分屏显示方法、存储介质及平板电脑

Country Status (1)

Country Link
CN (1) CN109388463B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109918072A (zh) * 2019-03-21 2019-06-21 烽火通信科技股份有限公司 分屏预览页面的方法及系统
CN110134476A (zh) * 2019-04-24 2019-08-16 珠海格力电器股份有限公司 一种应用显示的方法及设备
CN110347464B (zh) * 2019-06-26 2022-01-11 腾讯科技（深圳）有限公司 应用程序的用户界面渲染方法、装置、介质及电子设备
CN111400631B (zh) * 2020-03-16 2021-06-18 出通科技(上海)有限公司 非对称式信息流阅读方法及装置、终端、存储介质
CN111556183B (zh) * 2020-04-27 2021-09-07 苏州跃盟信息科技有限公司 信息处理方法和装置、存储介质及处理器
CN111694475B (zh) * 2020-04-27 2022-04-22 华为技术有限公司 终端控制方法、装置及终端设备
CN112199017A (zh) * 2020-09-30 2021-01-08 京东方科技集团股份有限公司 分屏交互方法和装置、电子设备和可读存储介质
CN114911377A (zh) * 2021-01-28 2022-08-16 华为终端有限公司 显示方法和电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102915176A (zh) * 2012-09-19 2013-02-06 东莞宇龙通信科技有限公司 一种分屏显示的方法和装置
CN107402709A (zh) * 2017-06-23 2017-11-28 努比亚技术有限公司 一种分屏显示方法、终端及计算机可读存储介质
US20170364249A1 (en) * 2016-06-20 2017-12-21 Lenovo (Singapore) Pte. Ltd. Method for performing split screen display
CN107678717A (zh) * 2017-09-15 2018-02-09 维沃移动通信有限公司 一种分屏显示方法、移动终端及计算机可读存储介质
CN108509110A (zh) * 2018-03-30 2018-09-07 广州视源电子科技股份有限公司 分屏显示和操作的方法、装置、终端设备及存储介质

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4692529B2 (ja) * 2007-08-07 2011-06-01 セイコーエプソン株式会社 グラフィカルユーザインタフェース装置
CN104750405A (zh) * 2013-12-31 2015-07-01 研祥智能科技股份有限公司 一种分屏显示方法及其装置
CN104793839B (zh) * 2014-01-20 2019-08-06 中兴通讯股份有限公司 一种触摸屏界面的显示控制方法和系统
CN104050260B (zh) * 2014-06-17 2017-03-29 合一网络技术(北京)有限公司 构建新型展示区浏览方式的方法和系统
CN106940621B (zh) * 2016-01-05 2020-03-03 腾讯科技（深圳）有限公司 图片处理的方法和装置
CN106293772A (zh) * 2016-08-25 2017-01-04 维沃移动通信有限公司 一种分屏显示的处理方法及移动终端
CN108491240A (zh) * 2018-02-27 2018-09-04 努比亚技术有限公司 一种支付显示方法、终端及计算机可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102915176A (zh) * 2012-09-19 2013-02-06 东莞宇龙通信科技有限公司 一种分屏显示的方法和装置
US20170364249A1 (en) * 2016-06-20 2017-12-21 Lenovo (Singapore) Pte. Ltd. Method for performing split screen display
CN107402709A (zh) * 2017-06-23 2017-11-28 努比亚技术有限公司 一种分屏显示方法、终端及计算机可读存储介质
CN107678717A (zh) * 2017-09-15 2018-02-09 维沃移动通信有限公司 一种分屏显示方法、移动终端及计算机可读存储介质
CN108509110A (zh) * 2018-03-30 2018-09-07 广州视源电子科技股份有限公司 分屏显示和操作的方法、装置、终端设备及存储介质

Also Published As

Publication number Publication date
CN109388463A (zh) 2019-02-26

Similar Documents

Publication Publication Date Title
CN109388463B (zh) 平板电脑应用软件的分屏显示方法、存储介质及平板电脑
US8812996B1 (en) Methods and apparatus for processing application windows
US20170220220A1 (en) Advertisement generation apparatus and terminal device
US10228835B2 (en) Method for displaying information, and terminal equipment
US20100259562A1 (en) Display control apparatus, display control method and computer program
US20110022957A1 (en) Web browsing method and web browsing device
JP6223405B2 (ja) 情報表示装置、情報表示方法および情報表示プログラム
CA2922060C (en) Swipe toolbar to switch tabs
KR20130130748A (ko) 멀티 모드 웹 브라우징
CN104049854B (zh) 显示处理方法和电子设备
CN109218819B (zh) 一种视频预览方法及移动终端
KR20140114645A (ko) 하이퍼링크의 미리 보기 화면 표시 방법 및 그 장치
CN112988006B (zh) 显示方法、装置、电子设备和存储介质
JP2012008686A (ja) 情報処理装置および方法、並びにプログラム
US20160026609A1 (en) Appending New Content to Open Content
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
CN103517149A (zh) 一种基于android平台智能电视的主页设计方法
JP2019008668A (ja) クライアントデバイス、画像処理システム、画像の表示方法および、プログラム
JP5907713B2 (ja) 表示装置、情報端末装置、表示方法、プログラム、および記録媒体
CN113032068A (zh) 显示方法和电子设备
JP5840722B2 (ja) 情報表示装置、情報表示方法および情報表示プログラム
JP2014146233A (ja) 資料共有プログラム、端末装置、資料共有方法
US20240134503A1 (en) Control method and apparatus for displaying multimedia content, electronic device and medium
US20150254262A1 (en) Method and device for displaying links
JP2017058958A (ja) コンテンツ表示装置、コンテンツ表示方法、コンテンツ表示プログラム

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
GR01 Patent grant
GR01 Patent grant