一种自适应布局的编程方法

文档序号:9708087阅读:454来源:国知局
一种自适应布局的编程方法
【技术领域】
[0001]本发明涉及一种自适应布局的编程方法,属于软件系统用户界面设计领域,根据其特点我们命名为“自适应布局”,这种软件设计和编程方式适用于各种像素尺寸、各种长宽比的屏幕的界面布局,特别适合于触摸屏布局的设计和编程。
【背景技术】
[0002]现行软件系统中有各种各样的软件界面设计及其编程方法,有通过像素值、百分比、权重等方式设定对象大小,通过绝对定位、相对定位、浮动定位设置对象位置,通过线性布局、网格布局、帧布局等设定对象容器的。但存在着同一界面不能适应不同像素尺寸、不同长宽比的屏幕,更不能根据屏幕长宽方向的改变自动做出合适的尺寸和位置变化,屏幕像素密度增加时界面元素和字体变小,不方便观看和触摸操作,用户体验不佳。还有些编程方法,采用多种界面设计来应对同一界面在不同屏幕或屏幕转动时的布局需求,切换界面时需要保存当前界面内的内容然后转动方向到新的界面中,编程工作量大,运行时占用软件系统资源。

【发明内容】

[0003]为了解决现有软件界面设计及编程方法不能灵活地在不同长宽比或不同像素尺寸的屏幕上进行布局和调整对象大小位置,不能高效地在屏幕横竖屏切换时进行布局调整,编程工作量大,运行时占用系统资源等问题,本发明提供了一种只需要一个布局,可以灵活又快速地在不同像素尺寸、不同长宽比屏幕上进行布局,且满足横竖屏转换时合理调整对象大小位置的自适应布局的编程方法。
[0004]实施本发明上述目的而采用的技术方案如下所述:
一种自适应布局的编程方法,包括如下步骤:
1)获取设备像素比DPR或屏幕密度(Density)、屏幕像素宽SW、屏幕像素高SH、横竖屏状态、当前窗口像素宽CW、当前窗口像素高CH等参数;
2)根据上述设备参数设定自适应初始单位M0;
3)设置界面供用户选择缩放系数SF,将自适应初始单位M0乘以缩放系数SF得到自适应基本单位Μ;
4)用Μ做基本单位计算标准外间距、标准内间距、同比类样式、固定类样式、补余类样式、自适类样式、正比类样式、字体大小;
5)根据设计需求应用不同的样式进行布局编程;
6)运行时加载内容后再动态计算和渲染样式和布局;
7)监听屏幕方向和窗口宽度的变化,如有变化则重新动态计算和渲染样式和布局。
[0005]进一步的,取屏幕像素宽SW或屏幕像素高SH除以设备像素比DPR或屏幕密度(Density)的值作为判断屏幕的物理尺寸范围的依据,将屏幕物理尺寸分为几个范围段。
[0006]进一步的,所述步骤2)中,自适应初始单位M0根据屏幕物理尺寸的范围段取适合屏幕触摸操作的值,在同一个范围段内自适应初始单位MO与屏幕物理尺寸成正比。
[0007]进一步的,所述的同比类样式系列对象的宽度与窗口宽度减去同行所有外间距宽度后的值成固定比例关系。
[0008]进一步的,所述的固定类样式系列对象的宽度是自适应基本单位Μ的固定倍率。
[0009]进一步的,所述的补余类样式系列对象的宽度为窗口宽度减去同一行内所有固定类样式对象的宽度和外间距宽度除以该行内补余类样式对象的个数。
[0010]进一步的,所述的自适类样式系列对象,其最小宽度与自适应基本单位Μ呈正比,实际宽度为窗口宽度减去同行所有外间距宽度后的值除以可容纳该自适应样式对象最小宽度的最大个数得到的值。
[0011]进一步的,所述的正比类样式系列对象的宽度与窗口宽度成固定比例关系。
[0012]进一步的,所述的字体大小与Μ成正比关系。
[0013]从上述特点可知,本发明方案与已有的技术方案比较有如下优点:
1、不会因屏幕密度变大时界面元素对象和字体变小,而是能够根据屏幕大小、方向动态改变界面对象的大小和布局,更好地显示和方便触摸操作。
[0014]2、可以根据设计需求灵活地采用不同的样式组成,把屏幕空间分配给需要的对象。
[0015]3、横竖屏切换时自动改变对象大小和布局以适应屏幕。
[0016]4、用户可通过设置缩放系数改变屏幕对象的大小,如老年模式,或者远距离观看模式。
[0017]5、采用规范的样式进行组合,减少了代码,程序更精简。
[0018]如上所述可知,本发明的一种自适应布局的编程方法与已有技术相比,可以根据需求灵活地采用规范的样式进行组合,布置出丰富的布局样式,并可根据屏幕大小和方向做出自适应的变化,提高用户体验,且由于范规了样式的种类,减少了样式的代码,程序更精简。
【附图说明】
[0019]图1为本发明的原理不意图;
图2为本发明一实施例判断屏幕物理尺寸范围的方法示意图;
图3为本发明上述实施例自适应初始单位Μ0设置方法示意图;
图4为本发明上述实施例竖屏状态时的界面示意图;
图5为图4界面切换到横屏状态时的界面示意图;
图6为本发明上述实施例文字大小方案的设置示意图。
【具体实施方式】
[0020]现在结合附图所示的优选实施例对本发明的原理作进一步描述。
[0021]由图1可知,本发明包括如下步骤:
1)获取设备像素比DPR或屏幕密度Density、屏幕像素宽SW、屏幕像素高SH、横竖屏状态、当前窗口像素宽CW、当前窗口像素高CH等参数;
2)根据上述设备参数设定自适应初始单位M0; 3)设置界面供用户选择缩放系数SF,将自适应初始单位M0乘以缩放系数SF得到自适应基本单位Μ;
4)用Μ做基本单位计算标准外间距、标准内间距、同比类样式、固定类样式、补余类样式、自适类样式、正比类样式、字体大小;
5)根据设计需求应用不同的样式
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1