`
lvwz2008
  • 浏览: 28695 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

UI单位

阅读更多

dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果。
px: pixels(像素). 不同设备显示效果相同。
pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。

由此,根据 google 的建议,TextView 的字号最好使用 sp 做单位,而且查看
TextView
的源码可知 Android 默认使用 sp 作为字号单位。

3. 关于换算(以 sp 和 pt 为例)
查看 TextView 等类的源码,可知:

case COMPLEX_UNIT_PX:
      return value;
case COMPLEX_UNIT_SP:
      return value * metrics.scaledDensity;
case COMPLEX_UNIT_PT:
      return value * metrics.xdpi * (1.0f/72);

--------------------------
scaledDensity = DENSITY_DEVICE / (float) DENSITY_DEFAULT;
xdpi = DENSITY_DEVICE;

--------------------------
DENSITY_DEFAULT = DENSITY_MEDIUM = 160;

============================================
所以: 假设 pt 和 sp 取相同的值 1,则可设 1pt 和 1sp 之间系数为 x,

1 * DENSITY_DEVICE / 72 = x * 1 * DENSITY_DEVICE / 160  =>
x = 160 / 72 = 2.2222

也就是说在 Android 中,  1pt 大概等于 2.22sp

以上供参考,如果 UI 能够以 sp 为单位提供设计是最好的,如果设计中没有 sp
的概念,则开发人员也可以通过适当的换算取近似值。


转载内容: http://hi.baidu.com/lfcaolibin/blog/item/f3f60d1e438deefee0fe0bae.html
什么是Dip和Sp

过去,程序员通常以像素为单位设计计算机用户界面。例如,定义一个宽度为300像素的表单字段,列之间的间距为5个像素,图标大小为16×16像素 等。这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清 内容。

与分辨率无关的度量单位可以解决这一问题。Android支持下列所有单位。

px(像素):屏幕上的点。

in(英寸):长度单位。

mm(毫米):长度单位。

pt(磅):1/72英寸。

dp(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。

dip:与dp相同,多用于Google示例中。

sp(与刻度无关的像素):与dp类似,但是可以根据用户的字体大小首选项进行缩放。

为了使用户界面能够在现在和将来的显示器类型上正常显示,我建议你始终使用sp作为文字大小的单位,将dip作为其他元素的单位。当然,也可以考虑使用矢量图形,而不是用位图

 


分享到:
评论

相关推荐

    colorui.rar

    wxss是微信小程序的样式表语言,类似于CSS,但有其特有的规则和特性,如尺寸单位rpx,以及对微信小程序特定组件样式的处理。 【压缩包子文件的文件名称列表】中的 "colorui" 文件夹可能包含了 "colorui.wxss" 和...

    UI设计师面试考试题(带答案).docx

    像素是图像中最小的显示单位,图像的质量和清晰度很大程度上取决于像素的数量和大小。 #### 九、UI设计的范畴 UI设计涵盖了多个方面,如**网页设计**、**手机界面设计**以及**软件界面设计**等(C)。其中,户外...

    仿蘑菇街UI设置

    这包括使用百分比单位、Flexbox(在Web开发中)或者Android的ConstraintLayout(在原生应用中),来让元素根据屏幕大小自动调整其大小和位置。 3. **卡片式设计**:卡片是一种常见于电商应用的UI元素,它可以将商品...

    android UI界面设计

    4. 不要使用 px 单位,使用 dp 或者为文本使用 sp:在设计 UI 界面时,需要使用合适的单位,以确保界面的适应性。 5. 不要使用太小的字体:在设计 UI 界面时,需要合理地选择字体大小,以确保用户的阅读体验。 三、...

    android UI设计中文版和UI编辑器

    同时,注意适配不同的屏幕尺寸和密度,使用dp单位而不是像素,确保元素在不同设备上按比例缩放。 总之,Android UI设计需要深入理解各种布局机制,熟练掌握UI编辑器的使用,通过视觉元素的巧妙组合创造出美观且易于...

    UiPath-Date的处理.zip

    在UiPath中,日期处理是自动化流程中的常见任务,它涉及到日期的获取、转换、比较以及格式化等操作。RPA(Robotic Process Automation)工具如UiPath提供了强大的日期和时间处理功能,使得非程序员也能轻松操作。...

    android 模仿360UI

    这涉及到Android的屏幕适配策略,如使用dp单位、百分比布局或FlexboxLayout等。 8. **Material Design**:虽然360UI有其独特的设计风格,但也可以借鉴Google的Material Design原则,如层次感、过渡动画、触觉反馈等...

    前端UI测量图片网页长宽工具

    3. 多种测量单位:除了像素,工具可能还支持厘米、英寸等传统度量单位,以满足不同需求。 4. 高亮标记:在测量时,工具可能会有高亮功能,突出显示被测量的元素,以便于对比和分析。 5. 快捷操作:快捷键或者右键...

    android UI编辑器

    2. 采用响应式设计:使用比例单位(如dp)和权重分配,确保布局在不同屏幕尺寸上表现一致。 3. 优化性能:避免过度绘制和深嵌套布局,以减少CPU负担和提高性能。 4. 使用布局优化工具:Android Studio内置的Lint工具...

    基于SwiftUI 实现一个简单的翻页时钟(Flip)效果.zip

    对于翻页时钟,我们需要一个实时的时间源,如`Clock`或`Timer`,以每秒或每分钟为单位获取当前时间。 然后,我们将实现翻转动画。SwiftUI的`动画`函数允许我们添加动画效果到视图的改变上。在这个案例中,我们可能...

    漂亮的android UI界面设计例子.rar

    使用比例单位(如dp和sp)和PercentRelativeLayout等工具,可以实现灵活的界面布局。 6. **触摸反馈**: - 用户操作时,UI应提供适当的触觉和视觉反馈,如按钮按下效果、滑动指示等,以确认用户操作已被接收。 7....

    MFC创建UI线程

    在多线程环境中,线程是操作系统分配CPU时间的基本单位。一个进程可以包含多个线程,每个线程都可以独立执行代码并拥有自己的栈空间。UI线程通常负责处理用户界面的事件,如鼠标点击、键盘输入等。 在MFC中,我们...

    UI尺寸规范

    状态栏的高度固定为20个单位,导航栏的高度通常是44个单位,而标签栏的高度也是固定的49个单位。这些标准高度的组件在设计时需要留出相应的空间,以保证界面元素不会被遮挡,用户操作时也不会感到不适。 当然,随着...

    安卓计算器UI界面

    使用dp(density-independent pixel)单位和百分比布局可以帮助实现自适应效果。 8. **主题和样式**:为了统一应用的视觉风格,可以使用主题和样式。通过定义app的主题,可以全局改变颜色、字体等元素,使得计算器...

    androidUI设计实践

    使用比例单位(如dp和sp)而不是固定像素,可以确保界面在不同设备上自适应。 8. **可访问性**:设计时要考虑所有用户的需求,包括视力障碍或运动障碍的人群。合理使用颜色对比,提供文本缩放选项,支持屏幕阅读器...

    android的ui设计技巧

    使用比例单位(如dp和sp)而不是像素,确保界面在不同屏幕尺寸上表现良好。同时,考虑横屏和竖屏模式,以及不同语言的文本长度,以实现全方位的用户体验。 最后,进行用户体验测试是非常重要的一步。通过A/B测试、...

    Android QQ微信 UI

    通过使用比例单位(dp、sp)和百分比布局,可以确保UI在不同设备上都能适配良好。 7. **数据绑定与状态管理**:在仿造QQ和微信的UI时,数据绑定框架如Data Binding或Jetpack Compose可以帮助简化UI与数据之间的关系...

    uitable控件.pdf

    uitable控件是MATLAB图形用户界面开发工具GUIDE中的一个功能,用于创建表格控件以可视化地展示和编辑数据。以下详细阐述uitable控件在GUI设计中的使用方法及相关知识点。 1. 创建uitable表格 uitable函数用于在...

    UI图片测量之MarkMan

    7. **自定义设置**:根据个人工作习惯,设计师可以调整测量单位(像素、毫米、英寸等)、标注样式和快捷键,提高工作效率。 在实际应用中,MarkMan极大地简化了UI设计师的工作流程,减少了因尺寸不准确导致的设计...

    android模仿易信UI布局效果源码

    使用比例单位dp和sp,配合权重分配,可以确保界面在各种设备上都有良好的显示效果。 9. **手势识别**:手势识别在易信的UI中也起到了重要作用,比如滑动关闭聊天窗口、长按触发菜单等。Android提供GestureDetector...

Global site tag (gtag.js) - Google Analytics