Just downloaded the VS 2015 RC and have been playing around with Gruntfile.js. I noticed Mads Kristensen demo'ing this, and various JSON files would have a background image displayed in the lower right corner based on the library it was used for (Grunt, Bower, etc...)
It looked like:
Anyone know how to get those background images to display?
It is called Adornments.
From MSDN
Adornments are graphic effects that are not directly related to the
font and color of the characters in the text view. For example, the
red squiggle underline that is used to mark non-compiling code in many
programming languages is an embedded adornment, and tooltips are
pop-up adornments. Adornments are derived from UIElement and implement
ITag. Two specialized types of adornment tag are the
SpaceNegotiatingAdornmentTag, for adornments that occupy the same
space as the text in a view, and the ErrorTag, for the squiggle
underline.
It's not a new feature from VS2015, it already existed in VS2010.
Several extensions allow you to put a custom image as a watermark on the text editor.
If you want to know how it is done under the hood, here is a GitHub repository of an extension.
Here is another MSDN article that explains which classes to implement if you want to create your extension.
Related
I have finished entering the details needed to publish an extension, including uploading the VSIX file and reviewing the additional fields populated from info within the VSIX, into the marketplace form, and uploading a 128 x 128 image.
The problem is I don't completely understand how the requested inputs will translate to the exact appearance of the overview title/tiles you see here: https://marketplace.visualstudio.com/.
I've searched without luck for some way to preview this, before publishing, without luck. (One reason I want to preview is that, when I pull a snapshot of the marketplace screen into Illustrator the dimensions and positioning of images and text relative to one another don't seem to mesh with requested dimensions of the image upload. I.E., most images actually seem to be more like 38x38, whereas a 128x128 area encompasses the image and a product title, which is separately entered.) Am assuming it's "sloppy" to officially publish something that you then need to fuss with or delete and republish.
Mads did a build presentation that covered some of this a few years back on Channel 9:
Build: VS 2015 Extensibility.
In the discussion section of that link, he pointed out that the sizes are 175x175 and 90x90, were optimized for the website rather than the extensions dialog, which no longer does the preview.
There must be a way to do this, because switching between different themes changes the colour of the borders in the results grid. But I want to customise it for one of themes I'm currently using. (Which I know is possible based on this question.)
The only reference I can find in Microsoft's documentation is this page for Visual Studio Code:
https://code.visualstudio.com/api/references/theme-color
...but seeing as the results grid is an Azure Data Studio feature, there's nothing in there talking about it.
Anyone have any thoughts??
I'm trying to augment an existing VS addin with some graphical capabilities. For example, I might want to draw lines between related definitions.
So I'd like to overlay my own WPF control on top of the one used by the editor. How do I get hold of the WPF control used by the editor?
You need to create a new adornment layer for your graphics. See Inside the Editor for more details.
I've seen lots of MEF code for plugging into custom apps, but I am yet to find out how to write a plugin for VS2010 using MEF. I was under the impression that the new IDE supported this.
Does anyone know if this is supported 'out of the box', or does it require an install. Does anyone have any links, tips, etc to get me started.
MEF is the primary extension mechanism for extending the editor. If you install the SDK, there are a few new project samples set up to create editor extensions, found under C# (or VB)->Extensibility. These include:
Editor classifier – for providing syntax highlighting
Editor margin – putting a margin along the sides of the editor, with arbitrary WPF content
Editor text/viewport adornment – for putting WPF visuals into the editor
You can find overview documentation on MSDN: Extending the editor, and Editor extension points.
Some samples you may want to look at: editor samples on code.msdn.microsoft.com, a couple more on editorsamples.codeplex.com, and the source for all the samples I've written.
I blog about writing editor extensions. On there, you can find descriptions of most of the extensions I've written, along with more general posts about performance, design of the new editor, etc.
Questions posted on the editor forum on msdn also are answered by various members of the editor team.
I'm working on my own colour scheme for displaying code in visual studio. I can't find some text section name so I don't know where to change its colour. :( Can anybody help me and tell me where do I find them, I mean what is the name of the following sections:
The grey one (documentation tag value and it's quote) - picture below
(source: yfrog.com)
The olive colour: header of a asp.net in vb language document. - <% and underline.
http://img12.yfrog.com/img12/7375/headerqt.png (NOTE: image is now broken)
To write my code I use vb.net language.
XML Doc comment, XML Doc Quote should be what your looking for. VB user types, User types and keyword also.
You might want to save yourself some time, i just did my color scheme, which i call Steam (based on Steam Platform from valve). It kind of looks like what your going for
I can't post a screenshot since i am new, but here is a download link. You can import it via the tools menu in VS. It includes resharper color settings.
Steam for VS 2010/08
The first one is XML Doc Attribute.
The second one is HTML Element Name.