最专业的八方代购网站源码!

资讯热点
简单理解程序员如何布置页面

发布时间:2023-12-27 分类: 电商动态

有些朋友有疑问。你需要掌握一些开发知识来做UI吗?

我认为有必要理解,但不需要深入研究。

你怎么知道的?我会教你一种方法(你需要一部Android手机,但如果你有一部苹果手机也没关系。阅读这篇文章会很有意义!)

今天的大纲如下:

1.首先找到打开页面布局的开关

2.认识布局的三个内容

3.举个例子

4.备注

1.首先找到打开页面布局的开关

我们需要打开显示页面布局的开关,这是我们今天研究的基础。

首先打开Android手机的设置页面:

找到“开发者选项”,点击进入:

然后找到“显示布局边界”,打开开关,您将获得以下各种方框的页面:

这就是我们今天要研究的效果。现在看起来有点盲目,但是当我向你介绍它时,你会知道开发实现页面的基本原则!

不是吗?

2.认识布局的三个内容

如果你想了解这个原理,你必须知道上面的各种形式和颜色都是含义!

事实上,只要我们仔细观察,我们就会发现只有三种形式的内容。

第一:

这种矩形是控制区域,可以是文本,按钮,图片等!

第二:

该紫色矩形指的是控件和控件之间的间距。

第三:

只剩下白色区域,这是一个严格的透明区域。这部分是控件内部的间距:

我了解了这三件事。如果你再看一下这个页面,你知道如何开发你兄弟的页面吗?

如果您仍然不明白,让我们举一个例子如下。

3.举个例子

让我们看看这个领域是如何实现的:

这样,一段内容的布局就完成了,然后就可以把东西放在相应的地方了!

4.备注

说一个注释,这是我们在工作中经常遇到的问题,见下图:

两行文本之间存在差距(红色为12像素),但是当我们查看开发布局时:

两个文本控件之间没有空格。

换句话说,实际上,字体控件本身具有一定的上下间距。如果我们此时也标记了12个像素的间距,则实现的行间距将大于设计草图,因此必须在写入效果图标时完成。考虑到这一点,它将在以后实施时不可避免地进行微调。

总结

当你没事的时候,你可以看看开发的布局,让自己更深入地了解页面的实现。

« 想要显着提高用户转化率?试试这些文案技巧吧! | Freekan电影代购源码网站制作教程 »