Layout Editor Drag and Drop Test
- First, create a new empty project with empty activity.
- Next, copy (./complicated.xml) to app/res/layout folder in the Studio project.
- Next, open complicated.xml in design mode
- Next, wait for the design into display. It should looks like
- Next, drag “FIRST” button into ConstraintLayout whichs has pink background. Observe the “FIRST” button is dragged into it. It should looks like but the position of FIRST button depends on where the mouse released.
- Next, drag “SECOND” button into LinearLayout(vertical) whichs has purple background. Observe the “SECOND” button is append at the end of it. It should looks like
- Next, drag the only Image into LinearLayout(vertical) whichs has green background. Observe the Image is append at the end of it and become smaller. It should looks like
- Next, drag “FORTH” button into FrameLayout which has light blue background. Observe the “FORTH” button is dragged into it.It should looks like
- Next, drag “FIFTH” TextView to root layout which is LinearLayout(horizontal) with white background. Observe the “FIFTH” TextView is append at the end of it. It should looks like
- Next, drag a Button from Palette and place in the ConstraintLayout which has pink background. Observe the position is same as where mouse is released. It should looks like