美文网首页
面试之屏幕适配

面试之屏幕适配

作者: 王多鱼2 | 来源:发表于2019-08-22 00:03 被阅读0次

    一,屏幕尺寸适配

    1.1布局匹配

    • 布局元素自适应屏幕尺寸
      使用RelativeLayout,LinearLayout 合理利用"wrap_content"和"match_parent"
    • 根据屏幕的配置来加载相应的UI布局
      文件配置如下:例如
      适配手机的单面板(默认)布局:res/layout/main.xml
      适配尺寸>7寸平板的双面板布局::res/layout-large/main.xml

    1.2布局组件匹配

    • 使用"wrap_content"、"match_parent"和"weight“来控制视图组件的宽度和高度

    1.3图片资源匹配

    • 使用.9.pn

    1.4用户界面流程匹配

    根据屏幕的配置来加载相应的用户界面流程

    二,屏幕密度适配

    2.1布局控件匹配

    • 使得布局组件在不同屏幕密度上显示相同的像素效果
      dp,sp单位
    • 百分比适配方法,配置不同分辨率的values文件

    2.2图片资源匹配

    • 一套图,每种分辨率都配置一个,每套分辨率出一套图,为美工或者设计增加了许多工作量
      xhdpi应该是首选

    三 今日头条适配方案

    当前设备屏幕总宽度(单位为像素)/ 设计图总宽度(单位为 dp) = density
    这个公式就是把上面公式中的 屏幕的总 dp 宽度 换成 设计图总宽度,原理都是一样的,只要 density 根据不同的设备进行实时计算并作出改变,就能保证 设计图总宽度 不变,也就完成了适配

    相关文章

      网友评论

          本文标题:面试之屏幕适配

          本文链接:https://www.haomeiwen.com/subject/vkcwsctx.html