Android 资源文件屏幕适配

一、图片适配:

mipmap-xhdpi:720P,表示1280x720分辨率,用于存放2x切图
mipmap-xxhdpi:1080P,表示1920x1080分辨率,用于存放3x切图

mipmap-xxxhdpi:2K,表示2560x1440分辨率,用于存放4x切图

二、布局适配:

1、layout目录方式:

res/layout目录后跟分辨率,格式:"layout-高x宽",每个layout目录下都写一个布局文件。

竖屏:layout-1280x720,layout-1920x1080,layout-2560x1440

横屏:layout-land-1280x720,layout-land-1920x1080,layout-land-2560x1440

2、dimens文件方式:

(1)values目录后跟dp方式:

res/values目录后跟dp,每个values目录下都写一个dimens.xml文件。

3种方式:

第1种,格式:"values-sw值dp",屏幕宽高的较小值,大于等于"值"时,取此目录下的dimens文件中的dp值,不受横竖屏影响。

计算方式:值 = 分辨率宽高较小值 / 密度值density

例,1920x1080分辨率,density值为3的,values目录命名如下:

竖屏:values-sw360dp

横屏:values-sw360dp-land

第2种,格式:"values-w值dp",屏幕宽度,大于等于"值"时,取此目录下的dimens文件中的dp值,横竖屏切换时取值会变。

计算方式:值 = 分辨率宽度 / 密度值density

例,1920x1080分辨率,density值为3的,values目录命名如下:

竖屏:values-w360dp

横屏:values-w640dp-land

使用:

values-w320dp/dimens.xml文件:

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3. <dimen name="dp1">0.89dp</dimen> <!-- 320/360,四舍五入得到0.89 -->

  4. </resources>

values-w360dp/dimens.xml文件(此文件中的dp值为基准值,分辨率宽度1080,密度3,会取此目录下的值):

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3. <dimen name="dp1">1.00dp</dimen> <!-- 基准值 -->

  4. </resources>

values-w384dp/dimens.xml文件:

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3. <dimen name="dp1">1.07dp</dimen> <!-- 384/360,四舍五入得到1.07 -->

  4. </resources>

values-w392dp/dimens.xml文件:

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3. <dimen name="dp1">1.09dp</dimen> <!-- 392/360,四舍五入得到1.09 -->

  4. </resources>

values-w411dp/dimens.xml文件(例如:分辨率宽度1080,密度2.625,会取此目录下的值):

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3. <dimen name="dp1">1.14dp</dimen> <!-- 411/360,四舍五入得到1.14 -->

  4. </resources>

第3种,格式:"values-h值dp",屏幕高度,大于等于"值"时,取此目录下的dimens文件中的dp值,横竖屏切换时取值会变。

计算方式:值 = 分辨率高度 / 密度值density

例,1920x1080分辨率,density值为3的,values目录命名如下:

竖屏:values-h640dp

横屏:values-h360dp-land

(2)values目录后跟分辨率方式:

res/values目录后跟分辨率,格式:"values-高x宽",每个values目录下都写一个dimens.xml文件。

竖屏:values-1280x720,values-1920x1080,values-2560x1440

横屏:values-land-1280x720,values-land-1920x1080,values-land-2560x1440

3.LinearLayout占比方式:

利用LinearLayout的android:weightSum属性和子View的android:layout_weight="1"实现占比布局

 
  1. <?xml version="1.0" encoding="utf-8"?>

  2. <LinearLayout

  3. xmlns:android="http://schemas.android.com/apk/res/android"

  4. android:layout_width="match_parent"

  5. android:layout_height="match_parent"

  6. android:orientation="vertical"

  7. android:weightSum="4">

  8.  
  9. <TextView

  10. android:layout_width="match_parent"

  11. android:layout_height="0dp"

  12. android:layout_weight="1"

  13. android:background="#f98002"

  14. android:gravity="center"

  15. android:text="占比4分之1"/>

  16.  
  17. <TextView

  18. android:layout_width="match_parent"

  19. android:layout_height="0dp"

  20. android:layout_weight="2"

  21. android:background="#fff222"

  22. android:gravity="center"

  23. android:text="占比4分之2"/>

  24.  
  25. <TextView

  26. android:layout_width="match_parent"

  27. android:layout_height="0dp"

  28. android:layout_weight="1"

  29. android:background="#f00ff2"

  30. android:gravity="center"

  31. android:text="占比4分之1"/>

  32. </LinearLayout>

  33.  

猜你喜欢

转载自blog.csdn.net/qijingwang/article/details/82858886