Re-enable "component tree" in Android Studio

Question

After updating to the last version (1.4 Beta 2) in Android Studio, the "component view" in the layout editor disappeared. How can I enable this tool again?

Do you mean the preview when you build a layout file or the design tab to click and drag component to build a view ? — xiaomi, Sep 09 '15 at 15:49
The one you are talking about it's the palette, that one it's still there to the left of the view. The component tree usually appears to the right, it's where you can see the hierarchy of the views in your layout. — Jose Gonzalez, Sep 09 '15 at 15:52

score 41 · Answer 1 · answered Aug 19 '16 at 18:59

41

I lost mine too, and then realized that they just moved it to the left side of the screen in the latest Android Studio 2.2 Beta 2. It took me a good 10 mins to find it.

answered Aug 19 '16 at 18:59

Nick

925
1
8
13

Also took me a while to find it. I have been trying to move the component tree back to top right hand side but haven;t been able to. @Nick Do you know if that is possible? – velval Oct 23 '16 at 23:38
Is there any component tree for .java files?? – Sathish Kumar J Jan 05 '17 at 12:37

score 18 · Accepted Answer · answered Sep 09 '15 at 15:59

18

If you are looking for the component tree, go on the bottom left of Android Studio then click on the square (the one who show/hide the tool on the left, bottom and right) then on Designer. A new tab should be on the right part of android studio, with gradle and maver project.

answered Sep 09 '15 at 15:59

xiaomi

6,553
3
29
34

A combination of this + this: http://stackoverflow.com/questions/19550594/how-re-enable-design-palette-in-android-studio did the trick for me. – Jose Gonzalez Sep 09 '15 at 18:03
2

'Designer' option not present in my case – Shirish Herwade Jun 28 '16 at 10:26
1

@ShirishHerwade the Designer menu (which can be found into `View > Tool Windows Designer`) is not available from the left bottom shortcut tool if the window is included with the layout editor (`in editor mode > right/left`) – xiaomi Aug 17 '16 at 01:46

score 14 · Answer 3 · answered Jul 13 '17 at 16:20

14

A simple way of doing this --> just press shift+F12. If this does not work then, go to windows menu --> Restore Default Layout.

answered Jul 13 '17 at 16:20

Kanishk

169
1
2
7

score 6 · Answer 4 · answered Mar 02 '18 at 02:47

It's now called Structure on the left panel. I am using

Android Studio 3.0.1
Build #AI-171.4443003, built on November 9, 2017
JRE: 1.8.0_152-release-915-b01 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Windows 7 6.1

See my snapshot below:

score 5 · Answer 5 · answered Mar 10 '16 at 20:02

Close Android Studio;
Open [PROJECT_PATH]/.idea/workspace.xml
Search for "PropertiesComponent"

In this xml node, erase this 2 lines:

<property name="UI_DESIGNER_EDITOR_MODE.UIDesignerToolWindowManager2.WIDTH" value="1" />
<property name="UI_DESIGNER_EDITOR_MODE.UIDesignerToolWindowManager2.STATE" value="left" />

For some reason, the width of ComponentTree was set to something almost invisible, and this was what worked for me.

If this doesnt work, just replace the whole node:

    <component name="PropertiesComponent">
         <property name="settings.editor.selected.configurable" value="gradle.compiler" />
         <property name="settings.editor.splitter.proportion" value="0.2" />
    </component>

Thank you. My current version is 2.2, strangely the component tree is built on both sides. The tree is on the left for me, and all the properties involved are on the right. — tisaconundrum, Sep 24 '16 at 19:05

score 4 · Answer 6 · answered Nov 29 '18 at 04:28

In Android Studio 3.2.1, I too momentarily lost the Component hierarchy view. This could be a bug, where when you switch to XML mode, and then tap on the preview button on top right, it takes you to the preview mode, but the pallette, component hierarchy, etc remain hidden. To remedy, this, go back to XML mode, in the bottom you can see two tabs, namely Design and Text, tap on the 'Design'. Now you should be seeing the palette, component hierarchy and also the preview. Check the following images for illustration.

score 3 · Answer 7 · answered Aug 07 '17 at 02:19

3

Close your XML File, and re-open it! That's it!

answered Aug 07 '17 at 02:19

pewpew

700
2
9
32

score 2 · Answer 8 · answered Oct 20 '18 at 20:23

2

You just need to change the device

answered Oct 20 '18 at 20:23

gadolf

1,035
11
19

score 1 · Answer 9 · answered Mar 27 '18 at 16:54

1

click on the Windows and select Restore Default Layout, close and reopen the activity. The Palette and the component 3 will come auto

answered Mar 27 '18 at 16:54

Tonnie

4,865
3
34
50

score 1 · Answer 10 · answered Jul 14 '21 at 06:37

1

Find the vertical tab of component tree in the image below

answered Jul 14 '21 at 06:37

Hussam Khatib

600
6
17

score 0 · Answer 11 · answered Jul 19 '19 at 13:53

0

I had encountered this problem after moved the project location to some other folder. I tried to clean up the workspace.xml and .idea folder. But Failed. I just closed the project and imported the project once again. It worked for me!!!

answered Jul 19 '19 at 13:53

Muhamed Riyas M

5,055
3
30
31

score 0 · Answer 12 · answered May 03 '22 at 17:59

0

On Android Studio Arctic Fox | 2020.3.1 Patch 3, I found the button for it at the bottom left of the Design view of my XML file: (In my case, it's in the middle of the screen because I'm in Split View)

Click this button to restore the menu. There is a similar functionality available under the bottom left icon that looks like 2 stacked squares. It's called "Structure". This alternative is also available with Alt+7

answered May 03 '22 at 17:59

TecBrat

3,643
3
28
45

I just realized that my answer is almost identical to the one from Hussam Khatib, but for whatever reason his did not catch my eye when searching for the answer, so I'll leave mine here too. Hopefully one of us can help the next guy. – TecBrat May 03 '22 at 18:03

Re-enable "component tree" in Android Studio

12 Answers12

Linked