ConstraintLayout 在真实设备中显示不正确

ConstraintLayout not showing properly in real device

我刚刚使用 android studio 2.3.1 创建了一个示例项目,用于示例 ConstraintLayout 我做了一些限制,它在预览模式下工作得很好,但是当我将它编译到我的设备时,它看起来会很乱 我所有的观点都会在 activity 中间粘在一起 我有 4.4 Kitkat 设备

这就是我的 Contraint 布局在预览模式下的样子:

你也必须在视图之间设置约束。顶部按钮 - 底部密码 - 顶部密码 - 底部用户名 - 并删除两侧的约束,因为这将尝试对齐每个视图。