发布时间:2023-12-27 分类: 电商动态
有些朋友有疑问。你需要掌握一些开发知识来做UI吗?
我认为有必要理解,但不需要深入研究。
你怎么知道的?我会教你一种方法(你需要一部Android手机,但如果你有一部苹果手机也没关系。阅读这篇文章会很有意义!)
今天的大纲如下:
1.首先找到打开页面布局的开关
2.认识布局的三个内容
3.举个例子
4.备注
1.首先找到打开页面布局的开关
我们需要打开显示页面布局的开关,这是我们今天研究的基础。
首先打开Android手机的设置页面:
找到“开发者选项”,点击进入:
然后找到“显示布局边界”,打开开关,您将获得以下各种方框的页面:
这就是我们今天要研究的效果。现在看起来有点盲目,但是当我向你介绍它时,你会知道开发实现页面的基本原则!
不是吗?
2.认识布局的三个内容
如果你想了解这个原理,你必须知道上面的各种形式和颜色都是含义!
事实上,只要我们仔细观察,我们就会发现只有三种形式的内容。
第一:
这种矩形是控制区域,可以是文本,按钮,图片等!
第二:
该紫色矩形指的是控件和控件之间的间距。
第三:
只剩下白色区域,这是一个严格的透明区域。这部分是控件内部的间距:
我了解了这三件事。如果你再看一下这个页面,你知道如何开发你兄弟的页面吗?
如果您仍然不明白,让我们举一个例子如下。
3.举个例子
让我们看看这个领域是如何实现的:
这样,一段内容的布局就完成了,然后就可以把东西放在相应的地方了!
4.备注
说一个注释,这是我们在工作中经常遇到的问题,见下图:
两行文本之间存在差距(红色为12像素),但是当我们查看开发布局时:
两个文本控件之间没有空格。
换句话说,实际上,字体控件本身具有一定的上下间距。如果我们此时也标记了12个像素的间距,则实现的行间距将大于设计草图,因此必须在写入效果图标时完成。考虑到这一点,它将在以后实施时不可避免地进行微调。
总结
当你没事的时候,你可以看看开发的布局,让自己更深入地了解页面的实现。