CN105242830A - 一种实现用户界面多屏视图的装置及方法 - Google Patents

一种实现用户界面多屏视图的装置及方法 Download PDF

Info

Publication number
CN105242830A
CN105242830A CN201510667087.2A CN201510667087A CN105242830A CN 105242830 A CN105242830 A CN 105242830A CN 201510667087 A CN201510667087 A CN 201510667087A CN 105242830 A CN105242830 A CN 105242830A
Authority
CN
China
Prior art keywords
split screen
screen interface
user
interface
split
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
Application number
CN201510667087.2A
Other languages
English (en)
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 Feixun Data Communication Technology Co Ltd
Original Assignee
Shanghai Feixun Data Communication 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 Feixun Data Communication Technology Co Ltd filed Critical Shanghai Feixun Data Communication Technology Co Ltd
Priority to CN201510667087.2A priority Critical patent/CN105242830A/zh
Publication of CN105242830A publication Critical patent/CN105242830A/zh
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种实现用户界面多屏视图的装置及方法,该方法包括:设置用户界面的分屏界面模式;接收用户的分屏选择,并根据所述分屏选择切换所述用户界面到对应的分屏界面模式中;向分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。通过上述方式,本发明能够同时显示不同的界面模块,并且适用于各种用户界面和装置中,使用范围广。

Description

一种实现用户界面多屏视图的装置及方法
技术领域
本发明涉及用户界面处理技术领域,尤其是涉及一种实现用户界面多屏视图的装置及方法。
背景技术
通常情况下,一个产品的用户界面的视图模式往往是单一的。但在实际使用中,前台要同时运行多个应用,单一的用户界面使得用户使用起来很不方便。
现有技术中,通过改善上述问题,提供了两种用户界面切换的方法。具体为分析如下:
第一种:接收用户界面切换指令;根据用户界面切换指令,在终端的显示屏上显示预设分屏模式,以及用户界面的列表;接收用户为预设分屏模式中每个分屏选择的用户界面,并显示该用户界面。
第二种:针对Window8的分屏特性,通过获取操作系统当前屏幕的分屏状态,然后加载与当前屏幕的分屏状态适配的应用程序的显示数据并使用显示数据进行应用程序的页面显示。
但是,前文的第一种方法是将不同的用户界面转换为预设动态链接库然后加载不同的用户界面和对应的用户界面主题,并通过按钮来切换用户界面的显示和关闭,只是单纯地实现了用户界面的切换,不能同时显示不同的界面模块,也不能实现动态增减分屏布局模块等其他对界面布局的操作。前文的第二种方法是针对Window8的分屏特性,目前APP无法进行分屏特性支持而实现的方法和装置,实用面有限,不适用其他的应用场景。
发明内容
本发明主要解决的技术问题是提供一种实现用户界面多屏视图的装置及方法,能够同时显示不同的界面,并且适用于各种用户界面和装置中,使用范围广。
为解决上述技术问题,本发明采用的一个技术方案是:提供一种实现用户界面多屏视图的方法,该方法包括:设置用户界面的分屏界面模式;接收用户的分屏选择,并根据分屏选择切换用户界面到对应的分屏界面模式中;向分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。
其中,分配界面模式包括分屏界面的数量和分屏界面的排列方式;设置用户界面的分屏界面模式的方法包括:在提供给用户使用前,预先设置多种用户界面的分屏界面模式。
其中,分屏界面模式包括分屏界面的数量和分屏界面的排列方式;
设置用户界面的分屏界面模式的方法包括:
接收用户输入的分屏界面的数量和排列方式,并将用户界面设置为对应用户输入的分屏界面的数量和排列方式。
其中,向分屏界面模式中的各分屏界面加载对应的显示内容的步骤还包括:
查询各显示内容与各分屏界面的关联关系,然后将显示内容加载到与其关联的分屏界面中。
其中,方法还包括:检测预设时间内显示内容是否加载成功,若成功,则结束,若失败,则提示显示内容加载失败。
为解决上述技术问题,本发明采用的另一个技术方案是:提供一种实现用户界面多屏视图的装置,其特征在于,装置包括:分屏界面模式设置模块,用于设置用户界面的分屏界面模式;接收模块,用于接收用户的分屏选择;分屏界面切换模块,用于根据分屏选择切换用户界面到对应的分屏界面模式中;加载模块,用于向分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。
其中,分屏界面模式包括分屏界面的数量和分屏界面的排列方式;在提供给用户使用前,分屏界面模式设置模块预先设置多个用户界面的分屏界面模式。
其中,分屏界面模式包括分屏界面的数量和分屏界面的排列方式;
接收模块进一步接收用户输入的分屏界面的数量和排列方式,分屏界面模式设置模块将用户界面设置为对应用户输入的分屏界面的数量和排列方式。
其中,加载模块包括:关联单元,用于查询各显示内容与各分屏界面的关联关系;加载单元,用于将显示内容加载到与其关联的分屏界面中。
其中,装置还包括:检测模块和提示模块,其中:检测模块用于检测预设时间内显示内容是否加载成功;提示模块用于在检测模块检测到加载失败时,提示显示内容加载失败。
本发明的有益效果是:区别于现有技术的情况,本发明提供一种实现用户界面多屏视图的方法,该方法为,首先设置用户界面的分屏界面模式,然后接收用户的分屏选择,并根据分屏选择切换用户界面到对应的分屏界面模式中;最后向该分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。因此,本发明能够同时显示不同的界面,并且适用于各种用户界面和装置中,使用范围广。
附图说明
图1是本发明实施例提供的一种实现用户界面多屏视图的方法的流程图;
图2是本发明实施例提供的一种用户界面的分屏界面的结构示意图;
图3是是本发明实施例提供的另一种用户界面的分屏界面的结构示意图;
图4是本发明实施例提供的一种实现用户界面多屏视图的装置的结构示意图。
具体实施方式
请参阅图1,是本发明实施例提供的一种实现用户界面多屏视图的方法的流程图。如图1所示,本发明的实现用户界面多屏视图的方法,包括以下步骤:
步骤S1:设置用户界面的分屏界面模式。
具体是根据分屏模式还设置用户界面的分屏界面模式。其中,分屏界面模式包括分屏界面的数量和分屏界面的排列方式。其中,分屏界面的数量是全局变量,可动态被改变。
例如:若分屏模式为全屏,则用户界面的分屏界面如图2所示,此时,用户界面中的各分屏界面100的宽度等于屏幕10的宽度。
若分屏模式为比例模式,例如a:b模式,则分屏界面如图3所示,此时,用户界面中的分屏界面101和102的横向宽度比例=屏幕10的宽度*(a/a+b):屏幕10的宽度*(b/a+b)。
依次类推,若分屏模式为a:b:c模式,则用户界面中的分屏界面的横向宽度比例=屏幕宽度*(a/a+b+c):屏幕宽度*(b/a+b+c):屏幕宽度*(c/a+b+c)。若分屏模式为a:b:c:d,则用户界面中的分屏界面的横向宽度比例=屏幕宽度*(a/a+b+c+d):屏幕宽度*(b/a+b+c+d):屏幕宽度*(c/a+b+c+d):屏幕宽度*(d/a+b+c+d)等等。
本步骤中,设置用户界面的分屏界面的模式包括两种方法,具体如下:
第一种方法:在提供给用户使用前,预先设置多种用户界面的分屏界面模式。例如在产品未投入市场之前,开发人员调查多种用户使用习惯,然后设置多种用户界面的分屏界面模式。例如设置前文所述的各种分屏界面模式。
第二种方法:接收用户输入的分屏界面的数量和排列方式,并将用户界面设置为对应用户输入的分屏界面的数量和排列方式。该方法可以根据用户的要求随时设置符合要求的分屏界面,从而提高用户的体验。
此外,在前文所述的两种方法中,都可以进一步根据用户的需求对已经设置好的分屏界面进行修改,例如数量的增加或减少,或者分屏界面的移动、分屏界面的最大化或最小化等。
步骤S2:接收用户的分屏选择,并根据分屏选择切换用户界面到对应的分屏界面模式中。
在本步骤中,对应前文步骤S1的两种分屏界面的设置方法,本步骤也可以分为两种情况:
第一种情况:对应步骤S1的第一种设置方法,即选择分屏模式为全屏模式或者比例模式,则将用户界面切换到对应的全屏模式或比例模式。其中,比例模式例如:1/2:1/2屏、1/3:1/3:1/3屏、1/4:3/4屏、2/5:3/5、3/10:7/10屏等。
第二种情况:对应步骤S1的第二种设置方法,用户首先设置好一个分屏界面模式,然后选择对应的分屏模式,则此时切换到用户设置好的分屏界面模式当中。
步骤S3:向该分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。
其中,本步骤具体为首先查询各显示内容与各分屏界面的关联关系,然后将显示内容加载到与其关联的分屏界面中。
进一步的,本实施例还会统一布局各种分屏界面模式下的各分屏界面中的各元素的样式,例如各分屏界面的边框大小样式,边框颜色样式等等。或者调整分屏界面的窗口的大小来提高分屏界面的整体感官效果。
进一步的,本实施例还会检测预设时间内所述显示内容是否加载成功,若成功,则结束,若失败,则提示显示内容加载失败。
本发明实施例还提供了一种实现用户界面多屏视图的装置,该装置可以应用于前文所述的实现用户界面多屏视图的方法。具体请参阅图4,图4是本发明实施例提供的一种实现用户界面多屏视图的装置的结构示意图。
如图4所示,该装置40包括分屏界面模式设置模块11、接收模块12、分屏界面切换模块13以及加载模块14。其中,装置40包括手机终端、电脑终端以及相机等等。
其中,分屏界面模式设置模块11用于设置用户界面的分屏界面模式。其中,分屏界面模式包括分屏界面的数量和分屏界面的排列方式。其中,分屏界面的数量是全局变量,可动态被改变。
具体的,本实施例的设置分屏界面模式的方法包括两种:
第一种:在提供给用户使用前,分屏界面模式设置模块11预先设置多个用户界面的分屏界面模式。具体设置如前文所述,在此不再赘述。
第二种:接收模块12进一步接收用户输入的分屏界面的数量和排列方式,分屏界面模式设置模块11将用户界面设置为对应用户输入的分屏界面的数量和排列方式。
此外,在前文所述的两种方法中,都可以进一步根据用户的需求对已经设置好的分屏界面进行修改,例如数量的增加或减少,或者分屏界面的移动、分屏界面的最大化或最小化等。
接收模块12进一步接收用户的分屏选择。其中,对应前文的两种分屏界面的设置方法,本实施例也可以分为以下两种分屏选择情况:
第一种情况:对应第一种设置方法,即接收模块12接收用户选择的分屏模式为全屏模式或者比例模式。其中,比例模式例如:1/2:1/2屏、1/3:1/3:1/3屏、1/4:3/4屏、2/5:3/5、3/10:7/10屏等。
第二种情况:对应第二种设置方法,用户首先设置好一个分屏界面模式,则接收模块12接收用户选择的其自己设置的分屏模式。
其中,接收模块12可以为一预设的功能按键,用于界面分屏时使用。
分屏界面切换模块13用于根据分屏选择切换用户界面到对应的分屏界面模式中。其中,对应前文的接收模块12接收的两种选择,本实施例也可以分为以下两种切换情况:
第一种:对应于接收膜12接收用户选择的分屏模式为全屏模式或比例模式的情况,则分屏界面切换模块13将用户界面切换到对应的全屏模式或比例模式。
第二种:对应于接收模块12接收用户选择的其自己设置的分屏模式。则分屏界面切换模块13切换到用户设置好的分屏界面模式当中。
加载模块14用于向各分屏界面加载对应的显示内容,以实现多屏视图。其中,加载模块14还包括关联单元141、加载单元142。
其中,关联单元141用于查询各显示内容与各分屏界面的关联关系。
加载单元142用于将显示内容加载到与其关联的分屏界面中。
进一步的,装置10还包括检测模块15和提示模块16。其中,检测模块15用于检测预设时间内显示内容是否加载成功。提示模块16用于在检测模块15检测到加载失败时,提示显示内容加载失败。
进一步的,装置10还包括统一模块17和调整模块18。其中统一模块17用于统一布局各种分屏界面模式下的各分屏界面中的各元素的样式,例如各分屏界面的边框大小样式,边框颜色样式等等。调整模块18用于调整分屏界面的窗口的大小来提高分屏界面的整体感官效果。
因此,本发明能够同时显示不同的界面模块,并且适用于各种用户界面和装置中,使用范围广。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种实现用户界面多屏视图的方法,其特征在于,所述方法包括:
设置用户界面的分屏界面模式;
接收用户的分屏选择,并根据所述分屏选择切换所述用户界面到对应的分屏界面模式中;
向所述分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。
2.根据权利要求1所述的方法,其特征在于,所述分屏界面模式包括分屏界面的数量和所述分屏界面的排列方式;
所述设置用户界面的分屏界面模式的方法包括:
在提供给用户使用前,预先设置多种所述用户界面的分屏界面模式。
3.根据权利要求1所述的方法,其特征在于,所述分屏界面模式包括分屏界面的数量和所述分屏界面的排列方式;
所述设置用户界面的分屏界面模式的方法包括:
接收用户输入的分屏界面的数量和排列方式,并将所述用户界面设置为对应所述用户输入的分屏界面的数量和排列方式。
4.根据权利要求1所述的方法,其特征在于,所述向所述分屏界面模式中的各分屏界面加载对应的显示内容的步骤还包括:
查询各所述显示内容与各所述分屏界面的关联关系,然后将所述显示内容加载到与其关联的分屏界面中。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:检测预设时间内所述显示内容是否加载成功,若成功,则结束,若失败,则提示显示内容加载失败。
6.一种实现用户界面多屏视图的装置,其特征在于,所述装置包括:
分屏界面模式设置模块,用于设置用户界面的分屏界面模式;
接收模块,用于接收用户的分屏选择;
分屏界面切换模块,用于根据所述分屏选择切换所述用户界面到对应的分屏界面模式中;
加载模块,用于向所述分屏界面模式中的各分屏界面加载对应的显示内容,以实现多屏视图。
7.根据权利要求6所述的装置,其特征在于,所述分屏界面模式包括分屏界面的数量和所述分屏界面的排列方式;
在提供给用户使用前,所述分屏界面模式设置模块预先设置多种所述用户界面的分屏界面模式。
8.根据权利要求6所述的装置,其特征在于,所述分屏界面模式包括分屏界面的数量和所述分屏界面的排列方式;
所述接收模块进一步接收用户输入的分屏界面的数量和排列方式,所述分屏界面模式设置模块将所述用户界面设置为对应所述用户输入的分屏界面的数量和排列方式。
9.根据权利要求6所述的装置,其特征在于,所述加载模块包括:
关联单元,用于查询各所述显示内容与各所述分屏界面的关联关系;
加载单元,用于将所述显示内容加载到与其关联的分屏界面中。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:检测模块和提示模块,其中:
所述检测模块用于检测预设时间内所述显示内容是否加载成功;
所述提示模块用于在所述检测模块检测到加载失败时,提示显示内容加载失败。
CN201510667087.2A 2015-10-15 2015-10-15 一种实现用户界面多屏视图的装置及方法 Pending CN105242830A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510667087.2A CN105242830A (zh) 2015-10-15 2015-10-15 一种实现用户界面多屏视图的装置及方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510667087.2A CN105242830A (zh) 2015-10-15 2015-10-15 一种实现用户界面多屏视图的装置及方法

Publications (1)

Publication Number Publication Date
CN105242830A true CN105242830A (zh) 2016-01-13

Family

ID=55040498

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510667087.2A Pending CN105242830A (zh) 2015-10-15 2015-10-15 一种实现用户界面多屏视图的装置及方法

Country Status (1)

Country Link
CN (1) CN105242830A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106126065A (zh) * 2016-06-29 2016-11-16 努比亚技术有限公司 一种移动终端及其双屏信息显示方法
CN106775391A (zh) * 2016-11-29 2017-05-31 努比亚技术有限公司 界面切换装置和方法
CN107358457A (zh) * 2017-06-07 2017-11-17 浙江大华技术股份有限公司 一种广告播放方法、装置及系统
CN107391117A (zh) * 2017-06-28 2017-11-24 广州神马移动信息科技有限公司 轻应用的分屏处理方法、设备及电子设备
CN107423011A (zh) * 2017-03-27 2017-12-01 上海天马微电子有限公司 一种分屏显示方法及显示屏
CN107948705A (zh) * 2016-10-11 2018-04-20 北京优朋普乐科技有限公司 一种显示分屏界面的方法及装置
CN114595020A (zh) * 2022-02-25 2022-06-07 深圳盛显科技有限公司 基于钩子技术的分屏显示方法、装置、系统及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060020903A1 (en) * 2004-07-26 2006-01-26 Shih-Yang Wang Window split system and method
JP2012243116A (ja) * 2011-05-20 2012-12-10 Kyocera Corp 携帯端末、制御方法及びプログラム
CN103246433A (zh) * 2013-05-06 2013-08-14 苏州三星电子电脑有限公司 屏幕自定义分窗口显示控制方法
CN103324435A (zh) * 2013-05-24 2013-09-25 华为技术有限公司 分屏显示的方法、装置及其电子设备
CN104168515A (zh) * 2014-08-21 2014-11-26 三星电子(中国)研发中心 智能电视终端及其屏幕控制方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060020903A1 (en) * 2004-07-26 2006-01-26 Shih-Yang Wang Window split system and method
JP2012243116A (ja) * 2011-05-20 2012-12-10 Kyocera Corp 携帯端末、制御方法及びプログラム
CN103246433A (zh) * 2013-05-06 2013-08-14 苏州三星电子电脑有限公司 屏幕自定义分窗口显示控制方法
CN103324435A (zh) * 2013-05-24 2013-09-25 华为技术有限公司 分屏显示的方法、装置及其电子设备
CN104168515A (zh) * 2014-08-21 2014-11-26 三星电子(中国)研发中心 智能电视终端及其屏幕控制方法

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106126065A (zh) * 2016-06-29 2016-11-16 努比亚技术有限公司 一种移动终端及其双屏信息显示方法
CN107948705A (zh) * 2016-10-11 2018-04-20 北京优朋普乐科技有限公司 一种显示分屏界面的方法及装置
CN106775391A (zh) * 2016-11-29 2017-05-31 努比亚技术有限公司 界面切换装置和方法
CN106775391B (zh) * 2016-11-29 2020-04-21 努比亚技术有限公司 界面切换装置和方法
CN107423011A (zh) * 2017-03-27 2017-12-01 上海天马微电子有限公司 一种分屏显示方法及显示屏
CN107358457A (zh) * 2017-06-07 2017-11-17 浙江大华技术股份有限公司 一种广告播放方法、装置及系统
CN107391117A (zh) * 2017-06-28 2017-11-24 广州神马移动信息科技有限公司 轻应用的分屏处理方法、设备及电子设备
CN107391117B (zh) * 2017-06-28 2021-06-18 阿里巴巴(中国)有限公司 轻应用的分屏处理方法、设备及电子设备
CN113778272A (zh) * 2017-06-28 2021-12-10 阿里巴巴(中国)有限公司 轻应用的分屏处理方法、设备及电子设备
CN114595020A (zh) * 2022-02-25 2022-06-07 深圳盛显科技有限公司 基于钩子技术的分屏显示方法、装置、系统及存储介质
CN114595020B (zh) * 2022-02-25 2023-12-19 深圳盛显科技有限公司 基于钩子技术的分屏显示方法、装置、系统及存储介质

Similar Documents

Publication Publication Date Title
CN105242830A (zh) 一种实现用户界面多屏视图的装置及方法
US11202119B2 (en) Video playing method and terminal device
CN107231489B (zh) 一种终端及其投屏方法
CN103067569B (zh) 一种智能手机多窗口显示方法和装置
CN104168515A (zh) 智能电视终端及其屏幕控制方法
CN110928511A (zh) 一种投屏方法、装置及电子设备
CN103561220A (zh) 一种电视终端及其多屏显示和控制的方法
CN105005427A (zh) 一种窗口管理方法及装置
CN106919301B (zh) 壁纸预览方法和系统以及壁纸更换方法和系统
CN106057169B (zh) 一种移动终端的护眼方法及移动终端
CN103345390A (zh) 用于移动终端的图片输出方法、装置和移动终端
CN103309575B (zh) 显示图标的方法及终端
CN103902165A (zh) 实现菜单背景的方法和装置
CN104239076A (zh) 界面色彩调整方法及装置
CN105677265A (zh) 一种显示方法及终端
CN102789357A (zh) 基于安卓应用技术的设置主题资源的方法及装置
CN104898914A (zh) 多页面展示的方法及装置
CN104951185A (zh) 一种信息处理方法及电子设备
CN103648040A (zh) 智能电视应用程序选项的快捷切换方法及装置
CN102117176A (zh) 在电子装置中实现滑动显示图片的方法
US20140059459A1 (en) Processing method and processing device for displaying icon and electronic device
CN104199631A (zh) 一种多屏幕显示方法、装置及电子设备
CN106303639B (zh) 一种智能电视全键盘功能键的实现方法及系统
CN106250109A (zh) 一种桌面应用程序显示方法、装置以及移动终端
CN104699532A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20160113