CN111448534B - 终端设备及其图形用户界面以及图形用户界面的控制方法 - Google Patents
终端设备及其图形用户界面以及图形用户界面的控制方法 Download PDFInfo
- Publication number
- CN111448534B CN111448534B CN201780097425.0A CN201780097425A CN111448534B CN 111448534 B CN111448534 B CN 111448534B CN 201780097425 A CN201780097425 A CN 201780097425A CN 111448534 B CN111448534 B CN 111448534B
- Authority
- CN
- China
- Prior art keywords
- user interface
- graphical user
- icon
- display
- area
- 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
Links
Images
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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种终端设备以及图形用户界面及其控制方法,终端设备(100)包括柔性触控显示屏(30)和旋转感测器(40),柔性触控显示屏(30)显示图形用户界面,其具有多个图标,每个图标通过相应的显示属性进行显示;终端设备(100)还包括存储器(20)、处理器(10),处理器(10)执行存储器(20)存储的计算机程序时实现:获取旋转感测器(40)感测的实时旋转角度和旋转方向(1101);根据旋转角度和旋转方向控制第二坐标系旋转且保持图形用户界面在第二坐标系内的布局不变,并控制图标在第一坐标系内的布局及方向不变(1102);图形用户界面随第二坐标系旋转的过程中,确定每个图标在旋转的图形用户界面上的实时显示位置,并根据实时显示位置调整图标的显示属性(1103)。该方法能够根据旋转角度实时调整图标显示属性,用户体验好。
Description
技术领域
本申请涉及一种图形用户界面控制领域,尤其涉及一种基于柔性触控显示屏的终端设备及其图形用户界面以及图形用户界面的控制方法。
背景技术
柔性触控显示屏作为液晶显示屏之后的新生代显示屏,其通过柔软的材料制成,可变形可弯曲,给用户带来新奇的使用体验。然而,现在仍缺乏基于柔性触控显示屏的图形用户界面控制方法。
发明内容
本申请实施例公开一种基于柔性触控显示屏的终端设备及其图形用户界面以及图形用户界面的控制方法,以解决上述问题。
本申请实施例公开的一种终端设备,包括柔性触控显示屏和旋转感测器,所述旋转感测器感测所述柔性触控显示屏的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;所述终端设备还包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现:获取所述旋转感测器感测的所述旋转角度和旋转方向;控制用户界面坐标系按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的坐标及每一图标上的内容的显示方向不变;在所述图形用户界面随所述用户界面坐标系旋转的过程中,确定每个图标在所述旋转的图形用户界面上的实时显示位置,并根据所述实时显示位置调整所述图标的显示属性。
本申请实施例公开的一种具有柔性触控显示屏的终端设备上的图形用户界面,所述终端设备包括旋转感测器,所述旋转感测器感测所述柔性触控显示屏的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;所述图形用户界面由所述终端设备的处理器控制并实现:在所述旋转感测器感测到柔性触控显示屏旋转时,所述图形用户界面的用户界面坐标系根据旋转感测器感测到的旋转角度和旋转方向,按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随所述用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的坐标及每一图标上的内容的显示方向不变;在所述图形用户界面随所述用户界面坐标系旋转的过程中,所述图形用户界面的每个图标的显示属性还根据在所述旋转的图形用户界面上的实时显示位置进行调整。
一种图形用户界面调整方法,所述图形用户界面调整方法应用在具有柔性触控显示屏的终端设备上,所述终端设备包括旋转感测器,所述旋转感测器感测所述柔性触控显示屏的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;所述图形用户界面调整方法包括:获取所述旋转感测器感测的所述旋转角度和旋转方向;控制用户界面坐标系按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的坐标及每一图标上的内容的显示方向不变;在所述图形用户界面随所述用户界面坐标系旋转的过程中,确定每个图标在所述旋转的图形用户界面上的实时显示位置,并根据所述实时显示位置调整所述图标的显示属性。
本申请的终端设备的柔性触控显示屏显示一图形用户界面,所述图形用户界面上具有多个图标,每个图标通过相应的显示属性显示。所述处理器从而获取所述旋转感测器感测的实时旋转角度和旋转方向;根据所述旋转角度和所述旋转方向控制所述用户界面坐标系绕旋转且保持所述图形用户界面在所述用户界面坐标系内的布局不变,并控制所有图标在所述图标坐标系内的坐标及每一图标上的内容的显示方向不变。所述图形用户界面随所述用户界面坐标系旋转的过程中,确定每个图标在所述旋转的图形用户界面上的实时显示位置,并根据所述实时显示位置调整所述每个图标的显示属性,具有更动感的交互体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请一实施例中的终端设备的模块示意框图。
图2为本申请一实施例中的终端设备在完全展开后的正面示意图。
图3为本申请一实施例中的终端设备的折叠过程的立体示意图。
图4为本申请一实施例中的终端设备在完全折叠后的立体示意图。
图5为本申请一实施例中的终端设备在完全折叠后的侧面示意图。
图6为本申请一实施例中的终端设备在完全折叠后的背面示意图。
图7为本申请一实施例中的终端设备在完全折叠状态的第一旋转状态示意图。
图8为本申请一实施例中的终端设备在完全折叠状态的第二旋转状态示意图。
图9为本申请一实施例中的终端设备在完全折叠状态的第三旋转状态示意图。
图10为本申请一实施例中的终端设备在完全折叠状态的第四旋转状态示意图。
图11为本申请一实施例中的终端设备的图形用户界面控制方法的流程图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
请参阅图1,为本申请一实施例中的终端设备100的结构框图。所述终端设备100可以是但不限于手机、平板电脑、电子阅读器、穿戴式电子设备等,此处不做限定。所述终端设备100包括但不限于处理器10,以及分别与所述处理器10电性连接的存储器20、柔性触控显示屏30和旋转感测器40。本领域技术人员应当理解的是,所述图1仅是所述终端设备100的示例,并不构成对所述终端设备100的限定,所述终端设备100可以包括比图1所示更多或更少的部件,或者组合某些部件,或者不同的部件,例如所述终端设备100还可以包括输入输出设备、网络接入设备、数据总线等。
所述处理器10可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等,所述处理器是所述终端设备100的控制中心,利用各种接口和线路连接整个所述终端设备100的各个部分。
所述存储器20可用于存储所述计算机程序和/或模块,所述处理器10通过运行或执行存储在所述存储器20内的计算机程序和/或模块,以及调用存储在存储器20内的数据,实现所述终端设备100的各种功能。所述存储器20可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、多个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,所述存储器20可以包括高速随机存取存储器,还可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(SecureDigital,SD)卡,闪存卡(Flash Card)、多个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
请一并参考图2,所述柔性触控显示屏30具有折叠区31。所述柔性触控显示屏30能够沿所述折叠区31内的折叠线37折叠。可理解,本实施例中,所述折叠区31为两个。所述两个折叠区31设置在所述触控显示屏30的两侧上。请一并参考图3,所述柔性触控显示屏30沿着所述折叠区31划分为主屏33和两个辅屏35。所述两个辅屏35分别位于所述主屏33的两侧。请一并参考图4,当将所述两个辅屏35分别沿各自对应的所述折叠区31完全折叠后,所述两个辅屏35位于所述主屏33的背面。可理解,所述折叠区31的位置可根据实际需要设置,但需在出厂前设置好。所述两个辅屏35分别各自对应的所述折叠区31折叠至完全折叠状态时,所述折叠区31呈半圆形状。可理解,在其它实施例中,所述折叠区31可呈其它适合的形状。所述折叠区31的数量可以是一个或者多个,所述柔性触控显示屏30被相应的划分为主屏33和一个或者多个辅屏35。此处不做限制。
请一并参考图3和图4,本实施例中,所述柔性触控显示屏30在折叠状态下,所述两个辅屏35不能响应用户在其上的触控操作,只有所述主屏33响应用户在其上的触控操作。可理解,在其它实施例中,所述柔性触控显示屏30在折叠状态下,所述两个辅屏35也能响应用户在其上的触控操作。可理解,所述“折叠状态”是指所述辅屏35相对所述主屏33的折叠角度大于0度,其中,折叠角度为0度时,所述辅屏35和所述主屏33之间完全展开,折叠角度为180度时,所述辅屏35完全盖在所述主屏33上,折叠角度在大于0度小于180度的区间内时,均属于上述的折叠状态。其中,所述折叠角度可根据设置在所述折叠区31的角度感测器(图未示)获得。
请再次参考图1和图2,所述处理器10通过运行或执行存储在所述存储器20内的计算机程序和/或模块而控制所述柔性触控显示屏30显示一图形用户界面50。所述图形用户界面50是用户与所述终端设备100进行各种交互的窗口。所述图形用户界面50上具有多个图标51。具体地,请一并参考图3、图4、图5和图6,所述图形用户界面50对应所述主屏33的区域为主屏区域501,所述图形用户界面50对应每个辅屏35的区域为辅屏区域503,所述图形用户界面50对应每个折叠区31的区域为折叠区域505。优选地,请再次参考图2,所述图形用户界面50具有一显示带53。所述显示带53沿所述图形用户界面50的长度方向贯穿所述图形用户界面50,且所述显示带53的宽度小于所述图形用户界面50的宽度。进一步优选地,为了更好的视觉体验,所述显示带53沿所述图形用户界面50的宽度方向设置在所述图形用户界面50的大致中部靠上位置。具体地,所述多个图标51设置在所述显示带53内,并且,在任何情况下,所述多个图标51均位于所述显示带53内。所述多个图标51的形状分别为不同尺寸的圆形。可理解,在其它实施例中,所述多个图标51可呈其它适合的形状,例如,椭圆形,多边形,方形等,此处不做限制,具体根据实际需要设置。所述多个图标51中,尺寸较小的图标51簇拥在尺寸较大的图标51周围,所谓“尺寸较小”是指该图标的面积小于尺寸较大的图标的面积。所述多个图标51间隔大致均匀地设置在所述显示带53内。所述多个图标51均为安装在所述终端设备100的应用程序的显示图标,用户通过所述柔性触控显示屏30点选任意一个所述图标51,将启动所述图标51对应的应用程序。所述多个图标51可以是各种应用图标,例如通信应用图标,可以包括但不限于通话应用图标、短信应用图标和即时信息应用图标,所述即时信息应用图标可以包括但不限于:QQ应用图标、微信应用图标、微博应用图标等。
每个图标51通过相应的显示属性进行显示。所述显示属性包括但不限于显示大小、透明度和图标排列密度中的至少一种。其中,所述“显示大小”是指所述图标51在所述图形用户界面50上显示的显示面积,包括一固定尺寸及相对该固定尺寸缩放之后的相对尺寸,其中,该相对尺寸可比该固定尺寸大或小,取决于缩放尺寸相对固定尺寸是缩或放及缩/放的比率。例如,放大比率为20%的相对尺寸小于放大比率为50%的相对尺寸。所述“透明度”是指所述图标51在所述图形用户界面50显示的透明度,所述透明度为0%时,表明所述图标51没有透明,所述透明度为100%时,表明所述图标51完全透明。所述“图标排列密度”是指所述图形用户界面50上的某一区域内单位面积内排列的图标数,包括,所述主屏区域501内的图标排列密度,及所述辅屏区域503内的图标排列密度。
所述显示属性包括第一显示属性和第二显示属性。所述第一显示属性和第二显示属性分别包括但不限于显示大小、透明度和图标排列密度中的至少一种。所述处理器10控制位于所述图形用户界面50的所述主屏区域501内的图标51采用所述第一显示属性显示。所述处理器10控制位于所述图形用户界面50的所述辅屏区域503内的图标51采用所述第二显示属性显示。其中,所述第一显示属性基本保持一个恒定值。所述第二显示属性随着所述辅屏35向所述主屏33折叠的过程而变化。所述主屏33与所述辅屏35完全折叠时,所述第一显示属性和所述第二显示属性之间的差别最大且大于预设值。具体差别为:显示大小、透明度和图标排列密度不同。其中,所述第一显示属性的显示尺寸大、透明度小、图标排列密度小。所述第二显示属性的显示尺寸小、透明度大、图标排列密度大。所述柔性触控显示屏30展开的过程中,所述第二显示属性的属性值趋近于所述第一显示属性的属性值。所述柔性触控显示屏30完全展开时,所述第一显示属性和第二显示属性的属性值完全相同。
请一并参考图7,所述柔性触控显示屏30处于完全折叠状态。所述主屏33包括两个相对的长边和两个相对的短边。正常握持状态下,当两个长边位于所述主屏33的左右两侧时,所述主屏33处于竖屏状态,如图7所示状态;当两个长边处于所述主屏33的上下两侧时,所述主屏33处于横屏状态,如图10所示状态。为方便描述,定义图标坐标系200和用户界面坐标系300。所述图标坐标系200以所述显示带53的中心点为坐标原点,并从所述中心点向右延伸形成所述图标坐标系200的X轴,向上延伸形成所述图标坐标系200的Y轴。所述用户界面坐标系300以所述柔性触控显示屏30的左下角为坐标原点,并从所述坐标原点向横边延伸形成X轴,向竖边延伸形成Y轴。
所述终端设备100按照预定方向旋转时,所述旋转感测器40感测所述柔性终端设备100的实时旋转角度和旋转方向。可选择地,所述旋转感测器40感测所述终端设备100的旋转速度。具体地,在本实施例中,所述旋转感测器40为陀螺仪。可理解,在其它实施例中,所述旋转感测器40为其它适合的可以测量旋转角度、旋转方向和旋转速度的测量设备。
所述处理器10获取所述旋转感测器40感测的所述旋转角度和所述旋转方向,并根据所述旋转角度和所述旋转方向,控制所述用户界面坐标系300绕其坐标原点按照所述旋转方向旋转所述旋转角度,且控制所述图形用户界面50跟随所述用户界面坐标系300旋转而保持所述图形用户界面50在所述用户界面坐标系300内的布局不变。所述布局指所述图形用户界面50的边界上的各点在该用户界面坐标系300中的坐标值。可选择地,所述处理器10获取所述旋转速度,控制所述用户界面坐标系300绕其坐标原点的旋转速度。随着终端设备100的旋转,柔性触控显示屏30可由竖屏状态旋转至横屏状态,或由横屏状态旋转至竖屏状态。当所述柔性触控显示屏30由竖屏状态旋转至横屏状态时,所述处理器10控制所述图形用户界面50由竖屏显示切换为横屏显示。当所述柔性触控显示屏30从横屏状态旋转至竖屏状态时,所述处理器10控制所述图形用户界面50由横屏显示切换为竖屏显示。
所述处理器10控制所述用户界面坐标系300旋转的过程中,控制所述图标坐标系200不旋转,并控制所述显示带53和所述图形用户界面50的所有图标51在所述图标坐标系200中的坐标及每一图标上的内容的显示方向不变。
所述处理器10控制所述用户界面坐标系300绕其坐标原点按照所述旋转方向旋转所述旋转角度,且控制所述图形用户界面50跟随所述用户界面坐标系300旋转而保持所述图形用户界面50在所述用户界面坐标系300内的布局不变。此外,所述处理器10还确定所述图形用户界面50上的每个图标51在所述图形用户界面50旋转时在该旋转的图形用户界面50上的实时显示位置,并根据所述实时显示位置调整所述每个图标51的显示属性。
如图7所示,当所述柔性触控显示屏30处于完全折叠状态且竖屏状态时,所述图形用户界面50上的所述多个图标51分别分布在所述主屏区域501、辅屏区域503和折叠区域505上。
请一并参考图8、图9和图10,所述显示带53在所述图形用户界面50旋转的过程中在所述图标坐标系200中的坐标保持不变,当所述柔性触控显示屏30从竖屏状态逐渐旋转至横屏状态的过程中,所述主屏区域501与所述显示带53的重合面积增大,当所述柔性显示屏30处于横屏状态时,所述主屏区域501与所述显示带53的重合面积最大。当所述柔性显示屏30处于竖屏状态时,所述主屏区域501与所述显示带53的重合面积最低。由于所述图形用户界面50上的图标均显示在所述显示带53内,当所述柔性触控显示屏30从竖屏状态逐渐旋转至横屏状态的过程中,原来位于所述辅屏区域503和折叠区域505上的图标51随着所述主屏区域501与所述显示带53的重合面积的增加而逐渐进入所述主屏区域501内。待所述柔性触控显示屏30处于横屏状态时,所述图形用户界面50上的所有图标51均显示在所述主屏区域503上。
具体地,所述处理器10预先确定在所述主屏区域501内且所述图形用户界面50旋转预定角度后其实时显示位置仍在所述主屏区域501的所述图标51为第一目标图标,例如E图标,并控制所述第一目标图标按照所述第一显示属性显示。预定角度可以是5度,10度等,具有可根据实际需要设置,此处不做限制。
具体地,所述处理器10确定在所述辅屏区域503内且所述图形用户界面50旋转预定角度后其实时显示位置将不在所述辅屏区域503的所述图标51为第二目标图标,如B图标。在所述图形用户界面50继续旋转的过程中,所述处理器10控制所述第二目标图标从所述辅屏区域503流动至所述折叠区域505或者经所述折叠区域505流动至所述主屏区域501。在所述第二目标图标从所述辅屏区域503流动至所述折叠区域505时,所述处理器10根据所述第二目标图标的实时显示位置调整其显示属性。在所述第二目标图标继续从所述折叠区域505流向所述主屏区域501时,所述处理器10根据所述第二目标图标流向所述主屏区域501过程中的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第一显示属性,直到所述第二目标图标流动到所述主屏区域501时,所述第二目标图标的显示属性与所述第一显示属性一致。
所述柔性触控显示屏30由横屏状态转动到竖屏状态时,所述图形用户界面50上的所述多个图标51由所述主屏区域501分别流向所述主屏区域501、所述辅屏区域503和所述折叠区域505上。
具体地,所述处理器10确定在所述主屏区域501内且所述图形用户界面50旋转预定角度后其实时显示位置将不在所述主屏区域501的所述图标51为第三目标图标,如B图标。在所述图形用户界面50继续旋转的过程中,所述处理器10控制所述第三目标图标从所述主屏区域501流动至所述折叠区域505或者经所述折叠区域505流动至所述辅屏区域503。在所述第三目标图标从所述主屏区域501流动至所述折叠区域505时,所述处理器10根据所述第三目标图标的实时显示位置调整其显示属性。在所述第三目标图标继续从所述折叠区域505流向所述辅屏区域503时,所述处理器10根据所述第三目标图标流向所述辅屏区域503过程中的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第二显示属性,直到所述第三目标图标流动到所述辅屏区域503时,所述第三目标图标的显示属性与所述第二显示属性一致。
可理解,上述流动至折叠区域505,可以是所述图标51的圆周边缘与折叠区域505内的某个点重合,也可以是所述图标51的中心与所述折叠区域505内的某个点重合,具体可根据实际需要设置,此处不做限制。
可理解,在其它实施例中,所述柔性触控显示屏30在完全展开状态下做旋转时,所述图形用户界面50上的所述多个图标51的流动过程和显示属性与上述所述柔性触控显示屏30在折叠状态下的变化过程相同。
请参阅图11,为本申请一实施例中的图形用户界面控制方法的流程图。所述图形用户界面控制方法应用于前述的终端设备100中,执行顺序并不限于图11所示的顺序。所述终端设备100包括处理器10、柔性触控显示屏30和旋转感测器40,所述处理器10控制所述柔性触控显示屏30显示图形用户界面50,所述图形用户界面50上显示多个图标51,每个图标51通过相应的显示属性进行显示。所述显示属性包括但不限于显示大小、透明度和图标排列密度中的至少一种。所述旋转感测器40感测所述柔性触控显示屏的实时旋转角度和旋转方向。可选择地,所述旋转感测器40感测所述柔性触控显示屏的旋转速度。所述方法包括步骤:
步骤1101,获取所述旋转感测器40感测的实时旋转角度和旋转方向。具体地,所述处理器10获取所述旋转感测器40感测的所述旋转角度和旋转方向。可选择地,所述处理器10还获取所述旋转感测器40感测所述柔性触控显示屏的旋转速度。
步骤1102,根据所述旋转角度和所述旋转方向控制所述用户界面坐标系300绕旋转且控制所述图形用户界面50跟随所述用户界面坐标系300旋转而保持所述图形用户界面50在所述用户界面坐标系300内的布局不变,并控制所述图形用户界面50的所有图标51在所述图标坐标系200内的坐标及每一图标上的内容的显示方向不变。
具体地,所述处理器10根据所述旋转角度和所述旋转方向,控制所述用户界面坐标系300绕其坐标原点按照所述旋转方向旋转所述旋转角度,保持所述图形用户界面50在所述用户界面坐标系300内的布局不变,并控制所述显示带53和所述多个图标51相对所述图标坐标系200的坐标及每一图标上的内容的显示方向不变。
步骤1103,所述图形用户界面50随所述用户界面坐标系300旋转的过程中,确定每个图标51在所述旋转的图形用户界面50上的实时显示位置,并根据所述实时显示位置调整所述每个图标51的显示属性。
具体地,所述处理器10确定在所述主屏区域501内且所述图形用户界面50旋转预定角度后其实时显示位置仍在所述主屏区域501的所述图标51为第一目标图标,例如E图标,并控制所述第一目标图标按照所述第一显示属性显示。
具体地,所述处理器10确定在所述辅屏区域503内且所述图形用户界面50旋转预定角度后其实时显示位置将不在所述辅屏区域503的所述图标51为第二目标图标,如B图标。在所述图形用户界面50继续旋转的过程中,所述处理器10控制所述第二目标图标从所述辅屏区域503流动至所述折叠区域505或者经所述折叠区域505流动至所述主屏区域501。在所述第二目标图标从所述辅屏区域503流动至所述折叠区域505时,所述处理器10根据所述第二目标图标的实时显示位置调整其显示属性。在所述第二目标图标继续从所述折叠区域505流向所述主屏区域501时,所述处理器10在所述第二目标图标流向所述主屏区域501过程中的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第一显示属性,直到所述第二目标图标流动到所述主屏区域501时,所述第二目标图标的显示属性与所述第一显示属性一致。
具体地,所述处理器10确定在所述主屏区域501内且所述图形用户界面50旋转预定角度后其实时显示位置将不在所述主屏区域501的所述图标51为第三目标图标,如B图标。在所述图形用户界面50继续旋转的过程中,所述处理器10控制所述第三目标图标从所述主屏区域501流动至所述折叠区域505或者经所述折叠区域505流动至所述辅屏区域503。在所述第三目标图标从所述主屏区域501流动至所述折叠区域505时,所述处理器10根据所述第三目标图标的实时显示位置调整其显示属性。在所述第三目标图标继续从所述折叠区域505流向所述辅屏区域503时,所述处理器10根据所述第三目标图标流向所述辅屏区域503过程中的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第二显示属性,直到所述第三目标图标流动到所述辅屏区域503时,所述第三目标图标的显示属性与所述第二显示属性一致。
在一些实施例中,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有若干程序指令,所述若干程序指令供所述处理器10调用执行后,执行图11的任一方法步骤,从而获取所述旋转感测器40感测的实时旋转角度和旋转方向;根据所述旋转角度和所述旋转方向控制所述用户界面坐标系300绕旋转且保持所述图形用户界面50在所述用户界面坐标系300内的布局不变,并控制所有图标51在所述图标坐标系200内的坐标及每一图标上的内容的显示方向不变。所述图形用户界面50随所述用户界面坐标系300旋转的过程中,确定每个图标51在所述旋转的图形用户界面50上的实时显示位置,并根据所述实时显示位置调整所述每个图标51的显示属性。在一些实施例中,所述计算机存储介质即为所述存储器20,可为存储卡、固态存储器、微硬盘、光盘等任意可存储信息的存储设备。
本申请的终端设备100的柔性触控显示屏30显示一图形用户界面50,所述图形用户界面50上具有多个图标51,每个图标51通过相应的显示属性显示。所述处理器10从而获取所述旋转感测器40感测的实时旋转角度和旋转方向;根据所述旋转角度和所述旋转方向控制所述用户界面坐标系300绕旋转且保持所述图形用户界面50在所述用户界面坐标系300内的布局不变,并控制所有图标51在所述图标坐标系200内的坐标及每一图标上的内容的显示方向不变。所述图形用户界面50随所述用户界面坐标系300旋转的过程中,确定每个图标51在所述旋转的图形用户界面50上的实时显示位置,并根据所述实时显示位置调整所述每个图标51的显示属性。从而使得所述图标51在所述主屏区域501上接近所述折叠区域505的边缘时其图标51变小变密变透明,在所述辅屏区域503上接近所述折叠区域505的边缘时其图标51变大变疏变不透明,给用户一种更动感的交互体验。
需要说明的是,对于前述的各个方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某一些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详细描述的部分,可以参见其他实施例的相关描述。
本申请实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存取存储器(Random AccessMemory,简称RAM)等。
以上对本申请实施例进行了详细介绍,本文中应用了具体个例对本申请的原理及实施例进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施例及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (12)
1.一种终端设备,包括柔性触控显示屏和旋转感测器,所述旋转感测器感测所述终端设备 的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;其特征在于,所述柔性触控显示屏具有折叠区,所述折叠区将所述柔性触控显示屏划分为主屏和辅屏,所述图形用户界面对应所述主屏的区域为主屏区域,所述图形用户界面对应所述辅屏的区域为辅屏区域,所述图形用户界面对应所述折叠区的区域为折叠区域,所述显示属性包括第一显示属性和第二显示属性,所述终端设备还包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现:
控制位于所述主屏区域内的图标采用所述第一显示属性显示,所述处理器控制位于所述辅屏区域内的图标采用所述第二显示属性显示;
获取所述旋转感测器感测的所述旋转角度和旋转方向;
控制用户界面坐标系按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的坐标及每一图标上的内容的显示方向不变;
在所述图形用户界面随所述用户界面坐标系旋转的过程中,确定每个图标在所述旋转的图形用户界面上的实时显示位置,并根据所述实时显示位置调整所述图标的显示属性;
确定旋转前显示在所述辅屏区域内且旋转预定角度后实时显示位置将不在所述辅屏区域的所述图标为第二目标图标,并在所述第二目标图标从所述辅屏区域流动至所述折叠区域和/或主屏区域时,根据所述第二目标图标的实时显示位置调整其显示属性,使其显示属性值趋近所述第一显示属性,直到所述第二目标图标流动到所述主屏区域时,所述第二目标图标的显示属性与所述第一显示属性一致。
2.如权利要求1所述的终端设备,其特征在于,所述处理器执行所述计算机程序时实现:确定在所述主屏区域内且所述图形用户界面旋转预定角度后的实时显示位置仍在所述主屏区域的图标为第一目标图标,并控制所述第一目标图标按照所述第一显示属性显示。
3.如权利要求1所述的终端设备,其特征在于,所述处理器执行所述计算机程序时实现:确定在所述主屏区域内且所述图形用户界面旋转预定角度后其实时显示位置将不在所述主屏区域的所述图标为第三目标图标,并控制所述第三目标图标从所述主屏区域流动至所述折叠区域时,根据所述第三目标图标的实时显示位置调整其显示属性。
4.如权利要求3所述的终端设备,其特征在于,所述处理器执行所述计算机程序时实现:根据所述第三目标图标在向所述辅屏区域流动过程中根据所述第三目标图标的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第二显示属性,直到所述第三目标图标流动到所述辅屏区域时,所述第三目标图标的显示属性与所述第二显示属性一致。
5.一种具有柔性触控显示屏的终端设备上的图形用户界面,所述终端设备包括旋转感测器,所述旋转感测器感测所述柔性触控显示屏的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;其特征在于,所述柔性触控显示屏具有折叠区,所述折叠区将所述柔性触控显示屏划分为主屏和辅屏,所述图形用户界面对应所述主屏的区域为主屏区域,所述图形用户界面对应所述辅屏的区域为辅屏区域,所述图形用户界面对应所述折叠区的区域为折叠区域,所述显示属性包括第一显示属性和第二显示属性,所述图形用户界面由所述终端设备的处理器控制并实现:
控制位于所述主屏区域内的图标采用所述第一显示属性显示,控制位于所述辅屏区域内的图标采用所述第二显示属性显示;
在所述旋转感测器感测到柔性触控显示屏旋转时,所述图形用户界面的用户界面坐标系根据旋转感测器感测到的旋转角度和旋转方向,按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随所述用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的坐标及每一图标上的内容的显示方向不变;
在所述图形用户界面随所述用户界面坐标系旋转的过程中,所述图形用户界面的每个图标的显示属性还根据在所述旋转的图形用户界面上的实时显示位置进行调整;
确定旋转前显示在所述辅屏区域内且旋转预定角度后实时显示位置将不在所述辅屏区域的所述图标为第二目标图标,并在所述第二目标图标从所述辅屏区域流动至所述折叠区域和/或主屏区域时,根据所述第二目标图标的实时显示位置调整其显示属性,使其显示属性值趋近所述第一显示属性,直到所述第二目标图标流动到所述主屏区域时,所述第二目标图标的显示属性与所述第一显示属性一致。
6.如权利要求5所述的图形用户界面,所述图形用户界面由所述终端设备的处理器控制并实现:确定在所述主屏区域内且所述图形用户界面旋转预定角度后的实时显示位置仍在所述主屏区域的所述图标为第一目标图标,并控制所述第一目标图标按照所述第一显示属性显示。
7.如权利要求5所述的图形用户界面,其特征在于,所述图形用户界面由所述终端设备的处理器控制并实现:确定在所述主屏区域内且所述图形用户界面旋转预定角度后其实时显示位置将不在所述主屏区域的所述图标为第三目标图标,并控制所述第三目标图标从所述主屏区域流动至所述折叠区域时,根据所述第三目标图标的实时显示位置调整其显示属性。
8.如权利要求7所述的图形用户界面,其特征在于,所述图形用户界面由所述终端设备的处理器控制并实现:根据所述第三目标图标在向所述辅屏区域流动过程中根据所述第三目标图标的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第二显示属性,直到所述第三目标图标流动到所述辅屏区域时,所述第三目标图标的显示属性与所述第二显示属性一致。
9.一种图形用户界面调整方法,所述图形用户界面调整方法应用在具有柔性触控显示屏的终端设备上,所述终端设备包括旋转感测器,所述旋转感测器感测所述柔性触控显示屏的实时旋转角度和实时旋转方向,所述柔性触控显示屏显示图形用户界面,所述图形用户界面显示多个图标,每个图标通过相应的显示属性进行显示;其特征在于,所述柔性触控显示屏具有折叠区,所述折叠区将所述柔性触控显示屏划分为主屏和辅屏,所述图形用户界面对应所述主屏的区域为主屏区域,所述图形用户界面对应所述辅屏的区域为辅屏区域,所述图形用户界面对应所述折叠区的区域为折叠区域,所述显示属性包括第一显示属性和第二显示属性,所述图形用户界面调整方法包括:
控制位于所述主屏区域内的图标采用所述第一显示属性显示,控制位于所述辅屏区域内的图标采用所述第二显示属性显示;
获取所述旋转感测器感测的所述旋转角度和旋转方向;
控制用户界面坐标系按照所述旋转方向旋转所述旋转角度,并控制所述图形用户界面跟随用户界面坐标系旋转而保持所述图形用户界面在所述用户界面坐标系的布局不变,并控制所述图形用户界面的所有图标相对图标坐标系的布局及每一图标上的内容的显示方向不变;
在所述图形用户界面随所述用户界面坐标系旋转的过程中,确定每个图标在所述旋转的图形用户界面上的实时显示位置,并根据所述实时显示位置调整所述图标的显示属性;
确定旋转前显示在所述辅屏区域内且旋转预定角度后实时显示位置将不在所述辅屏区域的所述图标为第二目标图标,并在所述第二目标图标从所述辅屏区域流动至所述折叠区域和/或主屏区域时,根据所述第二目标图标的实时显示位置调整其显示属性,使其显示属性值趋近所述第一显示属性,直到所述第二目标图标流动到所述主屏区域时,所述第二目标图标的显示属性与所述第一显示属性一致。
10.如权利要求9所述的图形用户界面调整方法,其特征在于,所述图形用户界面调整方法包括:确定在所述主屏区域内且所述图形用户界面旋转预定角度后的实时显示位置仍在所述主屏区域的所述图标为第一目标图标,并控制所述第一目标图标按照所述第一显示属性显示。
11.如权利要求9所述的图形用户界面调整方法,其特征在于,所述图形用户界面调整方法包括:确定在所述主屏区域内且所述图形用户界面旋转预定角度后其实时显示位置将不在所述主屏区域的所述图标为第三目标图标,并控制所述第三目标图标从所述主屏区域流动至所述折叠区域时,根据所述第三目标图标的实时显示位置调整其显示属性。
12.如权利要求11所述的图形用户界面调整方法,其特征在于,所述图形用户界面调整方法包括:根据所述第三目标图标在向所述辅屏区域流动过程中根据所述第三目标图标的实时显示位置的变化,实时调整其显示属性,使其属性值趋近所述第二显示属性,直到所述第三目标图标流动到所述辅屏区域时,所述第三目标图标的显示属性与所述第二显示属性一致。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2017/119142 WO2019127158A1 (zh) | 2017-12-27 | 2017-12-27 | 终端设备及其图形用户界面以及图形用户界面的控制方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111448534A CN111448534A (zh) | 2020-07-24 |
CN111448534B true CN111448534B (zh) | 2022-03-29 |
Family
ID=67062831
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201780097425.0A Active CN111448534B (zh) | 2017-12-27 | 2017-12-27 | 终端设备及其图形用户界面以及图形用户界面的控制方法 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN111448534B (zh) |
WO (1) | WO2019127158A1 (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113383291A (zh) * | 2019-08-15 | 2021-09-10 | 深圳市柔宇科技股份有限公司 | 屏幕控制方法、柔性电子设备及计算机可读存储介质 |
CN115167616B (zh) * | 2022-06-07 | 2023-05-30 | 荣耀终端有限公司 | 显示控制方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101369210A (zh) * | 2008-08-22 | 2009-02-18 | 深圳华为通信技术有限公司 | 一种调整用户界面元素的方法及装置 |
CN104823134A (zh) * | 2012-10-05 | 2015-08-05 | 三星电子株式会社 | 柔性显示装置及柔性显示装置控制方法 |
CN105739813A (zh) * | 2014-12-29 | 2016-07-06 | 三星电子株式会社 | 用户终端设备及其控制方法 |
CN105843464A (zh) * | 2014-09-18 | 2016-08-10 | Lg电子株式会社 | 移动终端及其控制方法 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150253884A1 (en) * | 2014-03-04 | 2015-09-10 | Sung Jae Hwang | Determination of bezel area on flexible display |
KR20160013748A (ko) * | 2014-07-28 | 2016-02-05 | 엘지전자 주식회사 | 휴대 전자기기 및 그것의 제어방법 |
-
2017
- 2017-12-27 WO PCT/CN2017/119142 patent/WO2019127158A1/zh active Application Filing
- 2017-12-27 CN CN201780097425.0A patent/CN111448534B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101369210A (zh) * | 2008-08-22 | 2009-02-18 | 深圳华为通信技术有限公司 | 一种调整用户界面元素的方法及装置 |
CN104823134A (zh) * | 2012-10-05 | 2015-08-05 | 三星电子株式会社 | 柔性显示装置及柔性显示装置控制方法 |
CN105843464A (zh) * | 2014-09-18 | 2016-08-10 | Lg电子株式会社 | 移动终端及其控制方法 |
CN105739813A (zh) * | 2014-12-29 | 2016-07-06 | 三星电子株式会社 | 用户终端设备及其控制方法 |
Also Published As
Publication number | Publication date |
---|---|
CN111448534A (zh) | 2020-07-24 |
WO2019127158A1 (zh) | 2019-07-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107728901B (zh) | 界面显示方法、装置及终端 | |
US10331394B1 (en) | Manipulating shared screen content | |
US11138912B2 (en) | Dynamic screen modes on a bendable computing device | |
US20150227166A1 (en) | User terminal device and displaying method thereof | |
JP2019511029A (ja) | 表示方法および端末 | |
US20180011818A1 (en) | Webpage Update Method And Apparatus | |
KR101975049B1 (ko) | Ui 제어의 배경을 설정하는 방법 및 장치, 및 단말 | |
US20190012821A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
AU2021225277B2 (en) | Image cropping method and apparatus, and device and storage medium | |
CN110209326B (zh) | 一种截图方法、装置、折叠屏设备及存储介质 | |
CN107357501B (zh) | 桌面壁纸的更新方法、装置以及终端 | |
US20230325062A1 (en) | Method for adjusting interface display state, and electronic device | |
WO2020061783A1 (zh) | 可弯折电子设备及其界面适配方法 | |
CN111448534B (zh) | 终端设备及其图形用户界面以及图形用户界面的控制方法 | |
WO2018226989A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
EP3358453A1 (en) | Display device | |
WO2024088317A1 (zh) | 应用界面显示方法、装置、电子设备及存储介质 | |
WO2024021813A1 (zh) | 截屏方法、装置、电子设备以及存储介质 | |
CN116185248A (zh) | 一种视窗的显示方法以及相关设备 | |
CN111433721A (zh) | 终端设备及其图形用户界面以及图形用户界面的控制方法 | |
CN111124246B (zh) | 界面交互方法、设备及存储介质 | |
US9530183B1 (en) | Elastic navigation for fixed layout content | |
CN109085974B (zh) | 一种屏幕控制方法、***及终端设备 | |
CN111433724A (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 | ||
CB02 | Change of applicant information |
Address after: Building 43, Dayun software Town, No. 8288 Longgang Avenue, Henggang street, Longgang District, Shenzhen City, Guangdong Province Applicant after: Shenzhen Ruoyu Technology Co.,Ltd. Address before: Building 43, Dayun software Town, No. 8288 Longgang Avenue, Henggang street, Longgang District, Shenzhen City, Guangdong Province Applicant before: SHENZHEN ROYOLE TECHNOLOGIES Co.,Ltd. |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |