android ui 适配(tv)
1、dpi ,dip(dp), density
几个比较难描述的概念,摘这个blog的:
http://www.cnblogs.com/wader2011/archive/2011/11/29/2267490.html
density: 屏幕密度
指每平方英寸中的像素数。
Density=Resolution/Screen size
在DisplayMetrics类中属性density的值为dpi/160(可用于px与dip的互相转换)dpi: (dots per inch 像素密度)
每英寸中的像素数。如160dpi指手机水平或垂直方向上每英寸距离有160个像素点。假定设备分辨率为320*240,屏幕长2英寸宽1.5英寸,dpi=320/2=240/1.5=160
简单的估算可以用ppi 也就是买手机时经常会标的参数:
=屏幕对角线的像素长度/屏幕对角线的尺寸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、标注与切图 设计图对取图的影响
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)ios设备给图的顺序:
640x960 -> 640x1136 -> i6的具体怎么给没琢磨然后有些公司比较抠门,是android 照着ios的设计图做的,也就是说
在android设备盛行720p(i4s时代) android 的设计稿用的640*960
在android设备盛行1080p(i5s时代) android 的设计稿用的640*1136
因为android 照着ios的设计图做,开发自行转换算出来的值其实是偏小的。
3.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设计图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)相关推荐
- android 布局可大可小,UI设计教程之:ios与android ui适配(将IOS UI转换成Android经验畅谈)...
内容提要:这是UI设计系列教程之ios与android ui适配经验畅谈.文章作者介绍了自己将IOS UI转换成Android经验,包括:不要直接转换.了解单位和组件缩放格式.屏幕尺寸DP和像素的换算 ...
- android中图片适配器,Android UI适配总结之图片适配(1)
由于Android的屏幕尺寸的碎片化,时至今日Android的UI适配依然是开发中必不可少的步骤. UI适配的适配,是通过dp.权重,通配符等方式使View能按我们意愿的准确的显示在不同手机上.除了对 ...
- android ui适配大字体,Android UI总结 Android 和H5 字体大小适配
1.Android字体 1. 像素:像素(pixel)为图像的基本单位,是一个抽象的采样.一般作为一个最小的显示单位内置RGB. 2.屏幕尺寸:指屏幕的物理尺寸,一般用屏幕的对角线长度表示 3.宽高比 ...
- android UI适配方法经验总结
1. 按屏幕的像素比例适配: 宽度适配.高度适配要分开,切记混淆,因为宽度的像素.高度的像素不同: -- 线上互动界面适配时 在高度适配时使用了宽度的像素: 像素是可以计算出来的: eg: 宽度适配 ...
- ios与android设计适配,IOS与Android UI适配方案
方案一 IOS与Android共用一套效果图 1242*2208 IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px IOS常用尺寸为1242*2208 750* ...
- Android 万能适配方案和UI屏幕适配 不同分辨率 最全面 最易懂的
文章目录 1.屏幕尺寸 2.屏幕分辨率 3.屏幕像素密度 4.图片的适配方案 1.屏幕尺寸 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米(下面有图文介绍) 比如常见的屏幕尺寸有2.4 ...
- Android TV开发 TCL电视开发实战 ui适配和焦点控制 Recyclerview自定义
1.常用的adb命令 2.ui适配方案 3.Leanback库简介 4.焦点处理 5.Listview GridView和recycler和自定义Recycler view动态添加view 6.按键失 ...
- android 仿今日头条_Android今日头条UI适配完善版
作者:xcheng_ 链接:https://www.jianshu.com/p/41930fde7aac 前言 众所周知 android的碎片化一直困扰着开发者,我们要花很多的时间去做UI适配的工作. ...
- android 今日头条布局,Android今日头条UI适配完善版
前言 众所周知 android的碎片化一直困扰着开发者,我们要花很多的时间去做UI适配的工作.主流的适配方案有两种 1.今日头条适配 2.smallestWidth适配.具体的实现点击上述连接查看. ...
最新文章
- 快速提高你的UI设计水平的一些小技巧
- 设计模式在工作中的实践
- idea在Mybatis的xml里面写sql时,表名、字段、报红问题的解决方法
- 软件工程系列教材:软件架构设计实践教程
- C语言中的匿名结构体
- Object+C语法快速入门
- 农历鸡年(丁酉)正月初一第一博
- windows环境下Apache+PHP+MySQL搭建服务器
- C++ 继承关系图 01
- java 表单字段扩展_如何从Chrome扩展程序填写网页表单中的文本字段?
- J-flash 的简易使用教程
- java毕业生设计药品管理系统演示录像 2021计算机源码+系统+mysql+调试部署+lw
- 借助微博实时号日引流200精准客源,微博实时号是什么?
- 2023跨境出海指南:韩国网红营销白皮书
- 68000多只海洋动物、占地18.3万平米,这才是全球最大海洋水族馆该有的气势!...
- FastReport 金额大小写转换自定义函数
- 算法(5)动态规划法
- [云原生专题-22]:K8S - 集群编排工具K8S与SWARM比较与技术选择
- 8 精通matlab入门求微分方程组的通解特解数值解看这篇文章就够了
- html在线聊天界面模板,一款带气泡对话框的HTML5聊天应用界面模板
热门文章
- vue实现轮播图代码
- Android 子布局不超过父布局 圆角
- qt 隐藏控制台_c – 在Qt中显示控制台
- 请基于matlab将pdf格式的图片批处理转换为600dpi的tif格式文件,并裁剪为5736*2607的尺寸保存为600dpi的tif文件...
- Midjourney V5太炸裂:逼真到颤抖!“有图有真相”时代彻底过去 画画创作者 模特一键淘汰
- 在就医费用结算中请明晰解释 现金支付 帐户支付 统筹支付 附加支付 自负 分类给付
- 微信小程序学生宿舍管理系统丨可以android studio运行
- Java 中Map五种取值方式
- php诗词,古诗词停止或快速完成
- 112道运营面试问题及答案合集(适合用户运营、产品运营、新媒体运营、社群运营)