android自动适应屏幕二、自定义尺寸法

时间  2021-01-02


这个是我自己想出来的方法，可能是个比较笨的方法，所以没有多少人提过用这种方法解决自适应的问题。虽然这个方法缺点也很多，但有时候也是个不错的方法。
先看下面这张图


可以看到我定义了两套尺寸文件，我们可以看下其中一个文件
?
代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?xml version= "1.0" encoding= "utf-8" ?>
<resources>
<dimen name= "height_1_80" >6px</dimen><dimen name= "height_2_80" >12px</dimen>
<dimen name= "height_3_80" >18px</dimen><dimen name= "height_4_80" >24px</dimen>
<dimen name= "height_5_80" >30px</dimen><dimen name= "height_6_80" >36px</dimen>
<dimen name= "height_7_80" >42px</dimen><dimen name= "height_8_80" >48px</dimen>
<dimen name= "height_9_80" >54px</dimen><dimen name= "height_10_80" >60px</dimen>
<dimen name= "height_11_80" >66px</dimen><dimen name= "height_12_80" >72px</dimen>
<dimen name= "height_13_80" >78px</dimen><dimen name= "height_14_80" >84px</dimen>
<dimen name= "height_15_80" >90px</dimen><dimen name= "height_16_80" >96px</dimen>
<dimen name= "height_17_80" >102px</dimen><dimen name= "height_18_80" >108px</dimen>
<dimen name= "height_19_80" >114px</dimen><dimen name= "height_20_80" >120px</dimen>
<dimen name= "height_21_80" >126px</dimen><dimen name= "height_22_80" >132px</dimen>
<dimen name= "height_23_80" >138px</dimen><dimen name= "height_24_80" >144px</dimen>
<dimen name= "height_25_80" >150px</dimen><dimen name= "height_26_80" >156px</dimen>
<dimen name= "height_27_80" >162px</dimen><dimen name= "height_28_80" >168px</dimen>
<dimen name= "height_29_80" >174px</dimen><dimen name= "height_30_80" >180px</dimen>
<dimen name= "height_31_80" >186px</dimen><dimen name= "height_32_80" >192px</dimen>
<dimen name= "height_33_80" >198px</dimen><dimen name= "height_34_80" >204px</dimen>
<dimen name= "height_35_80" >210px</dimen><dimen name= "height_36_80" >216px</dimen>
<dimen name= "height_37_80" >222px</dimen><dimen name= "height_38_80" >228px</dimen>
<dimen name= "height_39_80" >234px</dimen><dimen name= "height_40_80" >240px</dimen>
<dimen name= "height_41_80" >246px</dimen><dimen name= "height_42_80" >252px</dimen>
<dimen name= "height_43_80" >258px</dimen><dimen name= "height_44_80" >264px</dimen>
<dimen name= "height_45_80" >270px</dimen><dimen name= "height_46_80" >276px</dimen>
<dimen name= "height_47_80" >282px</dimen><dimen name= "height_48_80" >288px</dimen>
<dimen name= "height_49_80" >294px</dimen><dimen name= "height_50_80" >300px</dimen>
<dimen name= "height_51_80" >306px</dimen><dimen name= "height_52_80" >312px</dimen>
<dimen name= "height_53_80" >318px</dimen><dimen name= "height_54_80" >324px</dimen>
<dimen name= "height_55_80" >330px</dimen><dimen name= "height_56_80" >336px</dimen>
<dimen name= "height_57_80" >342px</dimen><dimen name= "height_58_80" >348px</dimen>
<dimen name= "height_59_80" >354px</dimen><dimen name= "height_60_80" >360px</dimen>
<dimen name= "height_61_80" >366px</dimen><dimen name= "height_62_80" >372px</dimen>
<dimen name= "height_63_80" >378px</dimen><dimen name= "height_64_80" >384px</dimen>
<dimen name= "height_65_80" >390px</dimen><dimen name= "height_66_80" >396px</dimen>
<dimen name= "height_67_80" >402px</dimen><dimen name= "height_68_80" >408px</dimen>
<dimen name= "height_69_80" >414px</dimen><dimen name= "height_70_80" >420px</dimen>
<dimen name= "height_71_80" >426px</dimen><dimen name= "height_72_80" >432px</dimen>
<dimen name= "height_73_80" >438px</dimen><dimen name= "height_74_80" >444px</dimen>
<dimen name= "height_75_80" >450px</dimen><dimen name= "height_76_80" >456px</dimen>
<dimen name= "height_77_80" >462px</dimen><dimen name= "height_78_80" >468px</dimen>
<dimen name= "height_79_80" >474px</dimen><dimen name= "height_80_80" >480px</dimen>
</resources>

这个是 values-480x320 文件夹下 dimens_height.xml 文件中的代码，我把整个高度分成了 80等分，这是因为大部分屏幕的宽度或高度都是80的整数倍（个别特殊的除外），不同的等分在不同的分辨率中设定不同的尺寸值。
由于每一套界面都要写一套，所以有些同学可能觉着不太好，不过这个写起来比较简单，而且以后也不用改，所以有时候也可以考虑用一下！
再看我Demo的布局代码（dimen_layout.xml）

?
代码片段，双击复制
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?xml version= "1.0" encoding= "utf-8" ?>
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"
android:layout_width= "fill_parent"
android:layout_height= "fill_parent"
android:orientation= "vertical" >
<View
android:layout_width= "@dimen/width_76_80"
android:layout_height= "@dimen/height_10_80"
android:background= "#ffcccc"
android:layout_margin= "@dimen/width_2_80" />
<LinearLayout
android:layout_width= "fill_parent"
android:layout_height= "fill_parent" >
<View
android:layout_width= "@dimen/width_30_80"
android:layout_height= "@dimen/height_50_80"
android:background= "#ccccff"
android:layout_margin= "@dimen/height_5_80" />
<LinearLayout
android:layout_width= "fill_parent"
android:layout_height= "fill_parent"
android:orientation= "vertical" >
<Button
android:layout_width= "@dimen/width_30_80"
android:layout_height= "@dimen/height_5_80"
android:background= "#ccffcc"
android:layout_marginBottom= "@dimen/height_1_80"
android:text= "5" />
<Button
android:layout_width= "@dimen/width_30_80"
android:layout_height= "@dimen/height_10_80"
android:background= "#ccffcc"
android:layout_marginBottom= "@dimen/height_1_80"
android:text= "10" />
<Button
android:layout_width= "@dimen/width_30_80"
android:layout_height= "@dimen/height_15_80"
android:background= "#ccffcc"
android:layout_marginBottom= "@dimen/height_1_80"
android:text= "15" />
<Button
android:layout_width= "@dimen/width_30_80"
android:layout_height= "@dimen/height_20_80"
android:background= "#ccffcc"
android:text= "20" />
</LinearLayout>
</LinearLayout>
</LinearLayout>

以上是我写的统一的布局代码，来看下在两个不同分辨率的模拟器上的显示效果吧（大家注意我的代码中有 margin 这样的值也用到了自定义尺寸，如果这个 margin 使用 layout_weight 来控制的话，无疑要多嵌套一层线性布局，所以说没有一个方法是十全十美的，这第 2 个方法有时候用起来反而还要方便一些）
2.png
联系我们 沪ICP备13005482号-10