Android Studio Tab to Spacing in Flutter(Dart) - android-studio

How can I change tab to space in Android Studio 4.0 ?

Since Dart does not have language-specific settings in Android Studio. Change use tab character or not in Other File Types options, which is for all file types that aren't separately available for options.
Editor > Code Styles > Other File Types > Uncheck Use tab character.

You can change it by editing the configuration file.
I use Linux, mine was located at
~/.config/Google/AndroidStudio2021.1/codestyles/Default.xml
<codeStyleSettings language="Dart">
<indentOptions>
<option name="INDENT_SIZE" value="4" />
<option name="TAB_SIZE" value="4" />
</indentOptions>
</codeStyleSettings>
If there is already a section for Dart, just add indent options, or else add the whole snippet just after <code_scheme> or just before </code_scheme>.
For IntelliJ users config file locations are given here -
https://intellij-support.jetbrains.com/hc/en-us/articles/206544519-Directories-used-by-the-IDE-to-store-settings-caches-plugins-and-logs

If you are an Android Developer and cannot leave Android Studio, since it's your coding home, but can't let go of flutter either.
Changing tab size won't work through Default.xml in codestyles.
Use a different theme: Visual Studio 2019 Dark Theme (this auto adjusts indentation and makes code look exactly as of Visual Studio Code). To install theme - plugins -> search "Visual Studio 2019 Dark Theme"
OR
Use a different font: I prefer
Font : "Droid Sans Mono Slashed" or "Monospaced" (You can use any that works for spacing)
Font size: 18 , Line Height 1.4 // For 14 inch screens
Font size: 14 , Line Height 1.2 // For 15.6 inch screens or larger
OR
A combination of above looks beautiful.

Related

How to make fonts in VSCode like in Android Studio

I've been using vscode for a while, and i just recently tried android studio. Immediately I realized that I like the fonts in android studio more than the fonts in vscode. How do I make fonts in VSCode like fonts in Android Studio? Thank you.
this is the comparison :
I don't know the exact font Android Studio uses, but you can change your editor font to a monospace font like this:
Open your VS code settings file by bringing up the command palette (Ctrl+Shift+P) and run the Preferences: Open Settings (JSON) command. Add the following line:
"editor.fontFamily": "Consolas, 'Courier New', monospace",
The leftmost existing font that is available on your PC is used, the remaining ones are fallback options. If you know exactly which installed font you want to use you can simply set it to this value:
"editor.fontFamily": "My Favourite Font",

Android Studio not displaying unicode characters

I recently updated my Android Studio to v3.4. Now the unicode characters I had earlier used, is not displayed on the editor screen. I can see them on the app, but not in the code.
Check the screenshot for more idea.
In the strings.xml, layouts anywhere it is not displayed. I tried to change the color scheme, tried with a new profile, none worked.
In android studio, got to file menu.
Click on Invalidate Caches / Restart....
That will show up the strings properly.
Don't forget to upvote.
If you want to see Hindi Unicode
First You Download Poppins Font Download font
Then Open Android Studio
File > Settings > Editor > Font > (Untick) Show only monospaced fonts > Select Font > Poppins Light or Medium > Click OK Button
Result Result
Go to your res/strings.xml and add the following code:
<string name="fgmt_titre_drawer">YourText</string>
Then rebuild your project.

Why is there a right margin line in Android Studio editor window?

There is a vertical line in the middle of the file editor window in Android Studio. I'm unable to change the margin line. Below is the screenshot of the right margin line:
Where is the setting to change this line?
I guess you mean this line?
That's a ruler for the max column width.
You can change the max column width from:
File > Settings > Editor > Code Style > Right Margin (columns)
If you are using Dart language:
settings -> Code Style -> Dart
and set Line length to your preference.
For the new Android Studio the location is: Editor > Code Style > Hard wrap at.
The standard value is 100, just change to 0
To disable In Android Studio 4.
File > Settings > Editor > Code Style > "Select the programing languae"** > Line length
Set it to: 300 for example.
Screenshot
That line historically represents the margin of A4 paper, that is useful only if you need to print the code. Old school says that you should keep your code inside that margin, to guarantee much portability.
But.. nowadays in the real life it makes no sense, because we always use advanced editors, bigger displays, and I never have to print any single line of code..
To remove the line in the latest Android Studio version Android Studio Chipmunk | 2021.2.1 Patch 1 ,
File->Settings->Editor->General->Show hard wrap guide
or just search hard wrap in settings window and uncheck the Foreground and click apply.

How can I make Visual Studio window be highlighted when it is active?

I have difficulties seeing my Visual Studio 2012 window is active. Is there any way I can make the Visual Studio 2012 window behave like a standard window.
Visual Studio 2012 behavior (I can't tell the difference):
Active:
Inactive:
Standard window behavior (much easier to see when active):
Active:
Inactive:
I would like to avoid using the operating system high contrast setting if at all possible.
As #mandaleeka suggested I ended up using the Visual Studio 2012 Color Theme Editor extension.
But an even better highlighting option in my case is to change the "Main Window -> Caption" -> "Active" -> "Background" color.
Here is my resulting theme:
One workaround to this is to install the Visual Studio 2012 Color Theme Editor extension and modify one of the built in themes to change the inactive window border color.
After installing the extension, go to Tools -> Customize Colors. Select a theme to copy colors from, give it a name, and hit "Create". In the color editor, scroll down to the "Main Window" section and under "Inactive" change Border to something that stands out.
Here is an example:

How do I make Visual Studio 2012 colors look like Visual Studio 2010?

I'm not a fan of both the dark and light color themes offered in Visual Studio 2012.
How can I change colors of the title bar, menu bar, tool bars, etc to make them look like the ones in Visual Studio 2010?
The blue theme has been added back in Visual Studio 2012 Update 2, no extensions required.
http://support.microsoft.com/kb/2797912
Download and install the Color Theme Editor Extension 2012 which works with VS2012.
(It allows you to apply a predefined theme or customise the theme for yourself - but you can choose the 'Blue' theme for a VS2010 style)
(edit: Or use the 'Blue' theme that is now built into VS2012 as of Update 2)
I wrote a blog post explaining in detail how to make VS 2012 look like VS 2010 as much as possible. I will summarize it here.
Replace the new monochrome icons with the old ones and make the menu icons lowercase.
For this you need both the 2010 and 2012 versions installed and the Visual Studio Icon Patcher tool. Start the tool (it's a cmd line application) and enter extract, then inject and finally menus.
Change the color theme to blue.
Download the Visual Studio 2012 Color Theme Editor, go to "Tools - Customize Colors" and select the blue theme.
Final result:
It is not exactly like VS2010 but it gets pretty damn close.

Resources