CN103970436A - 在电子设备的屏幕上进行显示的方法和装置 - Google Patents
在电子设备的屏幕上进行显示的方法和装置 Download PDFInfo
- Publication number
- CN103970436A CN103970436A CN201310033308.1A CN201310033308A CN103970436A CN 103970436 A CN103970436 A CN 103970436A CN 201310033308 A CN201310033308 A CN 201310033308A CN 103970436 A CN103970436 A CN 103970436A
- Authority
- CN
- China
- Prior art keywords
- interface element
- image
- screen
- scaling
- user interface
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明的各实施方式提供了在电子设备的屏幕上进行显示的方法和装置。在本发明的一个实施方式中,提供了一种在电子设备的屏幕上进行显示的方法,包括:读取将在屏幕上显示的用户界面中的至少一个界面元素的图像;基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型;在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。在本发明的一个实施方式中,提供了一种在电子设备的屏幕上进行显示的装置。
Description
技术领域
本发明的各实施方式涉及图像处理,更具体地,涉及用于在电子设备的屏幕上进行显示的方法和装置。
背景技术
随着计算机硬件技术的发展,目前已经设计出具有各种屏幕尺寸的电子设备,例如,大到数十英寸的液晶显示器,小到几英寸的便携式终端。面对屏幕大小如此悬殊的电子设备,如何确保在各个电子设备上都能显示适合于屏幕尺寸的界面图像,这已经成为目前的一个研究热点。
仅以便携式终端为例,诸如移动电话、个人数字助理等电子设备的屏幕的分辨率可以是240×320像素(横向×纵向)、720×1280像素或者其他数值。由于不同屏幕具有不同的像素比(例如,240∶320=3∶4,720∶1280=9∶16),因而如果针对具有不同分辨率的电子设备提供相同的界面图像,则在全屏显示界面图像时不可避免地会出现界面图像的拉伸或挤压等变形。
针对这一问题,为了在分辨率不同的屏幕上以较好的视觉效果呈现应用的界面,通常需要针对具有不同分辨率的显示器提供相应的界面图像。例如,对于分辨率为320×240像素的电子设备,提供的用户界面可以包括分辨率为320×240像素的背景图像、分辨率为160×120像素的对话框图像、分辨率为60×30的按钮图像;又例如,对于分辨率为720×1280像素的电子设备,提供的用户界面可以包括分辨率为720×1280像素的背景图像、以及具有其他适合像素数的对话框图像和按钮图像。
尽管提供多套界面图像可以在一定程度上解决界面图像被拉伸或挤压的问题,然而,这大大增加了界面设计者和制作者的工作负担。界面设计者和制作者需要收集主流电子设备的屏幕分辨率,并针对每个界面元素输出具有不同分辨率的图像。
另外,还应当注意,由于不同的电子设备的操作系统可以有所不同(例如,安卓系统和IOS系统),应用设计者在开发应用时通常会开发针对不同操作系统的应用版本。在此情况下,考虑到操作系统类型以及电子设备的屏幕分辨率的不同,应用安装包中的内容将会变得更加复杂。
发明内容
因而,期望提供一种能够基于电子设备的屏幕分辨率来自适应地显示界面图像的技术方案,并且期望该技术方案可以在无需针对电子设备进行人工配置的情况下自动实现。
在本发明的一个实施方式中,提供了一种在电子设备的屏幕上进行显示的方法,包括:读取将在屏幕上显示的用户界面中的至少一个界面元素的图像;基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型;在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。
在本发明的一个实施方式中,基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型包括:将控件类型为等比显示的界面元素的图像分类为第一类型;以及将控件类型为浮动显示的界面元素的图像分类为第二类型。
在本发明的一个实施方式中,进一步包括:基于被分类为第二类型的界面元素的图像与用户界面的待显示边界之间的位置关系,对被分类为第二类型的界面元素的图像进行显示。
在本发明的一个实施方式中,提供了一种在电子设备的屏幕上进行显示的装置,包括:读取模块,配置用于读取将在屏幕上显示的用户界面中的至少一个界面元素的图像;分类模块,配置用于基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型;第一显示模块,配置用于在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。
在本发明的一个实施方式中,分类模块包括:第一分类模块,配置用于将控件类型为等比显示的界面元素的图像分类为第一类型;以及第二分类模块,配置用于将控件类型为浮动显示的界面元素的图像分类为第二类型。
在本发明的一个实施方式中,进一步包括:第二显示模块,配置用于基于被分类为第二类型的界面元素的图像与用户界面的待显示边界之间的位置关系,对被分类为第二类型的界面元素的图像进行显示。
根据本发明的实施方式,可以基于电子设备的屏幕分辨率来自适应地显示界面图像的技术方案,可以在无需针对电子设备进行人工配置的情况下自动实现;另外,还可以更加充分有效地利用电子设备的屏幕中的潜在可用空间。
附图说明
结合附图并参考以下详细说明,本发明各实施方式的特征、优点及其他方面将变得更加明显,在此以示例性而非限制性的方式示出了本发明的若干实施方式。在附图中:
图1示意性示出了适于实现本发明实施方式的示例性电子设备的框图;
图2示意性示出了用于在电子设备的屏幕上进行显示的用户界面的示意图;
图3示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示的方法的流程图;
图4A和4B分别示意性示出了根据本发明的实施方式的在电子设备的屏幕上显示的用户界面的示意图;
图5A和5B分别示意性示出了根据本发明的实施方式的在电子设备的屏幕上显示的用户界面的示意图;
图6示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示时所涉及的数据结构的示意图;以及
图7示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示的装置的框图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示意性示出了适于实现本发明实施方式的示例性电子设备的框图。然而,应当理解,所示出以及在此后描述的电子设备仅仅是适于用来实现本发明实施方式的电子设备的示范,因此,不应用来限制本发明的范围。电子设备诸如移动电话、个人数字助理(PDA)、平板电脑、移动电视、游戏设备、膝上型电脑、照相机、录像机、GPS设备等等。此外,应该理解,非移动电子设备也可以适于用来实现本发明的实施方式。在下文中,仅以移动终端10为示例来阐明本发明的实施方式。
移动终端10包括天线12,其可与发射机14和接收机16进行通信。移动终端10还包括控制器20,其分别提供去往发射机14的信号和接收来自接收机16的信号。信号包括按照适当空中接口标准的信令信息,并且还包括文本、语音和/或视频。移动终端10能够利用一个或多个空中接口标准来进行操作。作为示范,移动终端10能够根据第一代、第二代、第三代和/或第四代蜂窝通信系统协议中的任何协议来进行操作。例如,移动终端10能够按照第二代(2G)无线通信协议IS-136((时分多址)TDMA)、GSM(全球移动通信系统)或IS-95((码分多址)CDMA)来进行操作;或者按照诸如通用移动电信系统(UMTS)、CDMA2000、宽带CDMA(WCDMA)或时分-同步CDMA(TD-SCDMA)的第三代(3G)无线通信协议来进行操作;或者按照第四代(4G)无线通信协议来进行操作。移动终端10还可以包括用来实现近场通信的接口18,例如射频(RF)、蓝牙(BT)、红外(IrDA)接口。控制器20也提供去往接口18的信号和接收来自接口18的信号。应该理解,控制器20包括用于实现移动终端10的功能所需的装置,诸如电路。例如,控制器20可以包括数字信号处理器、微处理器以及各种模数转换器、数模转换器和其他支持电路。移动终端10的控制和信号处理功能按照这些设备各自的能力在其间分配。控制器20还可以包括在调制和传输之前对消息进行卷积编码和交织的功能。控制器20还可以包括内部声音编码器,并且可以包括内部数据调制解调器。此外,控制器20可以包括对可以存储在存储器中的一个或多个软件程序进行操作的功能。例如,控制器20能够操作连接程序,诸如Web浏览器。连接程序可以允许移动终端10例如按照无线应用协议(WAP)、超文本传输协议(HTTP)等来发送和接收Web内容。
移动终端10还可以包括输出设备以及用户输入设备,所有这些设备都耦合至控制器20。输出设备包括例如传统的耳机或者扬声器24、显示器28等。用户输入设备包括麦克风26、允许移动终端10接收数据的用户输入设备,其可以包括小键盘30、触摸屏28(其也充当显示器)等。在包括小键盘30的实施方式中,小键盘30可以包括传统的数字键(0-9)和相关键(#、*)等。备选地,小键盘30可以包括传统的QWERTY小键盘布置。此外或者备选地,移动终端10可以包括诸如操纵杆的用户输入设备。
移动终端10还包括电池34,诸如振动电池组,用于为操作移动终端10所需的各种电路供电。移动终端10还可以由补充电源44供电。补充电源44可以向移动终端10直接供电。补充电源44还可以通过对电池34充电而间接地向移动终端10供电,而电池34直接向移动终端10供电。由此,在某些实施方式中,即使移动终端10连接至补充电源44,移动终端10可以并不操作,直到电池34从补充电源44接收到了充分的电荷。此外,补充电源44可以从移动终端10移除,以允许移动终端10的无拘束的移动性。当补充电源44以物理方式或者电气方式被移除或者断开时,电池34可以是移动终端10的独有电源。
移动终端10的控制器20可以包括检测电池34的电池水平的功能和/或电路。电池水平可以是针对电池34的剩余电量或者剩余时间的任意指示。当考虑是否执行各种操作时,控制器20可以使用电池水平。控制器20还可以检测移动终端10是否连接至补充电源44。控制器20可以经由例如对控制器20的输入,直接检测补充电源的连接。
移动终端10还可以包括毛笔字实时仿真装置36。毛笔字仿真装置36可以是以硬件、软件或者硬件和软件结合实现的任意装置、设备或者电路,其能够在移动终端10上对用户输入到移动终端10的轨迹进行毛笔字仿真。
在下面的实施方式中,假定毛笔字仿真装置36是存储于存储器中并且由移动终端10的控制器20执行的软件应用。下面将会对毛笔字仿真应用36进行进一步地描述。
移动终端10还可以包括定位传感器37。定位传感器37可以是任何形式的用于定位移动终端10的位置的装置、设备或者电路,诸如与控制器20通信的全球定位系统(GPS)模块。
定位传感器37能够确定移动终端10的位置,例如移动终端10的经度、纬度、以及海拔。来自定位传感器37的信息可以被传递至移动终端10的存储器,以便作为定位历史或者位置信息而存储。另外,定位传感器37能够利用控制器20来经由发射机14/接收机16来发送/接收位置信息(移动终端10的位置)。
移动终端10还可以包括用户身份模块(UIM)38。UIM38通常是具有内置处理器的存储器设备。UIM38例如可以包括订户身份模块(SIM)、通用集成电路卡(UICC)、通用订户身份模块(USIM)、可移除用户身份模块(R-UIM)等。UIM38通常存储与移动订户相关的信息。除了UIM38之外,移动终端10还可以装备有其他存储器。例如,移动终端10可以包括易失性存储器40,例如包括用于数据临时存储的高速缓存区域的易失性随机存取存储器(RAM)。移动终端10还可以包括非易失性存储器42,其可以是嵌入式的和/或可移除的。非易失性存储器42可以是电可擦除可编程只读存储器(EEPROM)、闪存等。根据本发明的一个实施方式,毛笔字仿真应用36存储在非易失性存储器42中。
所属技术领域的技术人员知道,本发明可以实现为系统、方法或计算机程序产品。因此,本公开可以具体实现为以下形式,即:可以是完全的硬件、也可以是完全的软件(包括固件、驻留软件、微代码等),还可以是硬件和软件结合的形式,本文一般称为“电路”、“模块”或“系统”。此外,在一些实施方式中,本发明还可以实现为在一个或多个计算机可读介质中的计算机程序产品的形式,该计算机可读介质中包含计算机可读的程序代码。
下面将参照本发明实施方式的方法、装置(系统)和计算机程序产品的流程图和/或框图描述本发明。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机程序指令实现。这些计算机程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,从而生产出一种机器,这些计算机程序指令通过计算机或其他可编程数据处理装置执行,产生了实现流程图和/或框图中的方框中规定的功能/操作的装置。
也可以把这些计算机程序指令存储在能使得计算机或其他可编程数据处理装置以特定方式工作的计算机可读介质中,这样,存储在计算机可读介质中的指令就产生出一个包括实现流程图和/或框图中的方框中规定的功能/操作的指令装置(instruction means)的制造品(manufacture)。
在本发明的一个实施方式中,针对具有不同分辨率的电子设备,可以仅提供一套统一的用户界面的图像,并且当在不同电子设备上进行显示时,可以基于电子设备的分辨率来适应性地调整用户界面中的各个界面元素的显示尺寸,以便获得较好的视觉效果。
应当注意,在确定所提供用户界面图像中各个界面元素的分辨率时,可以考虑现有电子设备的分辨率。例如,可以提供用于在分辨率为720×960的电子设备上显示的用户界面,并且可以将其调整用于在具有其他分辨率的电子设备上进行显示。尽管在显示过程中可能会出现缩放,然而,本发明采用等比缩放的方式进行显示,不会出现界面的横纵比失真的情况。
图2示意性示出了用于在电子设备的屏幕上进行显示的用户界面的示意图200。应当注意,在本发明的上下文中,在屏幕上显示用户界面时,是通过显示用户界面中所包括的各个界面元素的图像来实现的。图2中仅仅示意性示出了用户界面中可能包括的界面元素,例如包括:背景图像220和对话框222、提示窗口212、按钮214和216,等等。应当注意,在用户界面200中还可以包括一个或者多个其他的界面元素,例如,文本框、图像框、单选框、复选框、滚动条、列表、表格等等其他内容。
在本发明的一个实施方式中,可以针对用户界面中的界面元素进行分类,例如,对于用户界面中的内容元素(诸如,背景图像、对话框、文本等),这些元素通常位于用户界面的中心区域,因而可以采用等比缩放的方式进行显示;对于用户界面中的导航元素(诸如,提示窗口、前进、后退等导航键,等),这些元素通常位于用户界面的周边区域,并且这些导航元素的显示通常可以独立于内容元素。在提供用户界面时,可以针对界面元素的图像进行分类以便在显示时可以进行区分。
具体地,在本发明的一个实施方式中,一种在电子设备的屏幕上进行显示的方法,包括:读取将在屏幕上显示的用户界面中的至少一个界面元素的图像;基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型;在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。
图3示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示的方法的流程图300。首先,在步骤S302中,读取将在屏幕上显示的用户界面中的至少一个界面元素的图像。应当注意,可以在电子设备中启动应用时执行此步骤,还可以在用户使用过程中随着将被显示的界面元素的改变而实时地读取将被显示的界面元素的图像。
在步骤S304中,基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型。在本发明的一个实施方式中,在提供应用时可以已经根据与不同界面元素相关联的空间类型而采用预定义标识符标记了各个图像,因而此时可以根据标识符来区别界面元素的图像的类型。
在步骤S306中,在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。在此实施方式中,针对界面元素进行等比缩放并显示,因而可以避免出现当电子设备的屏幕分辨率的像素比与所提供用户界面的像素比不一致时可能出现的非等比拉伸或者挤压的问题。
在本发明的一个实施方式中,基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型包括:将控件类型为等比显示的界面元素的图像分类为第一类型;以及将控件类型为浮动显示的界面元素的图像分类为第二类型。
在提供用户界面时,例如可以将用户界面中的内容元素标记为等比显示,因而在不同电子设备上进行显示时,可以将这些位于界面中心区域的内容进行等比显示,从而保证原始显示比例以及各个界面元素之间的相对位置关系。又例如,可以将用户界面中的导航元素标记为浮动显示,从而不必在用户界面中的原始位置显示这些界面元素,而是可以将这些界面元素显示在不遮挡用户界面中其他内容的区域。
在本发明的一个实施方式中,缩放比例是将用户界面完整地显示在屏幕内的缩放比例。应当注意,在本发明的实施方式中采用等比显示,因而缩放比例需要保证在横向和纵向两个方向都能在电子设备的屏幕中显示经过等比缩放的用户界面。
例如,所提供的用户界面的分辨率为720×960(像素比为3∶4),当需要在分辨率为360×480(像素比为3∶4)的电子设备上进行显示时,缩放比例可以设置为0.5,此时恰好可以在终端设备上进行显示。又例如,当需要在分辨率为360×640(像素比为9∶16)的电子设备上进行显示时,缩放比例至多可以设置为0.5,否则在电子设备的横向上将不能完整地显示用户界面。
在本发明的一个实施方式中,在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示包括:获取用户界面的分辨率;响应于用户界面的分辨率的像素比与屏幕分辨率的像素比不一致,在屏幕上利用条带填充所显示的被分类为第一类型的界面元素的图像以外的区域。
继续上文的示例,当用户界面的分辨率为720×960(像素比为3∶4),而电子装置的分辨率为720×1280(像素比为9∶16)时,由于两者的像素比不一致,因而可以在屏幕上利用条带填充用户界面以外的区域。具体地,图4A示意性示出了根据本发明的实施方式的在电子设备的屏幕上显示的用户界面的示意图400A。在此实施方式中,可以在用户界面的上下两侧采用条带来填充用户界面以外的区域。可以采用彩色条带来进行填充,或者为了与用户界面的图案相一致,还可以采用包括与背景图像相一致的图像的条带来进行填充。在本发明的一个实施方式中,可以在横向和纵向两个方向利用条带进行填充。例如,4B示意性示出了根据本发明的实施方式的在电子设备的屏幕上显示的用户界面的示意图400B。
在本发明的一个实施方式中,缩放比例小于或者等于预定阈值。可能存在如下情况,显示器的分辨率远远大于用户界面的分辨率,此时如果以满足上述条件的最大缩放比例进行缩放时,很可能会出现用户界面被拉伸到过大尺寸而造成失真的情况。为了避免出现因过度拉伸造成的失真,可以设置缩放比例的最大阈值(例如,设置为2)。当显示器的分辨率远远大于用户界面的分辨率时,可以基于最大阈值来拉伸用户界面,并且利用如图4A或4B所示的方式在用户界面周围进行填充。
在本发明的一个实施方式中,进一步包括:基于被分类为第二类型的界面元素的图像与用户界面的待显示边界之间的位置关系,对被分类为第二类型的界面元素的图像进行显示。例如,被分类为第二类型的界面元素的图像与用户界面的待显示边界之间的位置关系可以定义为,保持第二类型的界面元素的图像与用户界面的待显示边界之间的距离保持恒定。此时,对于图2所示的提示窗口212、按钮214和216,可以保持将提示窗口212紧挨屏幕的上边缘显示,可以保持将按钮214和216紧挨屏幕的下边缘显示,如图5A和图5B所示,其分别示意性示出了根据本发明的实施方式的在电子设备的屏幕上显示的用户界面的示意图500A和500B。
在本发明的一个实施方式中,被分类为第二类型的界面元素的图像被显示在条带上(如图5A和图5B所示)。以此方式,不仅可以在屏幕的中心区域中显示例如背景图像、对话框等数据元素,还可以将诸如提示窗口、导航键等导航元素显示在屏幕上侧或者下侧的条带区域中。将导航元素移至屏幕的边缘区域可以避免在用户界面中重叠显示时可能出现的遮挡;另一方面,还可以充分利用填充条带的空间,并且将条带与用户界面更好地融为一体,进而提供更好的用户体验。
另外,将导航元素显示在条带上还可以将导航功能的触发区域区别于数据元素的显示区域,这有助于用户更准确地进行操作,用户可以在更大的空间内执行输入等操作,避免出现用户不小心对其他按钮进行误操作的情况。例如,当用户激活输入法后,可以在屏幕下方的条带内(或者部分地在条带内)显示软键盘,此时软键盘不会重叠在用户界面上,因而不会对用户界面中的文字或者图形进行遮挡,还有助于用户提高用户输入的准确性。
应当注意,尽管在本发明的实施方式中采用提示窗口、导航键等作为第二类型的界面元素的示例,本领域技术人员还可以将其他诸如按钮、滚动条等与内容元素相对独立的其他界面元素分类为第二类型的界面元素。
在本发明的一个实施方式中,在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示包括:基于被分类为第一类型的界面元素的图像与用户界面之间的位置关系,定位被分类为第一类型的界面元素的图像。
在此实施方式中,第一类型的界面元素的图像与用户界面之间的位置关系保持不变。例如,在图5A中,背景图像220和对话框222属于第一类型的界面元素的图像,尽管他们的大小可以被等比缩放,然而220和222之间的位置关系保持不变。
图6示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示时所涉及的数据结构的示意图600。为了更方便地管理第二类型的界面元素,可以依照各个界面元素的显示顺序来建立树状数据结构。例如,对于图2所示的用户界面中的视觉效果,背景图像220被首先显示,继而在其上叠加对话框222(即,显示顺序为背景图像220-对话框222)。在此实施方式中,可以建立如图6所示的数据结构。其中,根节点610表示第二类型的界面元素的根节点,按照显示顺序,背景节点620和对话框节点630分别是不同层级的子节点。
基于图6所示的数据结构,在显示第二类型的界面元素时,针对根节点进行缩放操作,则可以自动地对其中的各个子节点进行操作,因而避免了逐个针对每个界面元素进行缩放的繁琐步骤。
图7示意性示出了根据本发明一个实施方式的在电子设备的屏幕上进行显示的装置的框图700。具体地,提供了一种在电子设备的屏幕上进行显示的装置,包括:读取模块710,配置用于读取将在屏幕上显示的用户界面中的至少一个界面元素的图像;分类模块720,配置用于基于与至少一个界面元素的图像相关联的控件类型,将至少一个界面元素的图像分类为第一类型和第二类型;第一显示模块730,配置用于在屏幕上,基于缩放比例而至少对被分类为第一类型的界面元素的图像进行显示,其中缩放比例与电子设备的屏幕分辨率和用户界面的分辨率相关联,缩放比例针对界面元素的横向和纵向的缩放比例相同。
在本发明的一个实施方式中,分类模块710包括:第一分类模块,配置用于将控件类型为等比显示的界面元素的图像分类为第一类型;以及第二分类模块,配置用于将控件类型为浮动显示的界面元素的图像分类为第二类型。
在本发明的一个实施方式中,缩放比例是将用户界面完整地显示在屏幕内的缩放比例。
在本发明的一个实施方式中,包括:第二显示模块,配置用于基于被分类为第二类型的界面元素的图像与用户界面的待显示边界之间的位置关系,对被分类为第二类型的界面元素的图像进行显示。
在本发明的一个实施方式中,第一显示模块730包括:定位模块,配置用于基于被分类为第一类型的界面元素的图像与用户界面之间的位置关系,定位被分类为第一类型的界面元素的图像。
在本发明的一个实施方式中,第一显示模块730进一步包括:获取模块,配置用于获取用户界面的分辨率;填充模块,配置用于响应于用户界面的分辨率的像素比与屏幕分辨率的像素比不一致,在屏幕上利用条带填充所显示的被分类为第一类型的界面元素的图像以外的区域。
在本发明的一个实施方式中,进一步包括:条带模块,配置用于被分类为第二类型的界面元素的图像被显示在条带上。
在本发明的一个实施方式中,缩放比例小于或者等于预定阈值。
附图中的流程图和框图显示了根据本发明的多个实施方式的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施方式,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施方式。在不偏离所说明的各实施方式的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施方式的原理、实际应用或对市场中的技术的技术改进,或者使本技术领域的其他普通技术人员能理解本文披露的各实施方式。
Claims (16)
1.一种在电子设备的屏幕上进行显示的方法,包括:
读取将在所述屏幕上显示的用户界面中的至少一个界面元素的图像;
基于与所述至少一个界面元素的图像相关联的控件类型,将所述至少一个界面元素的图像分类为第一类型和第二类型;
在所述屏幕上,基于缩放比例而至少对被分类为所述第一类型的界面元素的图像进行显示,
其中所述缩放比例与所述电子设备的屏幕分辨率和所述用户界面的分辨率相关联,所述缩放比例针对界面元素的横向和纵向的缩放比例相同。
2.根据权利要求1所述的方法,其中基于与所述至少一个界面元素的图像相关联的控件类型,将所述至少一个界面元素的图像分类为第一类型和第二类型包括:
将控件类型为等比显示的界面元素的图像分类为第一类型;以及
将控件类型为浮动显示的界面元素的图像分类为第二类型。
3.根据权利要求1所述的方法,其中所述缩放比例是将所述用户界面完整地显示在所述屏幕内的缩放比例。
4.根据权利要求1-3中的任一项所述的方法,进一步包括:
基于被分类为所述第二类型的界面元素的图像与所述用户界面的待显示边界之间的位置关系,对被分类为所述第二类型的界面元素的图像进行显示。
5.根据权利要求1-3中的任一项所述的方法,其中在所述屏幕上,基于缩放比例而至少对被分类为所述第一类型的界面元素的图像进行显示包括:
基于被分类为所述第一类型的界面元素的图像与所述用户界面之间的位置关系,定位被分类为所述第一类型的界面元素的图像。
6.根据权利要求5所述的方法,其中在所述屏幕上,基于缩放比例而至少对被分类为所述第一类型的界面元素的图像进行显示包括:
获取所述用户界面的分辨率;
响应于所述用户界面的分辨率的像素比与所述屏幕分辨率的像素比不一致,在所述屏幕上利用条带填充所显示的被分类为所述第一类型的界面元素的图像以外的区域。
7.根据权利要求6所述的方法,进一步包括:
将被分类为所述第二类型的界面元素的图像显示在所述条带上。
8.根据权利要求1-3中的任一项所述的方法,其中所述缩放比例小于或者等于预定阈值。
9.一种在电子设备的屏幕上进行显示的装置,包括:
读取模块,配置用于读取将在所述屏幕上显示的用户界面中的至少一个界面元素的图像;
分类模块,配置用于基于与所述至少一个界面元素的图像相关联的控件类型,将所述至少一个界面元素的图像分类为第一类型和第二类型;
第一显示模块,配置用于在所述屏幕上,基于缩放比例而至少对被分类为所述第一类型的界面元素的图像进行显示,
其中所述缩放比例与所述电子设备的屏幕分辨率和所述用户界面的分辨率相关联,所述缩放比例针对界面元素的横向和纵向的缩放比例相同。
10.根据权利要求9所述的装置,其中所述分类模块包括:
第一分类模块,配置用于将控件类型为等比显示的界面元素的图像分类为第一类型;以及
第二分类模块,配置用于将控件类型为浮动显示的界面元素的图像分类为第二类型。
11.根据权利要求9所述的装置,其中所述缩放比例是将所述用户界面完整地显示在所述屏幕内的缩放比例。
12.根据权利要求9-11中的任一项所述的装置,进一步包括:
第二显示模块,配置用于基于被分类为所述第二类型的界面元素的图像与所述用户界面的待显示边界之间的位置关系,对被分类为所述第二类型的界面元素的图像进行显示。
13.根据权利要求9-11中的任一项所述的装置,其中所述第一显示模块包括:
定位模块,配置用于基于被分类为所述第一类型的界面元素的图像与所述用户界面之间的位置关系,定位被分类为所述第一类型的界面元素的图像。
14.根据权利要求13所述的装置,其中所述第一显示模块进一步包括:
获取模块,配置用于获取所述用户界面的分辨率;
填充模块,配置用于响应于所述用户界面的分辨率的像素比与所述屏幕分辨率的像素比不一致,在所述屏幕上利用条带填充所显示的被分类为所述第一类型的界面元素的图像以外的区域。
15.根据权利要求14所述的装置,进一步包括:
条带模块,配置用于被分类为所述第二类型的界面元素的图像被显示在所述条带上。
16.根据权利要求9-11中的任一项所述的装置,其中所述缩放比例小于或者等于预定阈值。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310033308.1A CN103970436A (zh) | 2013-01-25 | 2013-01-25 | 在电子设备的屏幕上进行显示的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310033308.1A CN103970436A (zh) | 2013-01-25 | 2013-01-25 | 在电子设备的屏幕上进行显示的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103970436A true CN103970436A (zh) | 2014-08-06 |
Family
ID=51240007
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310033308.1A Pending CN103970436A (zh) | 2013-01-25 | 2013-01-25 | 在电子设备的屏幕上进行显示的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103970436A (zh) |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108427596A (zh) * | 2018-03-15 | 2018-08-21 | 上海哔哩哔哩科技有限公司 | 移动终端应用界面视图分辨率匹配方法、装置及存储介质 |
CN108513158A (zh) * | 2017-02-27 | 2018-09-07 | 上海谦问万答吧云计算科技有限公司 | 一种在线答疑内容的播放方法及装置 |
CN108647069A (zh) * | 2018-04-16 | 2018-10-12 | 腾讯科技(深圳)有限公司 | 界面显示方法和装置、存储介质及电子装置 |
CN110162367A (zh) * | 2019-05-10 | 2019-08-23 | 上海莉莉丝科技股份有限公司 | 用户界面自适应配置的方法、系统、设备和介质 |
CN111045764A (zh) * | 2019-11-18 | 2020-04-21 | 北京金山安全软件有限公司 | 一种界面适配方法、装置、电子设备及存储介质 |
CN111124473A (zh) * | 2018-10-31 | 2020-05-08 | 成都鼎桥通信技术有限公司 | 一种基于专网终端类型生成apk的方法和装置 |
CN111722823A (zh) * | 2019-03-22 | 2020-09-29 | 北京三好互动教育科技有限公司 | 自适应屏幕分辨率的方法、装置、存储介质及电子设备 |
CN111788554A (zh) * | 2018-02-28 | 2020-10-16 | 微软技术许可有限责任公司 | 跨显示屏的自适应界面转换 |
CN114281458A (zh) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | 一种程序界面的局部缩放方法及装置 |
WO2024066976A1 (zh) * | 2022-09-30 | 2024-04-04 | 华为技术有限公司 | 控件显示方法及电子设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1746843A (zh) * | 2004-09-08 | 2006-03-15 | 英业达股份有限公司 | 视窗及其图标设定系统及方法 |
CN1916900A (zh) * | 2006-08-30 | 2007-02-21 | 田园 | 一种浏览网页的方法 |
CN102103456A (zh) * | 2009-12-18 | 2011-06-22 | 联想(北京)有限公司 | 一种展现窗口中的元素的方法及装置 |
-
2013
- 2013-01-25 CN CN201310033308.1A patent/CN103970436A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1746843A (zh) * | 2004-09-08 | 2006-03-15 | 英业达股份有限公司 | 视窗及其图标设定系统及方法 |
CN1916900A (zh) * | 2006-08-30 | 2007-02-21 | 田园 | 一种浏览网页的方法 |
CN102103456A (zh) * | 2009-12-18 | 2011-06-22 | 联想(北京)有限公司 | 一种展现窗口中的元素的方法及装置 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108513158A (zh) * | 2017-02-27 | 2018-09-07 | 上海谦问万答吧云计算科技有限公司 | 一种在线答疑内容的播放方法及装置 |
CN111788554A (zh) * | 2018-02-28 | 2020-10-16 | 微软技术许可有限责任公司 | 跨显示屏的自适应界面转换 |
CN108427596B (zh) * | 2018-03-15 | 2021-07-02 | 上海哔哩哔哩科技有限公司 | 移动终端应用界面视图分辨率匹配方法、装置及存储介质 |
CN108427596A (zh) * | 2018-03-15 | 2018-08-21 | 上海哔哩哔哩科技有限公司 | 移动终端应用界面视图分辨率匹配方法、装置及存储介质 |
CN108647069A (zh) * | 2018-04-16 | 2018-10-12 | 腾讯科技(深圳)有限公司 | 界面显示方法和装置、存储介质及电子装置 |
CN108647069B (zh) * | 2018-04-16 | 2022-07-29 | 腾讯科技(深圳)有限公司 | 界面显示方法和装置、存储介质及电子装置 |
CN111124473A (zh) * | 2018-10-31 | 2020-05-08 | 成都鼎桥通信技术有限公司 | 一种基于专网终端类型生成apk的方法和装置 |
CN111722823A (zh) * | 2019-03-22 | 2020-09-29 | 北京三好互动教育科技有限公司 | 自适应屏幕分辨率的方法、装置、存储介质及电子设备 |
CN110162367B (zh) * | 2019-05-10 | 2020-11-24 | 上海莉莉丝科技股份有限公司 | 用户界面自适应配置的方法、系统、设备和介质 |
CN110162367A (zh) * | 2019-05-10 | 2019-08-23 | 上海莉莉丝科技股份有限公司 | 用户界面自适应配置的方法、系统、设备和介质 |
CN111045764A (zh) * | 2019-11-18 | 2020-04-21 | 北京金山安全软件有限公司 | 一种界面适配方法、装置、电子设备及存储介质 |
CN111045764B (zh) * | 2019-11-18 | 2023-09-08 | 北京欢乐扬帆科技有限公司 | 一种界面适配方法、装置、电子设备及存储介质 |
CN114281458A (zh) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | 一种程序界面的局部缩放方法及装置 |
WO2024066976A1 (zh) * | 2022-09-30 | 2024-04-04 | 华为技术有限公司 | 控件显示方法及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103970436A (zh) | 在电子设备的屏幕上进行显示的方法和装置 | |
CN1892805B (zh) | 用于改变显示区的灵活显示设备和方法 | |
CN102934068A (zh) | 用于联合多个设备的显示器的方法、装置和计算机程序产品 | |
CN106156807A (zh) | 卷积神经网络模型的训练方法及装置 | |
CN104580499A (zh) | 用于精准标注位置的方法和设备 | |
US8832591B2 (en) | Grid display device and grid display method in mobile terminal | |
CN105469361B (zh) | 一种局部图像处理方法和装置 | |
CN107077458A (zh) | 推断布局意图 | |
CN103870799A (zh) | 字符方向判断方法及装置 | |
CN101799737A (zh) | 显示图片/界面的方法及终端 | |
EP2887203B1 (en) | Method, apparatus and terminal device for adaption of page | |
CN103299342A (zh) | 提供用于姿势识别的机制的方法和装置 | |
US20130044954A1 (en) | Method and apparatus for accessing an electronic resource based upon a hand-drawn indicator | |
CN106532834A (zh) | 移动终端及移动终端充电方法 | |
CN106204552A (zh) | 一种视频源的检测方法和装置 | |
CN104156406A (zh) | 应用程序内嵌页面显示方法及装置 | |
CN109993817B (zh) | 一种动画的实现方法和终端 | |
US20100201689A1 (en) | Method, apparatus and computer program product for interactive sketch template creation, alteration, and use | |
CN104598542A (zh) | 多媒体信息的显示方法及装置 | |
CN106569689A (zh) | 隐私保护装置和方法 | |
CN106055611A (zh) | 扫描进度显示装置、移动终端及方法 | |
CN103427948A (zh) | 用于解码物理下行链路控制信道的方法和设备 | |
CN112840305B (zh) | 字体切换方法及相关产品 | |
CN102831624A (zh) | 图像压缩方法及装置 | |
CN106327541A (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 | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140806 |