Android UI changes at runtime from how it displays in Studio Designer

Question

I'm playing around with Android development and am following this basic tutorial. I have produced my first Android app (code is in this repo) and am having an issue controlling its UI/widget layout at runtime.

Even though activity_main.xml shows (in the UI Designer) the "DO IT!" button as appearing to the right of the EditText view/widget:

Come showtime on the emulator, the button is rendered on top of the EditText:

Any idea as to why and what I can do so that the button appears to the right of the textfield/EditText at runtime (inside the emulator)?

Switch to xml view and replace ConstraintLayou with LinearLayout (with android:orientation="horizontal") — Mayank Sharma, Oct 04 '17 at 18:50
If you are new to android then I will suggest you that start with Relative or Linear Layout — UltimateDevil, Oct 04 '17 at 18:55
or to fix this issue follow this guide here in [docs](https://developer.android.com/training/basics/firstapp/building-ui.html) — UltimateDevil, Oct 04 '17 at 18:57

score 2 · Accepted Answer · answered Oct 04 '17 at 18:57

2

you can not use

tools:layout_editor_absoluteX="16dp"
tools:layout_editor_absoluteY="16dp"

that is only for the layout editor. Check my answer to this question:

Buttons not in place

hope it helps

answered Oct 04 '17 at 18:57

Ernesto Ulloa

482
3
13

Nope this will not work because his view is not Attached with parent also – UltimateDevil Oct 04 '17 at 18:59

Android UI changes at runtime from how it displays in Studio Designer

1 Answers1