CN104035664A - 一种应用程序用户界面的显示方法及装置 - Google Patents
一种应用程序用户界面的显示方法及装置 Download PDFInfo
- Publication number
- CN104035664A CN104035664A CN201410251297.9A CN201410251297A CN104035664A CN 104035664 A CN104035664 A CN 104035664A CN 201410251297 A CN201410251297 A CN 201410251297A CN 104035664 A CN104035664 A CN 104035664A
- Authority
- CN
- China
- Prior art keywords
- size
- user interface
- physical size
- screen
- longitudinal
- 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
Abstract
本发明提供了一种应用程序用户界面的显示方法及装置,确定终端屏幕的物理尺寸,根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸;根据确定的用户界面的尺寸,显示应用程序的用户界面。本发明根据屏幕物理尺寸自动确定应用程序各组件的用户界面尺寸,使得应用程序在不同种类、不同屏幕像素尺寸、不同屏幕大小上的终端显示效果合适得当,能够为用户提供较佳的视觉体验。
Description
技术领域
本发明涉及终端技术领域,尤其涉及一种应用程序用户界面的显示方法及装置。
背景技术
目前智能终端种类繁多,普及度较高的包括手机、平板电脑、电视机等等,这些设备的显示屏幕尺寸大小各异。一款软件(也称应用程序)往往在这几种终端上都能运行,但如果软件的用户界面(UI,User Interface)保持固定大小不变,那么在一些终端上可能会显得过大或者过小,用户体验较差。
现在很多软件可以根据屏幕的分辨率来确定用户界面尺寸,分辨率高的UI尺寸就大些,反之就小些。随着显示屏工艺水平的提高以及工业制造差异性的扩大,现在对于同一类终端也可能出现屏幕大小不同、但分辨率相同的情况,在不同类型的终端之间这种情况就更加明显了。例如,一款5英寸的手机、一款10英寸的平板电脑和一款42英寸的液晶电视机,三款终端的分辨率都可能是1920*1080p。如果根据屏幕的分辨率确定UI尺寸,那么这三款终端上显示的界面就会根据屏幕的尺寸成比例增加。比如,在手机上该软件有一个按钮是2.5英寸,那么在电视机上这个按钮将会是21英寸。
采用目前这种根据屏幕的分辨率来确定UI尺寸的方法,在有些屏幕显示UI时会导致部分组件显得过大或过小,用户体验差。
发明内容
本发明针对上述问题,提出了一种应用程序用户界面的显示方法及装置,使得应用程序在屏幕显示UI时各组件的大小适当,提高用户体验。
本发明提供了一种应用程序用户界面的显示方法,包括以下步骤:
确定终端屏幕的物理尺寸;
根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸;
根据确定的用户界面的尺寸,显示应用程序的用户界面。
本发明还提供了一种应用程序用户界面的显示装置,包括:
屏幕物理尺寸确定单元,用于确定终端屏幕的物理尺寸;
用户界面尺寸确定单元,用于根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸;
用户界面显示单元,根据确定的用户界面的尺寸,显示应用程序的用户界面。
本发明的有益效果:
采用本发明的技术方案,通过获取应用程序所在终端的屏幕的物理尺寸,再根据屏幕物理尺寸自动确定应用程序的UI尺寸,由于UI尺寸大小是由终端的屏幕的物理尺寸决定的,使得应用程序在不同种类、不同屏幕像素尺寸或者不同屏幕大小上的终端显示效果合适得当,能够为用户提供较佳的视觉体验,解决了目前根据屏幕分辨率等方式确定应用程序组件UI尺寸导致的部分组件显示过大或过小的问题。
附图说明
下面将参照附图描述本发明的具体实施例,其中:
图1为本发明实施例应用程序用户界面的显示方法的流程示意图;
图2为本发明实施例应用程序用户界面的显示装置的结构示意图。
具体实施方式
为了使本发明的技术方案及优点更加清楚明白,以下结合附图对本发明的示例性实施例进行详细的说明,显然,所描述的实施例仅是本发明的一部分实施例,而不是所有实施例的穷举。
本发明实施例提供了一种应用程序用户界面的显示方法,下面结合Android系统为例进行描述,由于本发明的实施与操作系统底层无关,因此本发明不仅限于该系统,还可以适用于其他操作系统。
如图1所示,本发明实施例的方法包括以下步骤:
步骤101、确定终端屏幕的物理尺寸。
本发明实施例中的终端可以是平板电脑、手机、电视等设备,还可以是其他具备屏幕显示功能的终端设备,本发明对此不作限制。
本发明实施例中的屏幕的物理尺寸为屏幕的实际物理尺寸,屏幕像素尺寸相同的终端可能屏幕的物理尺寸不相同。
具体实施中,以方形的终端屏幕为例,在本发明的一个实施例中,终端屏幕的物理尺寸包括横向物理尺寸和纵向物理尺寸,则本步骤中,确定终端屏幕的物理尺寸可以包括:
获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向每英寸点数(DPI,Dots Per Inch)和纵向DPI,根据获取的横向像素尺寸和横向DPI确定终端屏幕的横向物理尺寸以及根据获取的纵向像素尺寸和纵向DPI确定终端屏幕的纵向物理尺寸,其中:
横向物理尺寸=横向像素尺寸/横向DPI;
纵向物理尺寸=纵向像素尺寸/纵向DPI。
具体的,可以通过应用程序编程接口(API,Application ProgrammingInterface)分别获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI。举例而言,可以通过创建的Display和Display Metrics类的对象来获取终端的屏幕像素尺寸和DPI。可以理解的,对于如何获取到横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI,本领域技术人员可以任意选择,本发明对此不作限定。
可以理解的,像素是指基于原色素及其灰度的基本编码,一幅图像上的一个点就是一个像素,屏幕像素尺寸可以是宽和高的像素个数,以及DPI可以是横向和纵向上的DPI。本发明实施例中的横向和宽均表示水平方向,纵向和高均表示垂直方向,本发明实施例所说宽和高的像素个数也可称为水平方向的像素个数和垂直方向的像素个数。比如:水平方向的像素个数为1024,垂直方向的像素个数为768。
本步骤中,根据得到屏幕宽和高的像素个数,以及横向和纵向上的DPI分别计算得到屏幕的实际物理尺寸宽度和高度。
举例而言,用于确定屏幕的物理尺寸的具体代码可如下所示:
/*创建对象*/
Display display=getWindowManager().getDefaultDisplay();
DisplayMetrics dm=new DisplayMetrics();
display.getRealMetrics(dm);
/*获取屏幕的像素宽度*/
int screenWidth=dm.widthPixels;
/*获取屏幕的像素高度*/
int screemHeight=dm.heightPixels;
/*获取横向DPI*/
float xdpi=dm.xdpi;
/*获取纵向DPI*/
float ydpi=dm.ydpi;
/*屏幕物理宽度*/
realWidth=screenWidth/xdpi;
/*屏幕物理高度*/
realWidth=screenHeight/ydpi;
步骤102、根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸。
需要说明的是,本发明实施例中,用户界面可以是具有外部轮廓的图形界面,例如方形(例如长方形或者正方形)界面、椭圆形界面等,也可以是不具有外部轮廓仅由部分组件组成的用户界面,这对本领域技术人员来说是易于理解的,本发明对用户界面的形状不作限制。
需要强调的是,本步骤中所确定的用户界面的尺寸,可以是用户界面的界面尺寸(即外部轮廓的尺寸),也可以是用户界面中组件,即组成用户界面的组件(例如按钮等控件)的组件尺寸,本发明对此不作限定。
本步骤中,所确定的用户界面的尺寸可以是用户界面的物理尺寸,也可以是用户界面的像素尺寸。可以理解的是,由于在实际应用中通常需要根据用户界面的像素尺寸来显示用户界面,即UI通常是用像素多少来表示,因此,本步骤中,可首先确定用户界面的物理尺寸,再将物理尺寸换算成像素尺寸。
具体实施中,在本发明的一个实施例中,在步骤101中确定了终端屏幕的横向物理尺寸和纵向物理尺寸,本步骤中确定的应用程序在终端屏幕上显示的用户界面的尺寸可以为用户界面的像素尺寸;则,本步骤中,根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸可以包括:
分别根据终端屏幕的横向物理尺寸和纵向物理尺寸确定应用程序在终端屏幕上显示的用户界面的横向物理尺寸和纵向物理尺寸;
分别根据确定的用户界面的横向物理尺寸和纵向物理尺寸,确定应用程序在终端屏幕上显示的用户界面的横向像素尺寸和纵向像素尺寸。
其中,具体的:
用户界面的横向物理尺寸=屏幕的横向物理尺寸*第一比例因子;
用户界面的纵向物理尺寸=屏幕的纵向物理尺寸*第二比例因子;
用户界面的横向像素尺寸=用户界面的横向物理尺寸*屏幕的横向DPI;
用户界面的纵向像素尺寸=用户界面的纵向物理尺寸*屏幕的纵向DPI。
其中,第一比例因子和第二比例因子可以相同也可以不同。
显然可以理解的,也可以不需要二次换算,可直接根据屏幕的物理尺寸确定出用户界面的像素尺寸,即:
用户界面的横向像素尺寸=屏幕的横向物理尺寸*第一比例因子*屏幕的横向DPI;
用户界面的纵向像素尺寸=屏幕的纵向物理尺寸*第二比例因子*屏幕的纵向DPI。
以下具体进行详细说明。
首先,确定用户界面的物理尺寸,公式如下所示:
计算宽:w=W*λ
计算高:h=H*λ
其中,W和H为屏幕物理尺寸的宽和高,w和h为UI物理尺寸的宽和高,λ是比例因子,该比例因子为预先设置好的,本领域技术人员可以根据实际的显示需要进行设置。
需要说明的是,如果本步骤中所确定的用户界面的尺寸为用户界面中的组件的尺寸,那么,针对同一组件在不同物理尺寸的屏幕上显示,该比例因子λ可以设置为不同,针对不同的组件,在同一物理尺寸的屏幕上显示时,该比例因子λ也可以设置为不同。比如,一个按钮在手机终端上显示和在电视上显示的比例因子可能设置为不同的,并且一个按钮和一张图片在同一物理尺寸的手机终端上显示的比例因子也可能设置为不同的。显然,如果本步骤中所确定的用户界面的尺寸为界面尺寸时,针对在不同物理尺寸的屏幕上显示该用户界面时,该比例因子λ可以设置为不同。
在通过上述公式确定了用户界面的物理尺寸后,由于一般应用程序在屏幕上的尺寸是用像素来表示,因此,进一步将上述得到的物理尺寸进一步转换为像素尺寸,公式如下:
width=w*xdpi
height=h*ydpi
其中,width和height为UI像素尺寸,w和h为UI物理尺寸,xdpi和ydpi分别为屏幕横向和纵向的DPI。
可以理解的是,如果用户界面包括多个组件且本步骤用于确定组件尺寸,则本步骤中,将分别根据上述公式确定用户界面的每个组件的组件尺寸。
现有技术中除Android系统外,IOS系统也是用像素来表示,同样适用于上述方法。另外,Android系统在表示应用程序在屏幕上的尺寸时,除用像素表示以外还会用到设备独立像素(DP/DIP,Device Independent Pixels)。设备独立像素一般是为了支持WVGA(扩大了视频图形阵列的分辨率,Wide VideoGraphics Array)、HVGA(视频图形阵列的一半的分辨率,Half-size VGA)或QVGA(四分之一的视频图形阵列的分辨率,Quarter VGA)等标准的,这些标准不依赖像素,它可以理解为虚拟像素,与像素的关系为像素=设备独立像素DP*(DPI/160)。本发明实施例中仅以将用户界面的物理尺寸转换为像素尺寸作为示例,本领域技术人员可根据不同系统显示的需要进行相应的转换,本发明对此不作限制。
步骤103、根据确定的用户界面的尺寸,显示应用程序的用户界面。
具体的,如果在步骤102中所确定的用户界面的尺寸为用户界面的界面尺寸,本步骤中,可首先根据确定的用户界面的尺寸以及预先设定的界面组件与界面的尺寸关系,例如组件尺寸与界面尺寸的比例关系等,确定界面中各组件的尺寸,进而根据用户界面的尺寸以及各组件的尺寸,显示应用程序的用户界面。
举例说明,用户界面的界面尺寸可以理解为用户界面的边框或轮廓的尺寸,界面的所有组件尺寸可以设置为应用程序的用户界面的界面尺寸的一个百分比,这个百分比相对于用户界面的界面尺寸是预先设置好的,当应用程序的用户界面在不同物理尺寸的屏幕上显示时,在确定了界面尺寸之后,各个组件可以根据按照预设的百分比等比缩放,确定各个组件的尺寸。最终,根据应用程序的用户界面UI尺寸以及各个组件的尺寸在屏幕上进行显示应用程序的用户界面。
当然,在本发明的另一具体实施中,应用程序的用户界面还可以理解为是组成界面的各个组件,也即,在步骤102中所确定的用户界面的尺寸即为界面组件的尺寸,即确定的用户界面的横向像素尺寸和纵向像素尺寸即为组件的横向像素尺寸和纵向像素尺寸,则本步骤中,可根据确定的界面组件的尺寸,在终端屏幕上显示各个组件,即显示用户界面。
可见,本发明实施例提供的一种应用程序用户界面的显示方法,可以根据屏幕物理尺寸确定出应用程序的UI尺寸,使得应用程序在不同种类、不同屏幕像素尺寸、不同屏幕大小上的终端显示效果合适得当,能够为用户提供较佳的视觉体验。
基于同一发明构思,本发明实施例还提供了一种应用程序用户界面的显示装置,由于这些设备解决问题的原理与一种应用程序用户界面的显示方法相似,因此这些设备的实施可以参见方法的实施,重复之处不再赘述。
如图2所示,装置可以包括:
屏幕物理尺寸确定单元201,用于确定终端屏幕的物理尺寸。
用户界面尺寸确定单元202,用于根据终端屏幕的物理尺寸,确定应用程序在终端屏幕上显示的用户界面的尺寸。
用户界面显示单元203,用于根据确定的用户界面的尺寸,显示应用程序的用户界面。
具体实施中,在本发明的一个实施例中,屏幕物理尺寸确定单元201可以用于获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI,根据获取的横向像素尺寸和横向DPI确定终端屏幕的横向物理尺寸以及根据获取的纵向像素尺寸和纵向DPI确定终端屏幕的纵向物理尺寸,其中:
横向物理尺寸=横向像素尺寸/横向DPI;
纵向物理尺寸=纵向像素尺寸/纵向DPI。
具体实施中,屏幕物理尺寸确定单元201可以用于通过应用程序编程接口API获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI。
具体实施中,用户界面尺寸确定单元202确定的应用程序在终端屏幕上显示的用户界面的尺寸为用户界面的像素尺寸;用户界面尺寸确定单元202用于分别根据终端屏幕的横向物理尺寸和纵向物理尺寸确定应用程序在终端屏幕上显示的用户界面的横向物理尺寸和纵向物理尺寸;分别根据确定的用户界面的横向物理尺寸和纵向物理尺寸,确定应用程序在终端屏幕上显示的用户界面的横向像素尺寸和纵向像素尺寸。
其中,用户界面尺寸确定单元202用于确定用户界面的横向物理尺寸为屏幕的横向物理尺寸*第一比例因子;确定用户界面的纵向物理尺寸为屏幕的纵向物理尺寸*第二比例因子;确定用户界面的横向像素尺寸为用户界面的横向物理尺寸*屏幕的横向DPI;确定用户界面的纵向像素尺寸为用户界面的纵向物理尺寸*屏幕的纵向DPI。
为了描述的方便,以上所述装置的各部分以功能分为各种模块或单元分别描述。当然,在实施本发明时可以把各模块或单元的功能在同一个或多个软件或硬件中实现。
实施例
以一软件在手机和平板电脑上进行安装为例,进行详细说明如下:
首先,利用手机系统的API获取手机的屏幕像素尺寸和DPI,假设屏幕显示的水平方向上像素个数为1024,屏幕的垂直方向上像素个数为800,DPI值为200(也即横向和纵向上的每英寸像素个数均为200)。
根据屏幕像素尺寸和DPI确定屏幕物理尺寸,屏幕物理尺寸=屏幕像素尺寸/DPI,即屏幕物理尺寸为1024/200*800/200=5.12英寸*4英寸。
再根据屏幕物理尺寸计算该软件用户界面的各个组件的尺寸,以“开始测试”这一按钮组件为例,假设该软件在屏幕物理尺寸为5.12英寸*4英寸的手机上安装时该按钮的比例因子λ设置为0.4,那么:
按钮水平方向物理尺寸=屏幕水平方向物理尺寸*比例因子=5.12英寸*0.4=2.048英寸;
按钮垂直方向物理尺寸=屏幕垂直方向物理尺寸*比例因子=4英寸*0.4=1.6英寸。
即,该按钮的物理尺寸为5.12英寸*4英寸。
进一步,还需要根据该按钮的物理尺寸计算得到按钮的像素尺寸,也即:
按钮水平方向像素个数=按钮水平方向物理尺寸*DPI=2.048英寸*200=409.6;
按钮垂直方向像素个数=按钮垂直方向物理尺寸*DPI=1.6英寸*200=320。
即,该按钮的像素尺寸为409.6*320。
进而,根据该按钮的像素尺寸显示该按钮。
在该软件在平板电脑上进行安装时,假设该平板电脑的屏幕像素尺寸也是水平方向像素个数为1024、垂直方向像素个数为800,DPI值为100。
根据屏幕像素尺寸和DPI计算屏幕的实际物理尺寸,屏幕物理尺寸=1024/100*800/100=10.24英寸*8英寸。
再根据屏幕物理尺寸计算用户界面的组件尺寸,继续以“开始测试”按钮这一组件为例,假设该软件在该尺寸大小的平板电脑中按钮的比例因子λ为0.2,那么:
按钮水平方向物理尺寸=屏幕水平方向物理尺寸*比例因子=10.24英寸*0.2=2.048英寸;
按钮垂直方向物理尺寸=屏幕垂直方向物理尺寸*比例因子=8英寸*0.2=1.6英寸。
即,该按钮的物理尺寸为2.048英寸*1.6英寸。
进一步,还需要根据该按钮的物理尺寸计算得到按钮的像素尺寸,也即:
按钮水平方向像素尺寸=屏幕水平方向物理尺寸*比例因子*DPI=10.24英寸*0.2*100=204.8;
按钮垂直方向像素尺寸=屏幕垂直方向物理尺寸*比例因子*DPI=8英寸*0.2*100=160。
即,该按钮的像素尺寸为204.8*160。
进而,根据该按钮的像素尺寸显示该按钮。
而如果采用现有方案对该按钮进行显示(下面以用户界面尺寸为像素尺寸为例进行说明),由于该平板电脑和手机的屏幕像素尺寸相同,假设该软件在屏幕像素尺寸为1024*800的终端设备上安装时设定该按钮的像素尺寸均为409.6*320,那么在屏幕像素尺寸为1024*800、物理尺寸为5.12英寸*4英寸的手机上显示该按钮时视觉效果可能较为适宜,但如果在屏幕像素尺寸相同但物理尺寸不同的平板电脑上显示该按钮时,如上述举例,在屏幕像素尺寸为1024*800而屏幕物理尺寸为10.24英寸*8英寸的平板电脑上显示,如果该按钮以同样的像素尺寸为409.6*320进行显示的话,会导致该按钮在该平板电脑上所占比例过大、显示效果较为夸张,给用户的视觉体验较差。
以上示例是将应用程序的各个组件作为用户界面,分别计算每个组件的物理尺寸最终确定用户界面尺寸,当然也可以将应用程序的边框或轮廓作为用户界面,根据屏幕物理尺寸确定应用程序的边框或轮廓的像素尺寸后,应用程序的每个组件根据预先设置的百分比进行等比缩放,本发明在此不做赘述。
综上可以看出,采用本发明实施例中所提供的技术方案,通过根据屏幕物理尺寸自动确定应用程序的UI尺寸,使得应用程序在不同种类、不同屏幕像素尺寸、不同屏幕大小上的终端上的显示效果合适得当,能够为用户提供较佳的视觉体验。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上实施例仅用以说明本发明的技术方案,而非对其进行限制。因此,在不背离本发明的精神及其实质的情况下,本领域技术人员可作出各种改变、替换和变型。很显然,但这些改变、替换和变型都应涵盖于本发明权利要求的保护范围之内。
Claims (10)
1.一种应用程序用户界面的显示方法,其特征在于,包括:
确定终端屏幕的物理尺寸;
根据所述终端屏幕的物理尺寸,确定应用程序在所述终端屏幕上显示的用户界面的尺寸;
根据所述确定的用户界面的尺寸,显示所述应用程序的用户界面。
2.如权利要求1所述的方法,其特征在于,所述确定终端屏幕的物理尺寸包括:
获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向每英寸点数DPI和纵向DPI;
根据所述获取的横向像素尺寸和横向DPI确定终端屏幕的横向物理尺寸以及根据所述获取的纵向像素尺寸和纵向DPI确定终端屏幕的纵向物理尺寸,其中:
所述横向物理尺寸=横向像素尺寸/横向DPI;
所述纵向物理尺寸=纵向像素尺寸/纵向DPI。
3.如权利要求2所述的方法,其特征在于,
通过应用程序编程接口API获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI。
4.如权利要求2或3所述的方法,其特征在于,
所述确定的应用程序在所述终端屏幕上显示的用户界面的尺寸为所述用户界面的像素尺寸;
所述根据所述终端屏幕的物理尺寸,确定应用程序在所述终端屏幕上显示的用户界面的尺寸包括:
分别根据所述终端屏幕的横向物理尺寸和纵向物理尺寸确定应用程序在所述终端屏幕上显示的用户界面的横向物理尺寸和纵向物理尺寸;
分别根据所述确定的用户界面的横向物理尺寸和纵向物理尺寸,确定应用程序在所述终端屏幕上显示的用户界面的横向像素尺寸和纵向像素尺寸。
5.如权利要求4所述的方法,其特征在于,
所述用户界面的横向物理尺寸=所述屏幕的横向物理尺寸*第一比例因子;
所述用户界面的纵向物理尺寸=所述屏幕的纵向物理尺寸*第二比例因子;
所述用户界面的横向像素尺寸=所述用户界面的横向物理尺寸*所述屏幕的横向DPI;
所述用户界面的纵向像素尺寸=所述用户界面的纵向物理尺寸*所述屏幕的纵向DPI。
6.一种应用程序用户界面的显示装置,其特征在于,包括:
屏幕物理尺寸确定单元,用于确定终端屏幕的物理尺寸;
用户界面尺寸确定单元,用于根据终端屏幕的物理尺寸,确定应用程序在所述终端屏幕上显示的用户界面的尺寸;
用户界面显示单元,根据所述确定的用户界面的尺寸,显示所述应用程序的用户界面。
7.如权利要求6所述的装置,其特征在于,所述屏幕物理尺寸确定单元用于:
获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向每英寸点数DPI和纵向DPI;
根据所述获取的横向像素尺寸和横向DPI确定终端屏幕的横向物理尺寸以及根据所述获取的纵向像素尺寸和纵向DPI确定终端屏幕的纵向物理尺寸,其中:
所述横向物理尺寸=横向像素尺寸/横向DPI;
所述纵向物理尺寸=纵向像素尺寸/纵向DPI。
8.如权利要求7所述的装置,其特征在于,所述屏幕物理尺寸确定单元用于通过利用API应用程序编程接口获取终端屏幕的横向像素尺寸、纵向像素尺寸、横向DPI和纵向DPI。
9.如权利要求7或8所述的装置,其特征在于,
所述用户界面尺寸确定单元确定的应用程序在所述终端屏幕上显示的用户界面的尺寸为所述用户界面的像素尺寸;
所述用户界面尺寸确定单元用于:
分别根据所述终端屏幕的横向物理尺寸和纵向物理尺寸确定应用程序在所述终端屏幕上显示的用户界面的横向物理尺寸和纵向物理尺寸;分别根据所述确定的用户界面的横向物理尺寸和纵向物理尺寸,确定应用程序在所述终端屏幕上显示的用户界面的横向像素尺寸和纵向像素尺寸。
10.如权利要求9所述的装置,其特征在于,所述用户界面尺寸确定单元用于确定所述用户界面的横向物理尺寸为所述屏幕的横向物理尺寸*第一比例因子;确定所述用户界面的纵向物理尺寸为所述屏幕的纵向物理尺寸*第二比例因子;确定所述用户界面的横向像素尺寸为所述用户界面的横向物理尺寸*所述屏幕的横向DPI;确定所述用户界面的纵向像素尺寸为所述用户界面的纵向物理尺寸*所述屏幕的纵向DPI。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410251297.9A CN104035664A (zh) | 2014-06-06 | 2014-06-06 | 一种应用程序用户界面的显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410251297.9A CN104035664A (zh) | 2014-06-06 | 2014-06-06 | 一种应用程序用户界面的显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104035664A true CN104035664A (zh) | 2014-09-10 |
Family
ID=51466458
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410251297.9A Pending CN104035664A (zh) | 2014-06-06 | 2014-06-06 | 一种应用程序用户界面的显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104035664A (zh) |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104270509A (zh) * | 2014-09-18 | 2015-01-07 | 北京奇虎科技有限公司 | 一种移动终端中界面的显示方法、移动终端和服务器 |
CN104270345A (zh) * | 2014-09-12 | 2015-01-07 | 上海斐讯数据通信技术有限公司 | 一种服务器端、客户端及其屏幕信息获取方法 |
CN104503655A (zh) * | 2014-11-28 | 2015-04-08 | 晨星半导体股份有限公司 | 应用程序界面显示控制方法及装置 |
CN105635284A (zh) * | 2015-12-30 | 2016-06-01 | 厦门欣欣信息有限公司 | 一种页面显示方法及终端 |
WO2016134499A1 (zh) * | 2015-02-26 | 2016-09-01 | 华为技术有限公司 | 一种dpi的适配方法和电子设备 |
CN106020752A (zh) * | 2016-04-29 | 2016-10-12 | 乐视控股(北京)有限公司 | 自适应显示方法及系统 |
CN106354500A (zh) * | 2016-08-26 | 2017-01-25 | 珠海金山网络游戏科技有限公司 | 一种操作指令记录和回放方法及系统 |
CN106484388A (zh) * | 2015-09-02 | 2017-03-08 | 腾讯科技(深圳)有限公司 | 用户界面的实现方法和装置 |
CN106610920A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 数据图表显示方法和装置 |
CN106681676A (zh) * | 2016-12-20 | 2017-05-17 | 天脉聚源(北京)传媒科技有限公司 | 一种解决全屏功能故障的方法及装置 |
CN107256115A (zh) * | 2017-06-01 | 2017-10-17 | 上海雪鲤鱼计算机科技有限公司 | Android系统下实现等比例布局的方法及系统 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多系统显示适配方法、电子设备及存储介质 |
CN110110253A (zh) * | 2017-12-29 | 2019-08-09 | 北京奇虎科技有限公司 | 一种广告投放方法、装置及终端设备 |
WO2020001190A1 (zh) * | 2018-06-29 | 2020-01-02 | 奇酷互联网络科技(深圳)有限公司 | 应用程序界面显示方法、装置、可读存储介质及移动终端 |
CN111078351A (zh) * | 2019-12-31 | 2020-04-28 | 中山市奥珀金属制品有限公司 | 一种动态演示界面的加载方法及系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662563A (zh) * | 2012-03-14 | 2012-09-12 | 广东威创视讯科技股份有限公司 | 窗口分辨率自适应处理方法与装置 |
CN103186505A (zh) * | 2011-12-30 | 2013-07-03 | 北大方正集团有限公司 | 一种确定电子文档显示模式的方法和装置 |
CN103279320A (zh) * | 2013-06-19 | 2013-09-04 | 成都智元汇数码科技有限公司 | 互动投影系统多个不同分辨率的屏幕进行互动显示的方法 |
CN103473044A (zh) * | 2013-08-20 | 2013-12-25 | 广东明创软件科技有限公司 | 适配不同分辨率移动终端的应用程序界面绘制方法 |
-
2014
- 2014-06-06 CN CN201410251297.9A patent/CN104035664A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103186505A (zh) * | 2011-12-30 | 2013-07-03 | 北大方正集团有限公司 | 一种确定电子文档显示模式的方法和装置 |
CN102662563A (zh) * | 2012-03-14 | 2012-09-12 | 广东威创视讯科技股份有限公司 | 窗口分辨率自适应处理方法与装置 |
CN103279320A (zh) * | 2013-06-19 | 2013-09-04 | 成都智元汇数码科技有限公司 | 互动投影系统多个不同分辨率的屏幕进行互动显示的方法 |
CN103473044A (zh) * | 2013-08-20 | 2013-12-25 | 广东明创软件科技有限公司 | 适配不同分辨率移动终端的应用程序界面绘制方法 |
Cited By (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104270345A (zh) * | 2014-09-12 | 2015-01-07 | 上海斐讯数据通信技术有限公司 | 一种服务器端、客户端及其屏幕信息获取方法 |
CN104270345B (zh) * | 2014-09-12 | 2018-05-25 | 上海斐讯数据通信技术有限公司 | 一种服务器端、客户端及其屏幕信息获取方法 |
CN104270509A (zh) * | 2014-09-18 | 2015-01-07 | 北京奇虎科技有限公司 | 一种移动终端中界面的显示方法、移动终端和服务器 |
CN104503655B (zh) * | 2014-11-28 | 2017-12-08 | 晨星半导体股份有限公司 | 应用程序界面显示控制方法及装置 |
CN104503655A (zh) * | 2014-11-28 | 2015-04-08 | 晨星半导体股份有限公司 | 应用程序界面显示控制方法及装置 |
US9905201B2 (en) | 2014-11-28 | 2018-02-27 | Mstar Semiconductor, Inc. | Display control method and device for application program interface |
US10445864B2 (en) | 2015-02-26 | 2019-10-15 | Huawei Technologies Co., Ltd. | DPI adaptation method and electronic device |
WO2016134499A1 (zh) * | 2015-02-26 | 2016-09-01 | 华为技术有限公司 | 一种dpi的适配方法和电子设备 |
RU2689431C2 (ru) * | 2015-02-26 | 2019-05-28 | Хуавэй Текнолоджиз Ко., Лтд. | Способ адаптации dpi и электронное устройство |
CN106484388B (zh) * | 2015-09-02 | 2021-06-04 | 腾讯科技(深圳)有限公司 | 用户界面的实现方法和装置 |
CN106484388A (zh) * | 2015-09-02 | 2017-03-08 | 腾讯科技(深圳)有限公司 | 用户界面的实现方法和装置 |
CN106610920A (zh) * | 2015-10-26 | 2017-05-03 | 北京国双科技有限公司 | 数据图表显示方法和装置 |
CN105635284B (zh) * | 2015-12-30 | 2019-01-29 | 厦门欣欣信息有限公司 | 一种页面显示方法及终端 |
CN105635284A (zh) * | 2015-12-30 | 2016-06-01 | 厦门欣欣信息有限公司 | 一种页面显示方法及终端 |
CN106020752A (zh) * | 2016-04-29 | 2016-10-12 | 乐视控股(北京)有限公司 | 自适应显示方法及系统 |
CN106354500A (zh) * | 2016-08-26 | 2017-01-25 | 珠海金山网络游戏科技有限公司 | 一种操作指令记录和回放方法及系统 |
CN106681676A (zh) * | 2016-12-20 | 2017-05-17 | 天脉聚源(北京)传媒科技有限公司 | 一种解决全屏功能故障的方法及装置 |
CN107256115A (zh) * | 2017-06-01 | 2017-10-17 | 上海雪鲤鱼计算机科技有限公司 | Android系统下实现等比例布局的方法及系统 |
CN110110253A (zh) * | 2017-12-29 | 2019-08-09 | 北京奇虎科技有限公司 | 一种广告投放方法、装置及终端设备 |
CN110110253B (zh) * | 2017-12-29 | 2023-12-22 | 三六零科技集团有限公司 | 一种广告投放方法、装置及终端设备 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多系统显示适配方法、电子设备及存储介质 |
WO2020001190A1 (zh) * | 2018-06-29 | 2020-01-02 | 奇酷互联网络科技(深圳)有限公司 | 应用程序界面显示方法、装置、可读存储介质及移动终端 |
CN111078351A (zh) * | 2019-12-31 | 2020-04-28 | 中山市奥珀金属制品有限公司 | 一种动态演示界面的加载方法及系统 |
CN111078351B (zh) * | 2019-12-31 | 2023-11-17 | 张杰辉 | 一种动态演示界面的加载方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104035664A (zh) | 一种应用程序用户界面的显示方法及装置 | |
TWI490772B (zh) | 自繪控制項的螢幕適配方法及裝置 | |
EP2613292B1 (en) | Apparatus and method for scaling layout of application in image display device | |
US20180232135A1 (en) | Method for window displaying on a mobile terminal and mobile terminal | |
CN103544253A (zh) | 一种以瀑布流方式显示图片的实现方法及系统 | |
CN106658139B (zh) | 一种焦点控制方法及装置 | |
CN107204044B (zh) | 一种基于虚拟现实的画面显示方法及相关设备 | |
CN103247068B (zh) | 一种渲染方法和装置 | |
CN108769361B (zh) | 一种终端壁纸的控制方法、终端以及计算机可读存储介质 | |
CN104461436A (zh) | 一种多终端基于不同分辨率的显示方法 | |
EP3086223A1 (en) | Suspended input method, apparatus, and computer storage medium | |
CN103984720A (zh) | 基于OpenGL的瓦片地图创建方法及装置 | |
CN103076954B (zh) | 调整显示效果的方法及装置 | |
KR101591427B1 (ko) | 3차원 지형 영상 가시화에서의 적응형 렌더링 방법 | |
US20120098967A1 (en) | 3d image monitoring system and method implemented by portable electronic device | |
CN110007838B (zh) | 擦除控件的处理方法、装置和设备 | |
CN107122104B (zh) | 数据显示方法及装置 | |
CN104142807A (zh) | 基于安卓控件利用OpenGL绘制图像的方法和系统 | |
CN102486913A (zh) | 双稳态显示屏刷新方法及装置 | |
CN103606179A (zh) | 一种动画图像显示方法及装置 | |
CN103236042A (zh) | 图片自适应处理方法及装置 | |
CN104182141A (zh) | 一种信息处理方法及电子设备 | |
CN105094586A (zh) | 一种显示窗口的调节方法及电子设备 | |
CN107608670B (zh) | 一种报表ui元素自适应展示的方法及系统 | |
CN110187781B (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 |
Application publication date: 20140910 |
|
RJ01 | Rejection of invention patent application after publication |