androidUI（一）之程序员有必要了解的8px原理

最新推荐文章于 2021-11-02 14:11:30 发布
原创 最新推荐文章于 2021-11-02 14:11:30 发布 · 801 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了在软件开发过程中，如何处理从UI设计稿到实际编程实现中的尺寸单位转换问题。特别是当面对经验不足的设计人员时，程序员需要了解一些基本的界面尺寸知识，确保最终产品的视觉效果与设计初衷保持一致。

        在开发过程中，程序员需要知道一些UI设计的界面尺寸和单位之间的换算，有经验的美工或设计会事先和程序员沟通，但是如果碰到小菜UI，就需要你自己注意变换或者提前告诉美工你的设备标准！下图是开发中从UI那得到的8px原理图。





JavaAndroid（4、Android UI基础知识）
weixin_53585549的博客
03-03 801
目录 4、Android UI基础知识 01、Android UI 02、布局 2.1 布局的结构 2.2 声明布局 2.3 编写 XML 2.4 加载 XML 资源 2.5 属性 2.6 ID 2.7 布局参数 2.8 布局位置 2.9 内边距和外边距 03、常用布局 3.1 线性布局 3.2 相对布局（22） 3.3 帧布局 3.4 网格布局 04、常用控件 4、Android UI基础知识 目标 了解Android UI 布局
Android UI 设计规范，Android高分面试指南
m0_65322636的博客
03-17 396
| 45% | 73 | | 40% | 66 | | 35% | 59 | | 30% | 4D | | 25% | 40 | | 20% | 33 | | 15% | 26 | | 10% | 1A | | 5% | 0D | | 0% | 00 | 1.4 标注 Android 设计规范中间距单位是 dp，dp 在 Android 机上不同的密度转换后的 px 是不一样的，所以按照设计图的 px 转换成 dp 也是不一样的。 现在，多数标注工具都支持 dp 标注功能，比如 MarkMan，如果U
一张图解释手机端8px原理
cy-app
12-11 1571
转自 http://ued.taobao.org/blog/?p=8749 一张图解释手机端8px原理 作者：嘉飞　|　 时间：2013-12-02 20:02     1. 我们先看市场上常用的屏幕精度尺寸 这时候我们统一用的是视觉常用的px为单位。       2. 我们假定320的是1，那么其他相对应的尺寸就应该如上所述。 为何定320为1
移动端如何设置字体为8px
Ben_zp的博客
07-04 2515
打死设计
移动端样式 ui图转前端页面（根字体大小设置方法）
juse__we的博客
10-11 4330
参考网站： dpr：https://blog.youkuaiyun.com/a419419/article/details/79295799（DPR = 设备像素 / CSS像素(某一方向上，也可以理解为屏幕大小)） 浏览器默认字体大小是16px，rem与px关系为：1rem = 10px，10/16=0.625=62.5%，为了子元素相关尺寸计算方便，这样写最合适不过了。只要将设计稿中量到的px尺寸除...
#Ant Design# 设计规范 设计原则
Brave Soul Blog
02-01 2526
转载自：https://www.douban.com/note/643930072/ #Ant Design# 设计规范 01设计原则     1. 亲密性 距离近-关联高-统一视觉单元，亲密性根本目的：实现组织性，让用户对页面结构和信息层次一目了然。 1）纵向间距关系 通过8px『小号间距』、16px『中号间距』、24px『大号间距』这三种规格来划分信息层次；在 Ant Des...
Android UI组件实例集合
09-11
定义一批比较合理且扩展性比较好的一批intents和接口，提供基础但稳定有效的实现，可以被其他Android程序所应用的，特别是其他参加比赛的程序员们。OpenIntents本身也会参加这次的比赛。我们提供小的样品程序来演示...
Android程序员必备53知识点：单实例策略与px转dip详解
在Android开发中，作为一名专业的Android程序员，了解并掌握关键的53个知识点至关重要。这些知识点涵盖了Android平台的基础架构、性能优化、用户体验、兼容性处理等多个方面，以下是对部分知识点的详细解析： 1. 单...
android ui布局适配,Android适配全面总结（一）----屏幕适配
weixin_29958955的博客
05-26 1426
前言Android适配是一个老生常谈的问题，很多程序员觉得很恶心，不愿意做适配，但是又不得不做。然后老板说，这位兄弟，做好了，今天晚饭给你加个鸡腿，然后程序员开始找各种资料，忙活起来了，最终在苦逼的煎熬中做完了。好了，言归正传，根据多年开发经验，总结一下Android适配主要表现在以下 3个方面：1、屏幕适配。(网上讲的最多的就是这个。) 由于Android碎片化严重，导致开发中一套代码在不同手机...
Carson带你学Android：最全面、最易懂的屏幕适配解决方案
热门推荐
Carson带你学Android
04-24 3万+
前言Android的屏幕适配一直以来都在折磨着我们Android开发者，本文将结合： Google的官方权威适配文档 郭霖： Android官方提供的支持不同屏幕大小的全部方法 Stormzhang：Android 屏幕适配 鸿洋：Android 屏幕适配方案 凯子： Android屏幕适配全攻略(最权威的官方适配指导) 自身的思考&实践 给你带来一种全新、全面而逻辑清晰的Android屏幕适配思
Web项目有些页面整体自动右移8px的问题
weixin_33905756的博客
01-16 656
为什么80%的码农都做不了架构师？>>> ...
从0开始学编程(11)--(131)---每天要记住一些小概念,padding,line-height
Follow your heart
10-24 281
line-height是行高，一行文字的高度； padding是留白距离 padding:0px 8px;等价于 padding:0px 8px 0px 8px; padding:8px; 这样单个属性值表示上下左右各留白8px padding:8px 0 6px;这样表示为上边留白8px，左右不留白，底部留白6px...
【Android】UI设计师给的px尺寸单位，安卓如何换算成dp?
devnn的专栏
11-05 2万+
很多UI工程师为了适配IOS，常常拿IOS手机作用参考模型，设计出来的UI稿只有PX标注的。他们也不懂Android的dp和sp单位是怎么回事。这个时候我们Android工程师如果不注意怎么转换的话，就可能开发出很难看的界面。 那么如何才能正确的将UI稿的上的px转换成android的dp单位呢？这个取决于UI设计师的设计稿基于什么设备。一般安卓开发者开发app要适配的是一款主流的设备，比如Nex...
body有8px的神秘边距
ZF的博客
11-02 2696
首先，你需要知道为什么会有8px的神秘边距： 很多元素默认有一个8px的 margin，而且在不同浏览器上表现效果不同 在项目中，通常都是使用reser.css重置所有的样式表，可以保证在所有浏览器下，项目展示的样式是一致的： （1）在项目中应用：在asset的css中插入reset.css文件， // main.js import @/assets/css/reset.css （2）或者在demo这样写： <style> * { margin: 0; padding: 0; } &l
RFID的KeyA/KeyB和区读写控制位
android_xiaozhou的专栏
05-23 1万+
M1卡有16个区,每个区都有独立的两组密码KeyA/KeyB和区读写控制位,每个区互不相关. 飞利浦原装的MF1 S50卡的密码A为12个“F”，密码B为12个“F”，前15个扇区的控制位为“FF078069”，最后1个扇区的控制位是“FF0780BC”。     但目前有些芯片的密码不一定与上面一样。以前，ISSI的MF1兼容芯片的密码B为“B0B1B2B3BB5”，现在改成12个“F”
Android中Button.setClickable(false)不起作用
android_xiaozhou的专栏
08-01 5371
我在程序中多次使用了Button.setClickable(false)，但是每次初始化的时候都 设置一个控件的setClickable(false)后，发现没有效果。 解决办法： setClickable(false)方法一定要在setOnClickListener()方法之后。 因为在setOnClickListener()方法中有这样一段代码：
Android之PDF文件的读取——网络资源vudroid异常解决贴
android_xiaozhou的专栏
03-28 2103
在Android下如何开发PDF阅读器呢，这个是之前面试的时候提出的问题，所以我就开始网络上各种搜索，http://my.oschina.net/gal/blog/141419  找到了pdftest.7z的文件，然后正常导入eclipse，运行后就报错，开始以为是so文件引入错误，各种修改也不对。 就看到了Google code上的一个PDF阅读器http://code.google.
android NDK环境开发及生成so文件
android_xiaozhou的专栏
09-02 1790
安装了NDK，可以在eclipse下直接生成so文件。NDK的压缩包里面自带了一些sample工程，NDK的文件直接解压到某个目录下即可。 第一次生成so文件的时候，我们先使用NDK的sample下的hello-jni的例子。 1、启动eclipse，通过Create project  from existing source，选择hello-jni的目录，按默认选项创建工程即可；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值