E4A UI布局-让组件乖乖听话

admin_eeras · 发表于 2018-3-24 15:58:45

本帖最后由 admin_eeras 于 2018-3-24 16:00 编辑

很多人初次接触E4A都有一个苦恼，那就是创建上去的组件总是对不齐，不知道为什么，在设置里面一通乱搞，也没搞成个什么。今天在这里出个教程，告诉大家E4A布局让组件对对齐的办法。

要了解为何会出现这种问题：我明明在E4A设计区是按照比例填的属性，为什么到手机上就不是这个比例呢？针对这个问题，我们要知道设计区所谓的属性栏的值和代码里面写的属性值有何联系。（设计区的属性值如图1所示，代码里的属性值如图2所示）。

QQ截图20180324152514.png

图1

QQ截图20180324153034.png

图2

其实这两个属性他们之间的关系是：关系不大。设计区的属性值指的是你在设计区的手机屏幕上定位组件的数据，它是一个理想的手机屏幕，数据也是理想数据，而我们知道，安卓设备发展到如今已经有了N种分辨率的屏幕，针对于种类繁多的屏幕分辨率，如何才能使组件布局不乱套已成为一个重点问题。

看到这里肯定有人想问，手机到底认哪个数据?是认设计区的属性还是认代码的属性数据？答案很简单，代码里的。下面我来简单说一下手机怎么根据代码的数据来排版。

如果我手机的横向屏宽是100，我有个图片框，它的宽度是50，我为了让它显示在屏幕中间如何写呢？可以算一下，100/2=50，那好，在代码里写图片框的左边值等于50，这样就能居中吗？实际运行我们发现这样行不通，图片会靠右排，因为我们没有考虑到图片框有自己的宽度，正确的写法是:屏宽/2-图片框宽度/2,算一下，100/2-50/2,结果是25，填上去，我们就发现真的居中了。

上面是一般的居中，算出了左边的值，但是其实这样是不够的，前面说了，你手机屏幕宽度是100，但是别人的手机屏幕宽度还是100吗？在别人手机里那个图片框的宽度还是50吗？所以说我们要做响应式得让它自己算左边的值才可以，应该这么写：

图片框1.左边=取屏幕宽度()/2-图片框1.宽度/2

复制代码

这样写就完美了，左边具体多少留个悬念，给CPU去算，这么小的运算量对于CPU来说还不是小菜一碟？

其他的布局上面比如我要让图片在屏幕上距离右边是3/4，这样也可以写！本教程就到这里了，希望长期关注我们的教程，有问题可以加咱们的群一起讨论。

再见！！！

留个作业：让图片在屏幕上距离右边是3/4，请写好作业到作业版块提交APK文件，为了防止抄袭请不要提交源码，打开软件里面得有一个标签显示你论坛的ID，奖励是50易积分。不要给他人抄作业，发现请举报，奖举报人300易积分，罚款被举报人全部积分。

Jack861212 · 发表于 2025-6-2 17:15:50

真的拿到1积分了

mandur · 发表于 2025-1-4 15:19:29

真的很实用啊！厉害哦！

很方便 · 发表于 2024-10-17 13:34:47

懂了，有更简便的库调用吗？

很方便 · 发表于 2024-10-17 13:34:26

懂了，有更简便的库调用吗？

很方便 · 发表于 2024-10-17 13:34:05

懂了，有更简便的库调用吗？

易8643501 · 发表于 2022-1-15 17:41:46

易如意中文编程学习交流论坛有你更精彩~

linshaoshao · 发表于 2021-8-3 23:09:24

易如意中文编程学习交流论坛有你更精彩~

hw0228 · 发表于 2021-6-27 23:05:50

真好，布局问题太头大

wxdhui · 发表于 2020-6-11 15:00:35

学习了