Make XML Split view default in Android Studio 3.6+? - android-studio

In Android Studio 3.6 and above, an XML file always opens in the "Code" view by default. How do I make it open in "Split" view by default?

UPDATED
Now for Android Studio "Arctic Fox" - Preferences -> Editor -> Design Tools. Nice!
In Android Studio 3.6 if you open Preference->Editor->Layout editor you can see for this case only check/uncheck "Prefer XML editor" for show modes "Code" or "Design" view without "Split", very strange... Waiting for possibility check mode "Split"
UPDATED
Now Android Studio 4.0 has "Split" option. Nice!

Here's what worked for me, hope it works for you too.
Close all tabs in your editors.
Open one xml file and click on the split view button at the top-right section of the tab.
Close the tab again.
Android Studio then remembered my selection for all other tabs opened from then on.

Using the keyboard shortcuts (Ctrl + Shift + Left/Right Arrow if you are on a Mac, or Alt + Shift + Left/Right Arrow otherwise):
Code: provides the functionality of an XML text editor.
Design: consists of a view containing the design editor (e.g. navigation graph, layout) that can be used to edit the file graphically.
Split: displays both Code and Design side-by-side, so you can preview your design while editing the text.

Related

Editor window loses focus on shortcut view change

In Android studio, while having a .xml file (layout) open in editor window, there are two modes available: Design and Text. In Mac the short-cut for going back and forth in these views are said to be Control + Shift and Left/Right. However once you press one of these combination the editor window will lose the focus and in order to go back, you have to click on the editor window.
How can one resolve that without the extra click?

Show all tabs in Android Studio

Is there a way of showing all source code tabs in Android Studio one one horizontal line (in the tab bar) and scroll through them?
When there are too many source code tabs open in Android Studio, some of them are moved to the drop down list at the top right corner of the code edit window. The tabs that are moved to this drop down list are not shown in the tab bar any more.
The tabs in the tab bar can be scrolled with the mouse wheel, but only the ones that have not been moved to the drop down list.
Is there a way to remove the drop down list and keep all tabs in the tab bar?
Not sure if this feature was introduced in later versions of studio (than at the time of which this question was asked) but now you have option to show tabs in multiple rows. You can do so by
Windows -> Editor Tabs -> Tabs placement -> Show Tabs in single row
You can uncheck above which is checked by default. Snapshot below -
In android Studio 4.0.1 you can find tabs configuration in:
Window->Editor Tabs->Configure Editor Tabs...
After, uncheck "Show tabs in one row" checkbox if it is selected.
The size of the tab bar is fixed and there are only fixed number of tabs that can fit inside that limited area.So, one way to quickly switch between the open tabs is to use the SWITCHER tool of Android Studio.
Press control + tab in MAC (don't know the shortcut for windows) and it will bring all the classes and other files which are currently open and you can efficiently switch between them without even touching your mouse or touchpad.
For Linux you can do similar to MAC

Android Studio - view both Text and Design preview of layout

In Android Studio, how can I view both the text and design preview of an XML layout side by side.
I could see it by default when I installed Studio, but now that is gone,
and I'm not sure why. I can only see or the other.
How do I re-enable it?
Open your [whatever].xml. At the bottom you'll see Design and Text. Select Text. If you still can't see the actual layout, only xml, then select "Preview" which is located at the right of the window, between Gradle and Maven Projects.
Click on preview while text is selected.
At first, select your desired .xml layout from the Project tab then use Code, Split and Design buttons to switch between the views. (Android Studio 3.6)
Code - Display only XML part
Split- Display XML and design both
Design- Only design part
It appears that in Android 3.6.1, the buttons to select Design, Split, or Code have been placed in the upper right of the XML layout screen.
Select any one from the top right options to change the view of your Code and Design
You can split the tab by right-clicking on the tab and selecting either Split Horizontally or Split Vertically. Then, you can select the Design tab on one and the Text tab on the other.

Switching TabHost Tabs in Android Studio UI Designer

How can I switch between the tabs of a TabHost in the UI Designer for inserting content? Is there a keyboard shortcut or something else
I found a way to visualise any tab using TabHost in the UI Designer. Is probably not the best way, but it works.
1. Go to the Component Tree, where you have all the elements of the UI.
2. Inside the FrameLayout that TabHost automatically creates for you, there are the tabs.
3. If you change the order of the tabs just drag and dropping in the Component Tree, you get to see the one that is placed in the first position.
UPDATE:
According to this answer there is no way to change the tabs of a TabHost. That question refers to IntelliJ; I don't know if it applies to Android Studio.
Also, it seems that TabHost has been replaced by FragmentActivity and ActionBar. See Android how can i replace the deprecated tabhost? for a discussion.
It is defined as "Select next Tab in multi-editor file" in Settings -> Keymap.
On Windows it seems to default to CRTL+SHIFT+RIGHT/LEFT or ALT+SHIFT+RIGHT/LEFT. On my Mac it defaults to CTRL+SHIFT+RIGHT/LEFT.
Note that Studio doesn't allow the default Keymap to be edited so you will first need to copy the default and give it a new name.
Also see Shortcut to switch between design and text in android studio.
By mouse, select the FrameLayout then long left click on any space in it.

What is this "pull down" icon in Visual Studio 2012 text editor used for?

The icon below shows at the top of the vertical scrollbar in Visual Studio 2012's text editor. When I drag it down, another page shows behind the current visible page. It looks like a copy of it. (I am using dark theme)
What is it used for? I don't know what the feature is called, therefore I couldn't search for it. I am not sure if it's native to VS 2012 or it's from one of the VS add-ons I am using.
Sometimes the icon disappears. Why?
It's for split viewing of a file. So you can view part of the file and edit another part.
It's a common feature in advanced text editors.

Resources