In Android Studio, we have color picker when developing in Java/Kotlin (natively) like this.
But while developing for Flutter, I can't see any options to pick my own color. Is there some plugin required to do that?
The color picker is not clickable in Android Studio running Flutter( Dart code), see picture below. But i found a work around using the Color class and manually opening color picker. Then pick a color and copy/paste it like this:
Here is how i do it:
1. Double tap shift to run search
2. Type Color or Picker
3. Open Color Picker from the search list
4. Copy/paste the HEX color code into your color class.
Expert tip:
Add color picker to a keyboard shortcut. You can find the settings for Keymap, under File > Settings > Keymap
You must have heard of the materials.io website from google, which provides many materials like designs, icons, tools, resources and components for easy developing. Now Color Tool is also available. You must add the website to your browsers shortcut if you are a developer. Here's the link for chosing color : https://www.material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=E91E63
Another way I found is :
Type 'Colors.' and press control+space to see the available colors.
Select the color using arrow or mouse.
Press control+Q for the quick documentation.
And on the documentation windows, click on the edit button which opens the
'colors.dart' file.
Here all the colors with all shades are available. These shortcuts are for windows.
Once you open the file, you can always come back here to chose the next shade. But will not be the comfortable method like android project.
Hope a easier way to do this will come with the later update.
Related
I'd like to be able to see a suggestion that will allow me to see what colour belongs to which colour name/number when using Android studio.
Please note that "Show quick documentation on mouse move" has been activated in my Android studio general settings.
This is what my screen looks like when my mouse is on "blueGrey"
This is how i'd like my screen to look like when my mouse is on "blueGrey"
I sometimes have the same issue. For me, when I open the Quick Documentation with CTRL Q (Command J on Mac), then it shows the color swatches like on your second picture.
I have on Linux/KDE a installed version of eclipse Mars.2. But there are strong problems with colors. So there is no different between a activated toolbar button and a inactive toolbar button. At example the "Link with editor" button of the "Project Explorer" view has exactly the same background color if the button is selected or not:
Another thing is that I cannot see if a checkbox or radio button is selected or not. It seems that the foreground color for the check/radio box selections is also identical to the background color. So there is in many configuration views no way to find out what's currently selected and wath's not. In the next screenshot at least one of the "Open mode" radio button must be selected (I assume it's "Double click" button):
Note also that the colors are only in eclipse wrong. In other (native) KDE applications I don't have these effects (at example the foreground of check boxes/radio buttons are black - like I have it expected). Also play around with the color settings in KDE "Application Appearance" has no effects ...
How can I change the colors of these stuff?
There is an Eclipse plugin that helps you import downloaded themes from the online marketplace (themes are free).
This is where you can find it: http://eclipsecolorthemes.org/
You may choose whatever eclipse theme fits your needs!
Good luch!
Ok. Found the solution for my problem on following site:
http://www.jroller.com/andyl/entry/mars_on_linux
Mars is the first eclipse version which uses GTK3 (instead of GTK2 like eclipse versions before 4.5). And on the side above Andrey Loskutov wrotes that may be also the GTK theme (widget style) can be also the problem. The Widget style "oxygen-gtk" should be extremly buggy! After changing the widget style (to now "Adwaida") the problems are gone :-)
You can change the Widget style in KDE by opening in the KDE settings: "Application Appearance" and "GTK+ Appearance".
The background around the Layout Editor in Android Studio is dark grey. I think it used to be white. Anyway, I would like to make it white again, but I can't find the setting. The reason I want to change it is so that I can make nicer looking print screen images to use on StackOverflow or app descriptions.
Note: I'm not talking about changing the theme or the code editor colors. These questions have already been answered here:
How to change or add theme to Android Studio?
How do I change Android Studio editor's background color?
how to change Android Studio terminal background color
Updated Answer
Android Studio 3.0 has a Screenshot menu item. Right click the design area and choose Save Screenshot.
From there you can make a screenshot with a transparent background.
I seem to be missing Visual Studio 2012's color picker feature in the css editor. It only shows a drop down menu.
I've tried changing the color picker option in preferences. Also tried resetting settings.
Any ideas will be much appreciated.
Thanks
Type # after the property:
color:#
With Resharper installed, I need to click Ctrl J.
That gives you the first bit of the drop down (some swatches). You then click the double arrow pointing down to get the color picker proper.
Are you typing the pound "#" sign? That's what triggers the nice color picker.
(eg, "color:#" when you press "#" you get the picker, otherwise you just get crappy dropdown).
Do you have any extensions installed? ReSharper in particular? I was experiencing the same problem, and thought that ReSharper might've been the cause. Uninstalled it, and now I have the CSS color picker as advertised. If you don't have ReSharper installed, it may be caused by another extension.
i want be able to select any color i want, just like the attached pic.
yes i want to learn this c++ or mfc . I find it more powerfull . Could u explain to me exactly how to add it to my project. I also want the color iteslf and it code appers in picture box and textbox.
Thanks
Use CColorDialog class in mfc is used to pick the color from mfc
// Get the selected color from the CColorDialog.
CColorDialog dlg;
if (dlg.DoModal() == IDOK)
{
COLORREF color = dlg.GetColor();
}
This sample will popup dialog to select the color and after selecting the color and click ok button then color variable will contain the selected color.
Use this color in your application.
EDIT
You can customize your combo box or list box to add the color pick tool.
Refer this link : CodeProjectSample
CMFCColorDialog is what you seem to be looking for. To make it act like a drop-down, you'll need to position it below the down-arrow button (e.g., using MoveWindow).
Since you don't seem to have the MFC Feature Pack, check the Ultimate Toolbox at http://www.codeproject.com/KB/MFC/UltimateToolbox.aspx. Its Graphical User Interface classes have a Color Picker.
For Visual Studio versions prior 2008, you can use BCGSoft's color pikcer (http://www.bcgsoft.com). MFC color dialog is based on this one.
I had a similar problem with CMFCColorButton. I added the graphic resource with the ToolBox on my dialog design, but I could't assign a control variable because it did not recognize CMFCColorButton.
The answer was to include afxcolorbutton.h in the header of stdafx.h. Maybe you can fix it in the same way.
I hope this helps