当前位置: 首页 > 科技观察

百度MUX设计:Android设备上文字间距的秘密

时间:2023-03-19 11:46:52 科技观察

讲了很久,怕大家听不懂我在讲什么。让我举个例子,这样会更直观。假设你在工作中要做一个界面,需要标记2组文字之间的间距在标记下面黑色字体和灰色字体之间的距离时,我是这样标记的,从上面字体g的末尾开始到下面灰色字体的底点,也就是字母h和d的顶点,这种标注方式不会造成什么大的错误,但是开发的时候会发现效果和你的设计还是不一样.你需要调试很多次才能达到你想要的效果。为什么?这是因为字体之间的距离不对。其实开发写字体的时候也叫textview。我们可以理解为一个文本框。文字实际上并没有填满方框,而是留有一定的空白。可见,当文本独立存在,不需要用周围区域标注时,不需要知道边框的大小。只要需要标记周围的字体、图标或按钮,就需要知道确切的位置。有人要问了,我怎么知道这些盒子的大小呢?了解它有什么好处?知道了字体的实际面积,我们在设计的时候就可以进行整齐的排版,方便开发,也可以给出准确的标注。尤其是在特殊界面使用一些比较大的字号时,空白处的大小是最难把握的,所以需要知道文本框的准确大小。它还可以帮助我们在后期优化中校对界面。那么有同学要问了,怎么知道不同字号的实际边框有多大呢?有一个比较笨的方法,就是在安卓手机的设置界面里有个叫开发者选项的选项。进入后,找到显示布局边界,然后选中。这时候我们就可以在手机中看到各种布局的线条。其中我们可以找到这个字的边框大小。但是这样比较麻烦。这次整理了2组分辨率的一些常用字体的边框大小。