多屏幕适配

1. 界面适配

 

1、基本概念

 

屏幕大小(screen size) – 屏幕的实际大小,用屏幕对角线长度来衡量(比如3.4寸,3.8)android把屏幕分为以下4种:small,normal,large,extra large

怎么判断?

 

屏幕密度(Screen Density) -  一块实际的屏幕区域有多少个像素,一般用dpi衡量(每英寸有多少个点)。相比起mediumhigh屏幕密度的设备,在一块确定大小的屏幕区域l密度为low的屏幕拥有的像素更少。android把屏幕密度分为4种:low,medium,high,extra high

 

如何判断是ldpi,mdpi,hdpi?

 

方向(orientation) -  屏幕方向分为landscape(横屏)portrait(竖屏)

 

分辨率(Resolution) -  屏幕上的总实际像素数。对屏幕进行适配时,一般不关注它的分辨率,只关注它的屏幕大小和密度。

 

与密度无关的像素(Density-independent pixel,dpdip) -  为了保证你的UI适合不同的屏幕密度,建议你采用dp来定义程序UI

它的计算方法为:px = dp * (dpi / 160)

 

sp(scale-independent pixel)

 

 

如何分辨一个屏幕是ldpimdpihdpi的方法,见下图

 

计算屏幕密度

2、怎样适配多种屏幕

 

 

a.manifest里定义你的程序支持的屏幕类型,相应代码如下:

<supports-screens android:resizeable=["true"| "false"]

android:smallScreens=["true" | "false"]   //是否支持小屏

android:normalScreens=["true" | "false"]  //是否支持中屏

android:largeScreens=["true" | "false"]   //是否支持大屏

android:xlargeScreens=["true" | "false"]  //是否支持超大屏

android:anyDensity=["true" | "false"]    //是否支持多种不同密度的屏幕

android:requiresSmallestWidthDp=”integer”

android:compatibleWidthLimitDp=”integer”

android:largestWidthLimitDp=”integer”/>

 

b.对不同大小的屏幕提供不同的layout

 

      比如,如果需要对大小为large的屏幕提供支持,需要在res目录下新建一个文件夹layout-large/并提供layout。当然,也可以在res目录下建立layout-portlayout-land两个目录,里面分别放置竖屏和横屏两种布局文件,以适应对横屏竖屏自动切换。

 

 

 

c.对不同密度的屏幕提供不同的图片。

应尽量使用点9格式的图片,如需对密度为low的屏幕提供合适的图片,需新建文件夹drawable-ldpi/,并放入合适大小的图片。相应的,medium对应drawable-mdpi /,high对应drawable-hdpi/,extra high对应drawable-xhdpi/

图片大小的确定:low:medium:high:extra high比例为3:4:6:8。举例来说,对于中等密度(medium)的屏幕你的图片像素大小为48×48,那么低密度(low)屏幕的图片大小应为36×36,高(high)的为72×72extra high96×96

 

不同密度的屏幕对应的图片比例

3、多屏幕适配的4条黄金原则

a.layout文件中设置控件尺寸时应采用wrap_contentfill_parentdp

 

       具体来说,设置view的属性android:layout_widthandroid:layout_height的值时,wrap_contentfill_parentdppix更好。相应地,为了使文字大小更好的适应屏幕应该使用sp来定义文字大小。

 

b.在程序的代码中不要出现具体的像素值。

 

为了使代码简单,android内部使用pix为单位表示控件的尺寸,但这是基于当前屏幕基础上的。为了适应多种屏幕,android建议开发者不要使用具体的像素来表示控件尺寸。

 

c.不要使用AbsoluteLayout(android1.5已废弃。相应地,应使用RelativeLayout

 

d.对不同的屏幕提供合适大小的图片。见上面第2部分。

 

4、需要注意的地方

以上设置适用于android3.2以下的版本。(本人目前开发是在android2.2上,这部分以后再补充)

 

5、怎样测试你的程序是否支持多屏幕适配

一般使用AVD Manager创建多个不同大小的模拟器,如下图

(1)drawable-hdpi里面存放高分辨率的图片,WVGA (480x800),FWVGA (480x854)

(2)drawable-mdpi里面存放中等分辨率的图片,HVGA (320x480)

(3)drawable-ldpi里面存放低分辨率的图片,QVGA (240x320)

 

ldpi240x320

mdpi320x480

hdpi480x800480x854

xhdpi:至少960*720

xxhdpi1280×720

 

 

android 自适应 多屏幕支持

1、屏幕相关概念 

1.1分辨率 

是指屏幕上有横竖各有多少个像素 

1.2屏幕尺寸 

指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸 

1英寸=25.4毫米

android将屏幕大小分为四个级别(smallnormallargeand extra large

像素密度达到326像素/英寸(ppi),称之为视网膜屏幕

2. 基本概念

屏幕大小(screen size) 

屏幕的实际大小,用屏幕对角线长度来衡量(比如3.4寸,3.8)android把屏幕分为以下4种:small,normal,large,extra large
怎么判断?

屏幕密度(Screen Density) -

  一块实际的屏幕区域有多少个像素,一般用dpi衡量(每英寸有多少个点)。相比起mediumhigh屏幕密度的设备,在一块确定大小的屏幕区域l密度为low的屏幕拥有的像素更少。android把屏幕密度分为4种:low,medium,high,extra high

 

如何分辨一个屏幕是ldpimdpihdpi的方法,见下图

计算屏幕密度

 

方向(orientation) - 

 屏幕方向分为landscape(横屏)portrait(竖屏)

分辨率(Resolution) -  

屏幕上的总实际像素数。对屏幕进行适配时,一般不关注它的分辨率,只关注它的屏幕大小和密度。

与密度无关的像素(Density-independent pixel,dpdip) -  为了保证你的UI适合不同的屏幕密度,建议你采用dp来定义程序UI
它的计算方法为:px = dp * (dpi / 160)

sp(scale-independent pixel)

2、怎样适配多种屏幕

manifest里定义你的程序支持的屏幕类型,相应代码如下:

<supports-screens android:resizeable=["true"| "false"]
android:smallScreens=["true" | "false"]   //是否支持小屏
android:normalScreens=["true" | "false"]  //是否支持中屏
android:largeScreens=["true" | "false"]   //是否支持大屏
android:xlargeScreens=["true" | "false"]  //是否支持超大屏
android:anyDensity=["true" | "false"]    //是否支持多种不同密度的屏幕
android:requiresSmallestWidthDp=”integer”
android:compatibleWidthLimitDp=”integer”
android:largestWidthLimitDp=”integer”/>


b.对不同大小的屏幕提供不同的layout

      比如,如果需要对大小为large的屏幕提供支持,需要在res目录下新建一个文件夹layout-large/并提供layout。当然,也可以在res目录下建立layout-portlayout-land两个目录,里面分别放置竖屏和横屏两种布局文件,以适应对横屏竖屏自动切换。

res/layout/my_layout.xml             // 用于normal 屏幕大小的布局 ("默认")
res/layout-small/my_layout.xml       // 用于small 屏幕大小的布局
res/layout-large/my_layout.xml       // 用于large屏幕大小的布局
res/layout-xlarge/my_layout.xml      // 用于extra large屏幕大小的布局
res/layout-xlarge-land/my_layout.xml // extra large屏幕大小并且是横屏的布局

res/drawable-mdpi/my_icon.png        // 用于中等密度的位图
res/drawable-hdpi/my_icon.png        // 用于高密度的位图
res/drawable-xhdpi/my_icon.png       // 用于超高密度的位图

 

 

c.对不同密度的屏幕提供不同的图片。
应尽量使用点9格式的图片,如需对密度为low的屏幕提供合适的图片,需新建文件夹drawable-ldpi/,并放入合适大小的图片。相应的,medium对应drawable-mdpi /,high对应drawable-hdpi/,extra high对应drawable-xhdpi/
图片大小的确定:low:medium:high:extra high比例为3:4:6:8。举例来说,对于中等密度(medium)的屏幕你的图片像素大小为48×48,那么低密度(low)屏幕的图片大小应为36×36,高(high)的为72×72extra high96×96

不同密度的屏幕对应的图片比例

 

Density  160  1 

 

 

2.1. 多屏幕适配建议

a.layout文件中设置控件尺寸时应采用wrap_contentfill_parentdp

       具体来说,设置view的属性android:layout_widthandroid:layout_height的值时,wrap_contentfill_parentdppix更好。相应地,为了使文字大小更好的适应屏幕应该使用sp来定义文字大小。

b.在程序的代码中不要出现具体的像素值。

为了使代码简单,android内部使用pix为单位表示控件的尺寸,但这是基于当前屏幕基础上的。为了适应多种屏幕,android建议开发者不要使用具体的像素来表示控件尺寸。

c.不要使用AbsoluteLayout(android1.5已废弃。相应地,应使用RelativeLayout

d.对不同的屏幕提供合适大小的图片。见上面第2部分。

4、需要注意的地方
以上设置适用于android3.2以下的版本。(本人目前开发是在android2.2上,这部分以后再补充)

5、怎样测试你的程序是否支持多屏幕适配
一般使用AVD Manager创建多个不同大小的模拟器

 

2.2. 独立密度dp px

维持独立密度是很重要的,因为没有它,一个UI元素(比如一个按钮)会出现在一个物理屏幕很大,但密度很少的显示效果(看起来就是像是被强行放大的,失真很严重)。这样相对位置的改变会出问题

 

1是你的App没有支持不同密度产生的效果

 

 

2是具有良好的支持程序为例产生的效果 

 

android 系统帮助你的App实现独立密度的方法有两种:

 系统缩放dp单位来适用当前屏幕密度The system scales dp units as appropriate for the current screen density

 系统基于当前屏幕密度缩放drawable资源到适用的大小

图 1是用像素单位来定义的大小。 你发现他们的布局完全变了,有的大有的小。这是因为他们的实际屏幕大小可能是一样的,高密度屏幕每英寸的像素更多(所以你会发现像素一样,但高密度的设备显示出来的效果却很小)。图2使用的是dp单位,基于mdpi密度的设备它不会变化,ldpi它会自动缩小,hdpi它会自动放大。

 

2.3. 特征表

 

屏幕特征

后缀

描述

大小

small

资源用于small大小的屏幕.

normal

资源用于normal 大小的屏幕。(这是默认的基准大小)

large

资源用于large 大小的屏幕

xlarge

资源用于extra large 大小的屏幕

密度

ldpi

资源用于 low-density (ldpi密度的屏幕 (~120dpi).

mdpi

资源用于medium-density (mdpi密度的屏幕 (~160dpi). (这是默认的基准密度.)

hdpi

资源用于high-density (hdpi密度的屏幕 (~240dpi).

xhdpi

资源用于extra high-density (xhdpi密度的屏幕 (~320dpi).

nodpi

资源用于所有密度系统不会根据当前屏幕密度去缩放资源

tvdpi

资源用于mdpi hdpi两者之间的某的密度;大约是213dpi。 这个很少用到。它主要用于电视,大多数App不需要用到它。如果你需要tvdpi资源,它的大小大概是1.33*mdpi160)例如,一个在mdpi100px*100px的图片,那么在 tvdpi中它会变成133px*133px

方向

land

资源用于横屏

port

资源用于竖屏

长宽比

long

资源用于长宽比相差很远的配置(相对于4(normal)屏幕左右基准屏幕)

notlong

资源用于长宽比差不多的配置(相对论,同上)

以下是android3.2进入的新后缀(注意是基于屏幕大小的而不是密度)

2.4.   使用新的大小后缀(非密度)

 

屏幕 配置

后缀值

描述

最小宽度

sw<N>dp

例如:
sw600dp
sw720dp

用这个后缀可以确保不管当前屏幕是否横竖屏。你的App有一个至少<N>dp的可用宽度 

例如如果你的layout一直需求最小屏幕的一边为600dp,那么你能使用这个后缀创建layout资源(res/layout-sw600dp/)。对于用户来讲,不管600dp是宽还是高,仅当屏幕可用的最小尺寸至少是600dp时,系统会使用这些资源(就是说你的设备不用以什么角度看,长和宽的某一边的最小值大于或等于600dp时,系统就会使用。)。当屏幕水平方向改变时,设备的最小宽度不会改变

设备的最小宽度要考虑屏幕的装饰和系统UI。例如,如果设备有一些持续不变的沿着你最小宽度的轴方向的UI元素(动作条等),那么系统会宣布最小宽度比实际屏幕宽度要小,因为那些UI元素对于你的UI来说是不可用的

 因为宽度是经常影响布局的一个重要因素,所以使用最小宽度来控制一般的屏幕大小(针对平板)还是有用的。 可用宽度也是决定是否使用单屏幕布局(手机)和多屏幕布局(平板)关键因素,因此你很可能关心每一个设备上的最小方面。

屏幕可用宽度

w<N>dp

例如:
w720dp
w1024dp

dp单位指定一个最小化的在可用宽度下可以使用的资源。系统会根据宽度改变(横竖屏切换时)来匹配这个值,并反映到当前实际可用的宽度上

当你决定是否使用多屏幕布局时它很有用,因为即使在平板设备上,你也经常不想要多屏幕布局会根据横竖屏来变化。因此你可以用这个来指定最小化的宽度需求,它可以用来代替方向后缀(land,port)和大小后缀(small,normal,large,xlarge)使之整合到一起。

屏幕可用高度

h<N>dp

例如:
h720dp
h1024dp
etc.

dp单位指定一个最小化的屏幕高度。和"屏幕可用宽度"类似

可能对于平板布局你需要720dp的宽度,可能600dp就足够了,或者480,或者这两个之间。使用表格2的后缀,你可以在布局改变时精确的控制大小。以后我们会根据实际开发来讲述的

 

配置例子

以下是一些屏幕数据:

 320dp: 一种手机屏幕(240x320 ldpi, 320x480 mdpi, 480x800 hdpi, ).

 480dp: 一种平板 (480x800 mdpi).

 600dp:  7寸平板(600x1024 mdpi).

 720dp: 10寸平板(720x1280 mdpi, 800x1280 mdpi, ).

我们使用表格2中的后缀来为我们的App定义不同的切换风格(包括手机和平板),例如如果我们的平板布局600dp是最小可用宽度,我们能提供两套布局方式:

res/layout/main_activity.xml           # 手机
res/layout-sw600dp/main_activity.xml   # 平板

这种情况下,屏幕可用的最小宽度为600dp,这是伪了支持平板布局被应用。

或者你可能想要区分7寸和10寸平板,你可以这么做:

res/layout/main_activity.xml           # 手机(比600dp更小的可用宽度)
res/layout-sw600dp/main_activity.xml   # 7寸平板 (600dp的宽度或者更大)
res/layout-sw720dp/main_activity.xml   # 10寸平板(720dp的宽度或者更大)

注意上面的两套例子的使用使用 sw(最小宽度)后缀,它指定屏幕的两边中的最小一边,不管屏幕的水平方向。它忽视横竖屏。

然而某些情况下我们需要精确布局。例如如果你有一个 2个面板合并在一起的显示效果。是否屏幕提供至少600dp的宽度,是否横竖屏你都要使用它。就应该这:

res/layout/main_activity.xml         # 手机(小于600dp的可用宽度)
res/layout-w600dp/main_activity.xml  #多面板 (任意一个面板都是600dp或者更高的宽度)

注意上面这里用的是w<n>dp。实际设备可能需要两套布局,它依赖于屏幕的水平方向(一边至少是600dp的宽度,另一边小于600dp,你会发现不管横竖屏都满足这个条件。所以你需要准备两套关于横竖屏的布局)

 

 

3. 附件

3.1. LinearLayout: 

android:id                                     

为控件指定相应的ID 

android:text                                  

指定控件当中显示的文字,需要注意的是,这里尽量使用strings.xml

文件当中的字符

android:grivity                               

指定控件的基本位置,比如说居中,居右等位置

 android:textSize                            

指定控件当中字体的大小

android:background                      

指定该控件所使用的背景色,RGB命名法

 android:width                                

指定控件的宽度android:height                              

指定控件的高度android:padding*                          

指定控件的内边距,也就是说控件当中的内容

android:sigleLine                           

如果设置为真的话,则将控件的内容在同一行当中进行显示

 

3.2. RelativeLayout 

android:layout_above                   

将该控件的底部至于给定ID的控件之上

android:layout_below                   

将该控件的顶部至于给定ID的控件之下

android:layout_toLeftOf                

将该控件的右边缘和给定

ID的控件的左边缘对齐

 android:layout_toRightOf              

将该控件的左边缘和给定ID

的控件的右边缘对齐

android:layout_alignBaseline        

该控件的baseline和给定ID的控件的baseline对齐

 android:layout_alignBottom          

将该控件的底部边缘与给定ID控件的底部边缘

 android:layout_alignLeft               

将该控件的左边缘与给定ID控件的左边缘对齐

android:layout_alignRight             

将该控件的右边缘与给定ID控件的右边缘对齐

android:layout_alignTop                

将给定控件的顶部边缘与给定

ID控件的顶部对齐

android:alignParentBottom            

如果该值为true,则将该控件的底部和父控件的底部对齐

 android:layout_alignParentLeft      

如果该值为true,则将该控件的左边与父控件的左边对齐

android:layout_alignParentRight    

如果该值为

true,则将该控件的右边与父控件的右边对齐

android:layout_alignParentTop      

如果该值为true,则将空间的顶部与父控件的顶齐

 android:layout_centerHorizontal    

如果值为真,该控件将被至于水平方向的中央

 android:layout_centerInParent      

如果值为真,该控件将被至于父控件水平方向和垂直方向的中央

 android:layout_centerVertical        

如果值为真,该控件将被至于垂直方向的中央

 

 

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值