1、dpi ,dip(dp), density

几个比较难描述的概念,摘这个blog的:
http://www.cnblogs.com/wader2011/archive/2011/11/29/2267490.html

  1. density: 屏幕密度
    指每平方英寸中的像素数。
    Density=Resolution/Screen size
    在DisplayMetrics类中属性density的值为dpi/160(可用于px与dip的互相转换)

  2. dpi: (dots per inch 像素密度)
    每英寸中的像素数。如160dpi指手机水平或垂直方向上每英寸距离有160个像素点。假定设备分辨率为320*240,屏幕长2英寸宽1.5英寸,dpi=320/2=240/1.5=160
    简单的估算可以用ppi 也就是买手机时经常会标的参数:
    =屏幕对角线的像素长度/屏幕对角线的尺寸

  3. dip = dp: (Device-independent pixel,设备独立像素)
    dip值 =设备密度/160* pixel值
    dip值 =density* pixel值

2、常见设备对应值

理想设备
- xxhdpi -> dpi=480 ->density=3
- xhdpi -> dpi=320 -> density=2
- hdpi -> dpi=240 -> density=1.5
- mdpi -> dpi=160 -> density=1

其中:

  • 手机设备 720p 对应 xhdpi
  • 手机设备 1080p 对应 xxhdpi
  • tv 设备 720p 对应 mdpi
  • tv 设备 1080p 对应 hdpi

3、标注与切图 设计图对取图的影响

  1. ui 图的标注,切图和 设计图的分辨率有关系。
    比如针对android开发的ui图给图也是跟着主流设备走,一个发展的过程:
    480*800 -> 720*1280 -> 1080*1920 -> (以后2k屏幕)
    手机(480*800 hdpi = 1.5) ->(720*1280 xhdpi = 2) -> (1080*1920 xxhdpi = 3)
    tv (720*1280 mdpi = 1) -> (1080*1920 hdpi = 1.5)

  2. ios设备给图的顺序:
    640x960 -> 640x1136 -> i6的具体怎么给没琢磨

  3. 然后有些公司比较抠门,是android 照着ios的设计图做的,也就是说
    在android设备盛行720p(i4s时代) android 的设计稿用的640*960
    在android设备盛行1080p(i5s时代) android 的设计稿用的640*1136
    因为android 照着ios的设计图做,开发自行转换算出来的值其实是偏小的。

3.1、距离的标注

例如:比如对字体的标注,一个控件和另一个控件之间的距离标注。

  1. 设计图1080*1920 上的一个距离是 100.0px 对应
    在1080*1920 - xxhdpi 的设备上对应的就是 100.0 / 3 dp
    在1080*1920 -xhdpi(tv) 的设备上对应的就是 100.0 / 1.5 dp
    在720*1280- xxhdpi 的设备上对应的就是 100*(720/1080) /3 dp
    在720*1280 - mdpi (tv)的设备上对应的就是 100*(720/1080)/1 = 100/1.5dp

  2. 设计图720*1280上的一个距离是 100.0px 对应
    在720*1280- xxhdpi 的设备上对应的就是 100/3 dp
    在720*1280 - mdpi(tv) 的设备上对应的就是 100/1 dp
    在1080*1920 - xxhdpi 的设备上对应的就是 100.0 * (1080/720) / 3 dp=100/4.5dp
    在1080*1920 -xhdpi (tv)的设备上对应的就是 100.0 * (1080/720) / 1.5 dp = 100/1dp

3.2、图片切图

切图的计算方式和距离的标注的计算方式不同

3.2.1设计图 = 1080 * 1920 icon = 232*232

手机尺寸
xxhdpi:xhdpi:hdpi:mdpi = 6:4:3:2 其中设计图与xxhpi的图标大小一致
xxhpi 232*232
xhdpi 155*155
hdpi 116*116
mdpi 77*77

tv尺寸
hdpi:mdpi = 1.5 :1

hdpi 232 x 232
mdpi 155 x 155

3.2.2设计图 = 720 * 1080 icon = 232*232

xxhdpi:xhdpi:hdpi:mdpi = 6:4:3:2 其中设计图与xhpi的图标大小一致

xxhdpi 348x348
xhpi 232x232
hdpi 174x174
mdpi 116x116

tv尺寸
hdpi:mdpi = 1.5:1
hdpi 348x348
mdpi 232x232

4、参考

[官]http://developer.android.com/intl/zh-cn/guide/practices/screens_support.html

android ui 适配(tv)相关推荐

  1. android 布局可大可小,UI设计教程之:ios与android ui适配(将IOS UI转换成Android经验畅谈)...

    内容提要:这是UI设计系列教程之ios与android ui适配经验畅谈.文章作者介绍了自己将IOS UI转换成Android经验,包括:不要直接转换.了解单位和组件缩放格式.屏幕尺寸DP和像素的换算 ...

  2. android中图片适配器,Android UI适配总结之图片适配(1)

    由于Android的屏幕尺寸的碎片化,时至今日Android的UI适配依然是开发中必不可少的步骤. UI适配的适配,是通过dp.权重,通配符等方式使View能按我们意愿的准确的显示在不同手机上.除了对 ...

  3. android ui适配大字体,Android UI总结 Android 和H5 字体大小适配

    1.Android字体 1. 像素:像素(pixel)为图像的基本单位,是一个抽象的采样.一般作为一个最小的显示单位内置RGB. 2.屏幕尺寸:指屏幕的物理尺寸,一般用屏幕的对角线长度表示 3.宽高比 ...

  4. android UI适配方法经验总结

    1.  按屏幕的像素比例适配: 宽度适配.高度适配要分开,切记混淆,因为宽度的像素.高度的像素不同: -- 线上互动界面适配时 在高度适配时使用了宽度的像素: 像素是可以计算出来的: eg: 宽度适配 ...

  5. ios与android设计适配,IOS与Android UI适配方案

    方案一 IOS与Android共用一套效果图 1242*2208 IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px IOS常用尺寸为1242*2208  750* ...

  6. Android 万能适配方案和UI屏幕适配 不同分辨率 最全面 最易懂的

    文章目录 1.屏幕尺寸 2.屏幕分辨率 3.屏幕像素密度 4.图片的适配方案 1.屏幕尺寸 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米(下面有图文介绍) 比如常见的屏幕尺寸有2.4 ...

  7. Android TV开发 TCL电视开发实战 ui适配和焦点控制 Recyclerview自定义

    1.常用的adb命令 2.ui适配方案 3.Leanback库简介 4.焦点处理 5.Listview GridView和recycler和自定义Recycler view动态添加view 6.按键失 ...

  8. android 仿今日头条_Android今日头条UI适配完善版

    作者:xcheng_ 链接:https://www.jianshu.com/p/41930fde7aac 前言 众所周知 android的碎片化一直困扰着开发者,我们要花很多的时间去做UI适配的工作. ...

  9. android 今日头条布局,Android今日头条UI适配完善版

    前言 众所周知 android的碎片化一直困扰着开发者,我们要花很多的时间去做UI适配的工作.主流的适配方案有两种 1.今日头条适配 2.smallestWidth适配.具体的实现点击上述连接查看. ...

最新文章

  1. 快速提高你的UI设计水平的一些小技巧
  2. 设计模式在工作中的实践
  3. idea在Mybatis的xml里面写sql时,表名、字段、报红问题的解决方法
  4. 软件工程系列教材:软件架构设计实践教程
  5. C语言中的匿名结构体
  6. Object+C语法快速入门
  7. 农历鸡年(丁酉)正月初一第一博
  8. windows环境下Apache+PHP+MySQL搭建服务器
  9. C++ 继承关系图 01
  10. java 表单字段扩展_如何从Chrome扩展程序填写网页表单中的文本字段?
  11. J-flash 的简易使用教程
  12. java毕业生设计药品管理系统演示录像 2021计算机源码+系统+mysql+调试部署+lw
  13. 借助微博实时号日引流200精准客源,微博实时号是什么?
  14. 2023跨境出海指南:韩国网红营销白皮书
  15. 68000多只海洋动物、占地18.3万平米,这才是全球最大海洋水族馆该有的气势!...
  16. FastReport 金额大小写转换自定义函数
  17. 算法(5)动态规划法
  18. [云原生专题-22]:K8S - 集群编排工具K8S与SWARM比较与技术选择
  19. 8 精通matlab入门求微分方程组的通解特解数值解看这篇文章就够了
  20. html在线聊天界面模板,一款带气泡对话框的HTML5聊天应用界面模板

热门文章

  1. vue实现轮播图代码
  2. Android 子布局不超过父布局 圆角
  3. qt 隐藏控制台_c – 在Qt中显示控制台
  4. 请基于matlab将pdf格式的图片批处理转换为600dpi的tif格式文件,并裁剪为5736*2607的尺寸保存为600dpi的tif文件...
  5. Midjourney V5太炸裂:逼真到颤抖!“有图有真相”时代彻底过去 画画创作者 模特一键淘汰
  6. 在就医费用结算中请明晰解释 现金支付 帐户支付 统筹支付 附加支付 自负 分类给付
  7. 微信小程序学生宿舍管理系统丨可以android studio运行
  8. Java 中Map五种取值方式
  9. php诗词,古诗词停止或快速完成
  10. 112道运营面试问题及答案合集(适合用户运营、产品运营、新媒体运营、社群运营)