ConstraintLayout vistas en esquina superior izquierda

Como se indica en las guías de diseño de restricciones :

Si una vista no tiene restricciones cuando ejecuta su diseño en un dispositivo, se dibuja en la posición [0,0] (la esquina superior izquierda).

Debe agregar al menos una restricción horizontal y una vertical para la vista.

Supongo que no han aplicado ninguna restricción.

Cuando se quita una vista en el Editor de diseño, permanece donde lo deje aunque no tenga restricciones … esto es sólo para facilitar la edición

En otras palabras, la Vista permanecerá donde lo deje hasta que agregue restricciones.

La razón por la que se ve diferente en la vista previa vs su aplicación es porque cualquier cosa en su XML con las tools: va a ser eliminado del código cuando se ejecuta su aplicación . Estas opciones son sólo para el editor de diseño de Android Studio, no representativo de lo que debería esperar ver cuando se ejecuta el código.

Y puede ser problemático para los principiantes porque

Una restricción que falta no provocará un error de compilación

sin embargo

El Editor de diseño indica las restricciones que faltan como un error en la barra de herramientas. Para ver los errores y otras advertencias, haga clic en Mostrar advertencias y errores (botón rojo con número). Para ayudarle a evitar las restricciones que falten, el Editor de diseño puede agregar restricciones automáticamente para usted con las características de Autoconectar e inferir restricciones

Más detalles

Como se mencionó en las respuestas anteriores, si no se proporcionan restricciones en la disposición de restricciones, se establecerá el elemento en la esquina superior izquierda. Si usted es nuevo androide, debe comenzar con la actividad básica y si desea mover elementos de la interfaz de usuario en el editor de diseño libremente utilizar un diseño relativo en su lugar.