多分辨率适配常用目录

转自:http://wiki.jikexueyuan.com/project/android-actual-combat-skills/multi-resolution-adapting-common-directory.html


我们可以用多个 layout 目录对不同分辨率进行单独布局,如下:

    layout-large-mdpi   (1024x600)
    layout-large-tvdpi  (800x1280)
    layout-large-xhdpi  (1200x1920)
    layout-xlarge-mdpi  (1280x800)
    layout-xlarge-xhdpi (2560x1600)

或者直接使用下面这样:

    layout-640x360
    layout-800x480

与 layout 对应的,有不同的 drawable:

    res/drawable        (default)
    res/drawable-ldpi/  (240x320 and nearer resolution)
    res/drawable-mdpi/  (320x480 and nearer resolution)
    res/drawable-hdpi/  (480x800, 540x960 and nearer resolution)
    res/drawable-xhdpi/  (720x1280 - Samsung S3, Micromax Canvas HD etc)
    res/drawable-xxhdpi/ (1080x1920 - Samsung S4, HTC one, Nexus 5, etc)

用不同的 layout 毕竟工作量巨大,我们的实践是用不同的 values 来对应同 layout 中的值,目录如下:

    res/values/dimens.xml(default)
    res/values-ldpi/dimens.xml   (240x320 and nearer resolution)
    res/values-mdpi/dimens.xml   (320x480 and nearer resolution)
    res/values-hdpi/dimens.xml   (480x800, 540x960 and nearer resolution)
    res/values-xhdpi/dimens.xml  (720x1280 - Samsung S3, Micromax Canvas HD, etc) 
    res/values-xxhdpi/dimens.xml (1080x1920 - Samsung S4, HTC one, etc)
    res/values-large/dimens.xml  (480x800)

    res/values-large-mdpi/dimens.xml (600x1024)
    res/values-sw600dp/dimens.xml  (600x1024)
    res/values-sw720dp/dimens.xml  (800x1280)
    res/values-xlarge-xhdpi/dimens.xml (2560x1600 - Nexus 10")
    res/values-large-xhdpi/dimens.xml  (1200x1920 - Nexus 7"(latest))

有时必须要考虑到密度,如下:

    ldpi120dpi  0.75
    mdpi160dpi  1
    hdpi240dpi  1.5
    xhdpi   320dpi  2


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element UI是一套基于Vue.js的UI组件库,用于快速构建Web界面。在Element UI中,分辨率适配主要是指根据不同设备的屏幕分辨率,自动调整UI组件的大小和布局,以适应不同的屏幕尺寸。 Element UI提供了一些响应式的布局组件和CSS类,可以帮助实现分辨率适配。以下是一些常用的方法: 1. 响应式布局:Element UI提供了一些容器组件,如`Row`和`Col`,可以根据屏幕宽度自动调整子组件的布局。通过设置`span`属性来控制子组件在不同屏幕尺寸下所占的列数,从而实现自适应布局。 2. 媒体查询:Element UI使用了CSS媒体查询来根据不同的屏幕尺寸应用不同的样式。你可以通过自定义CSS类或者使用Element UI提供的预定义类来实现不同分辨率下的样式调整。 3. 弹性布局:Element UI中的一些组件,如`Layout`和`Container`,采用了弹性布局(Flexbox)来实现自适应。这意味着它们可以根据容器的大小自动调整子组件的位置和大小。 4. 响应式断点:Element UI定义了一些响应式断点,如`xs`、`sm`、`md`、`lg`和`xl`,用于根据屏幕宽度设置不同的样式。你可以根据需要在不同的断点上应用不同的样式。 总结起来,Element UI提供了一系列的布局组件、CSS类和响应式断点,可以帮助你实现分辨率适配。通过合理使用这些工具,你可以根据不同设备的屏幕分辨率,自动调整UI组件的大小和布局,以适应不同的屏幕尺寸。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值