CN101800793B - 一种在移动设备上图文信息显示位置的自动适配方法 - Google Patents
一种在移动设备上图文信息显示位置的自动适配方法 Download PDFInfo
- Publication number
- CN101800793B CN101800793B CN201010022592.9A CN201010022592A CN101800793B CN 101800793 B CN101800793 B CN 101800793B CN 201010022592 A CN201010022592 A CN 201010022592A CN 101800793 B CN101800793 B CN 101800793B
- Authority
- CN
- China
- Prior art keywords
- mobile device
- coordinate
- pixel
- text information
- display position
- 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.)
- Expired - Fee Related
Links
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开一种在移动设备上图文信息显示位置的自动适配方法，包括以下步骤：1)按界面设计确定需在移动设备上的图文信息的显示位置的坐标值，坐标值由像素坐标值、百分比坐标值、字符坐标值三个分量表示，即得分量坐标值；2)移动设备中设置的软件获取移动设备相关参数；3)移动设备中设置的软件将分量坐标值转换为移动设备相应的物理坐标值；4)移动设备中设置的软件根据物理坐标值显示或绘制信息。本发明其对不同设备仅需一种统一的描述方法，可大大减少开发工作量，且同时具备对新设备的扩展和适应性。
Description
技术领域
本发明涉及一种在移动设备上图文信息显示位置的自动适配方法，其可根据不同移动设备的不同参数进行图文信息显示位置的自动适配，以保证同样的信息在各种不同屏幕大小、长宽比、字体大小的移动设备上都能达到最佳的显示效果。
背景技术
在移动设备上进行信息显示时，往往需要指定显示位置，例如文字和图片的绘制位置、屏幕分块的位置(大小)、几何图形的位置(大小)等。目前一般采用屏幕坐标系统、以像素作为单位来进行指定。由于市场上各种移动设备的屏幕大小和长宽比、字体大小没有统一标准，当同样的信息描述应用于多种型号的设备上时，使用这种方法就会发生信息显示超出屏幕、屏幕出现空白区域、不应叠加的信息叠加等显示不美观、信息不完整，甚至丢失重要信息的现象。
目前通常采用以下方法来解决这个问题：
1、简化信息格式。如采用可滚动的纯文本方式来避免问题的发生。但这种做法牺牲了显示效果，在很多情况下是不可接受的。
2、对不同移动设备进行特殊的定制处理。这种方式可以很好地解决显示上发生的问题，但存在工作量大、成本高、灵活性和扩展性差等问题。
3、采用现有的适配技术，例如HTML浏览器。浏览器具有的显示适配方法包括文字自动滚动、按像素或屏幕宽度的百分比来设置显示对象的大小等。但浏览器的适配仍然非常局限，它是以″页面″作为基础来适配，不是很适合全屏幕显示的情况，位置和尺寸的控制仍很简单，也不能精确地按行数/字数来控制。
发明内容
为解决现有技术存在的上述问题，本发明提出一种在移动设备上图文信息显示位置的自动适配方法，其对不同设备仅需一种统一的描述方法，可大大减少开发工作量，且同时具备对新设备的扩展和适应性。
本发明可通过以下技术方案予以解决：
一种在移动设备上图文信息显示位置的自动适配方法，包括以下步骤：
1)按界面设计确定需在移动设备上的图文信息的显示位置的坐标值，所述坐标值由像素坐标值、百分比坐标值、字符坐标值三个分量表示，即得分量坐标值；
2)所述移动设备中设置的软件获取移动设备相关参数；
3)所述移动设备中设置的软件将所述分量坐标值转换为移动设备相应的物理坐标值，计算方法如下：
X＝rx×W+cx×CW+px
Y＝ry×H+cy×CH+py
其中，X和Y为以像素为单位的物理坐标值，其中W为以像素为单位的移动设备屏幕宽度，H为以像素为单位的移动设备屏幕高度，CW为以像素为单位的中文字符宽度，CH为以像素为单位的中文字符高度；rx、ry为绝对值小于等于1的有符号浮点数，代表相对于显示屏幕宽度和高度的百分比；cx、cy为有符号浮点数，代表中文字符个数和行数；px、py为有符号整数，代表和移动设备屏幕物理像素对应的像素个数。当rx、ry、cx、cy、px、py为负数时，表示减去相应的值。
4)所述移动设备中设置的软件根据所述物理坐标值显示或绘制信息。
本发明中如果上述X和Y超过移动设备屏幕范围，需要进行剪裁；字符宽度/高度和字符个数/行数以中文字符为基础，适用于以中文为主的显示信息，也适用于宽度为中文字符一半的等宽西文字体。
本发明所述的移动设备可为手机、PDA、电子书阅读器、导航仪、电子相框、移动上网设备(MID)等。
由于采用以上技术方案，本发明的一种在移动设备上图文信息显示位置的自动适配方法对移动设备上的应用开发可以产生很多良好的效果，和简单的文字显示方式相比，本发明支持丰富的界面呈现方式，大大增强了显示效果；和对不同设备进行定制开发的方式相比，因只需一种统一的描述方法，可大大减少开发工作量，同时具备对新设备的扩展和适应性；和HTML浏览器相比，本发明能控制更多的显示要素，灵活性更大，适配能力更强。
附图说明
图1是本发明的一种在移动设备上图文信息显示位置的自动适配方法中的分量坐标值计算流程图。
图2-A是采用本发明的一种在移动设备上图文信息显示位置的自动适配方法的一种坐标表达式在A屏幕上的实际显示位置示意图；
图2-B是采用本发明的一种在移动设备上图文信息显示位置的自动适配方法的和图2-A中相同的坐标表达式在B屏幕上的实际显示位置示意图；
具体实施方式
下面结合具体实施方式，进一步阐述本发明：
一种在移动设备上图文信息显示位置的自动适配方法，包括以下步骤：
1)按界面设计确定需在移动设备上的图文信息的显示位置的坐标值，该坐标值由像素坐标值、百分比坐标值、字符坐标值三个分量表示，即得分量坐标值；如一个显示于顶部且居中的矩形″标题块″可采用百分比和字符数这两种单位来确定它的左上角和右下角的X坐标。分量坐标单位的选择是根据设计和适配的需要来决定，可以非常灵活；
2)通过移动设备中设置的软件获取移动设备相关参数。
3)通过移动设备中设置的软件将分量坐标值转换为移动设备相应的物理坐标值，计算方法如下：
X＝rx×W+cx×CW+px
Y＝ry×H+cy×CH+py
其中，X和Y为设备的物理坐标值，W为移动设备屏幕宽度，H为移动设备屏幕高度，CW为相关点中文字符宽度像素数，CH为相关点中文字符高度像素数；rx、ry为绝对值最大为1的有符号浮点数，代表相对于移动设备显示屏幕宽度和高度的百分比；cx、cy为有符号浮点数，代表中文字符个数和行数；px、py为有符号整数，代表和移动设备屏幕物理像素对应的像素个数，当rx、ry、cx，cy、px、py为负数时，表示减去相应的值。
本发明中如果X和Y超过移动设备屏幕范围，需要进行剪裁。
4)所述移动设备中设置的软件根据上述物理坐标值显示或绘制信息。
如图1所示上述步骤3中的物理坐标值的计算流程图进一步说明如下：
1、获取显示屏幕高度和宽度(单位为像素)
W＝屏幕宽度H＝屏幕高度
2、获取显示中文字符的高度和宽度(单位为像素)
CW＝中文字符宽度CH＝中文字符高度
3、应用程序用如下表示式描述和计算需显示的对象位置
X＝rx×W+cx×CW+px
Y＝ry×H+cy×CH+py
4、根据计算计算结果X和Y显示对象
5、完成
其中：
rx、ry为绝对值最大为1的有符号浮点数，如0.5代表50％，1表示100％。cx、cy为有符号浮点数，代表中文字符个数和行数，如8代表8个中文字符；px、py为有符号整数，代表和屏幕物理像素对应的像素个数，如100代表100像素。
如图2-A，2-B所示一种相同坐标表达式在不同屏幕上的实际显示位置的进一步说明如下：
X轴位置表达式：50％+2字符+2像素
1、屏幕A：宽度320像素，中文字符宽24像素
X轴上的坐标位置＝320×50％+2×24+2＝210像素
2、屏幕B：宽度240像素，中文字符宽18像素
X轴上的坐标位置＝240×50％+2×18+2＝158像素
本发明的移动设备包括但不限于手机、PDA、电子书阅读器、导航仪、电子相框、移动上网设备(MID)等。
本专利申请的具体应用实施案例：
本专利申请在上海解放日报报业集团的新媒体手机客户端中得到应用。该手机客户端为在线应用，功能齐全、流程复杂、人机界面丰富。界面包括了首页(多图切换界面)、列表、图文混排文本页面、电子报模拟版面、问卷调查输入界面等等。由于采用了本专利技术，服务器应用只开发了一种版本，客户端软件也完全忽略了屏幕和字体大小的差异，只为一种软件平台开发一个版本，大大提高了开发效率，得到了很好效果。
该客户端支持的设备包括：
1.176x208屏幕、12大小字体：诺基亚QD、6670、3230等数十款手机。
2.176x220屏幕、12大小字体：多普达565、575等十多款手机。
3.240x320屏幕、12大小字体：多普达710、838、S1、TouchDiamond等数十款手机。
4.320x240屏幕、12大小字体：诺基亚E61、E71、多普达720等十多款手机。
5.240x320屏幕、18大小字体：诺基亚N71、N81、N82、N97等数十款手机。
6.480x800屏幕、24大小字体：多普达TouchHD等数款手机。
但是，上述的具体实施方式只是示例性的，是为了更好的使本领域技术人员能够理解本专利，不能理解为是对本专利包括范围的限制；只要是根据本专利所揭示精神的所作的任何等同变更或修饰，均落入本专利包括的范围。
Claims (3)
1.一种在移动设备上图文信息显示位置的自动适配方法，其特征在于：包括以下步骤：
1)按界面设计确定需在移动设备上的图文信息的显示位置的坐标值，所述坐标值由像素坐标值、百分比坐标值、字符坐标值三个分量标示，即得分量坐标值；
2)所述移动设备中设置的软件获取移动设备相关参数；
3)所述移动设备中设置的软件将所述分量坐标值按照所述移动设备相关参数转换为移动设备相应的物理坐标值，采用如下计算方法：
X＝rx×W+cx×CW+px
Y＝ry×H+cy×CH+py
其中，X和Y为以像素为单位的物理坐标值，W为以像素为单位的移动设备屏幕宽度，H为以像素为单位的移动设备屏幕高度，CW为以像素为单位的中文字符宽度，CH为以像素为单位的中文字符高度；rx、ry为绝对值小于等于1的有符号浮点数，代表相对于移动设备屏幕宽度和高度的百分比；cx、cy为有符号浮点数，代表中文字符个数和行数；px、py为有符号整数，代表和移动设备屏幕物理像素对应的像素个数；当rx、ry、cx、cy、px、py为负数时，表示减去相应的值；
4)所述移动设备中设置的软件根据所述物理坐标值显示或绘制信息。
2.根据权利要求1所述的一种在移动设备上图文信息显示位置的自动适配方法，其特征在于：所述物理坐标值X和Y超过移动设备屏幕范围时，需要按照移动设备屏幕范围进行剪裁。
3.根据权利要求1或2所述的一种在移动设备上图文信息显示位置的自动适配方法，其特征在于：所述移动设备可为手机、PDA、电子书阅读器、导航仪、电子相框、移动上网设备。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201010022592.9A CN101800793B (zh) | 2010-01-08 | 2010-01-08 | 一种在移动设备上图文信息显示位置的自动适配方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201010022592.9A CN101800793B (zh) | 2010-01-08 | 2010-01-08 | 一种在移动设备上图文信息显示位置的自动适配方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101800793A CN101800793A (zh) | 2010-08-11 |
| CN101800793B true CN101800793B (zh) | 2016-03-23 |
Family
ID=42596283
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201010022592.9A Expired - Fee Related CN101800793B (zh) | 2010-01-08 | 2010-01-08 | 一种在移动设备上图文信息显示位置的自动适配方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101800793B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102811290B (zh) * | 2012-08-15 | 2015-05-13 | 小米科技有限责任公司 | 一种调整小部件的方法、装置及终端 |
| CN102902535A (zh) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | 一种图片自适应方法、系统和终端设备 |
| CN103442116B (zh) * | 2013-08-22 | 2016-04-20 | 深圳市金立通信设备有限公司 | 一种盲文的显示方法、装置及终端 |
| CN103559096B (zh) * | 2013-09-05 | 2017-07-11 | 香港四维软件有限公司 | 计算机软件端口无缝对接方法 |
-
2010
- 2010-01-08 CN CN201010022592.9A patent/CN101800793B/zh not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| CN101800793A (zh) | 2010-08-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106502659B (zh) | 一种移动设备网页单页面的布局方法及系统 | |
| CN102637198B (zh) | 网页内容显示的实现方法、装置、浏览器及移动终端 | |
| CN101937312B (zh) | 一种电子书的标记方法及移动终端 | |
| US20160283096A1 (en) | Method of generating a link by utilizing a picture and system thereof | |
| CN104102418B (zh) | 一种移动终端浏览器中输入框目标位置定位方法及装置 | |
| CN103593196A (zh) | 页面布局自适应方法及装置 | |
| CN105912336A (zh) | 一种移动端前端开发多屏适配方法 | |
| CN105930464B (zh) | Web富媒体跨屏适配方法和装置 | |
| CN107797801A (zh) | 一种基于多种移动终端界面的适配方法 | |
| CN101763234B (zh) | 一种模拟各种屏幕分辨率的方法及其装置 | |
| CN101800793B (zh) | 一种在移动设备上图文信息显示位置的自动适配方法 | |
| CN107025630B (zh) | 一种基于svg的电力系统地理接线图背景地图生成方法 | |
| CN110502205B (zh) | 图片显示边缘处理方法、装置、电子设备和可读存储介质 | |
| US6580436B1 (en) | Terminal device for mobile communication and screen display method performed by such device | |
| CN104423839A (zh) | 浏览器资源显示方法和装置 | |
| CN107861711B (zh) | 页面适配方法及装置 | |
| CN103713874A (zh) | 电力系统实时画面Web界面展现方法 | |
| CN103678261A (zh) | 一种快速显示ttf字体的方法、装置及设备 | |
| CN103150742A (zh) | 一种矢量图形动态渲染方法及其装置 | |
| CN103236042A (zh) | 图片自适应处理方法及装置 | |
| CN107608670B (zh) | 一种报表ui元素自适应展示的方法及系统 | |
| CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
| CN104318236B (zh) | 一种获取图像局部特征的方法及系统 | |
| JP2014071448A (ja) | ディスプレイのフォント生成システム及び方法 | |
| CN113096217B (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 | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C41 | Transfer of patent application or patent right or utility model | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20160523 Address after: 200232 Shanghai city Xuhui District Yunjin Road No. 500 room 909 Patentee after: Shanghai Pulse Information Technology Co., Ltd. Address before: 200126 Shanghai city Pudong New Area Lingyan Road No. 295 Building No. 17 room 203B Patentee before: Shanghai MagicPoint Information Technology Co., Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20170727 Address after: 201203 Chinese (Shanghai) free trade zone fanchun Road No. 400 Building 1 layer 3 Patentee after: Shanghai Kai Kai state information technology Co., Ltd. Address before: 200232 Shanghai city Xuhui District Yunjin Road No. 500 room 909 Patentee before: Shanghai Pulse Information Technology Co., Ltd. |
|
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160323 Termination date: 20210108 |