A new v2019.1 WPF controls maintenance release is now ready for download. This build improves the new search overlay pane, updates how IntelliPrompt quick info and parameter info tips are rendered, and fixes several bugs.
See the announcement post for the detailed list of improvements and updates.
The search overlay pane will now automatically move the selection to the next match as the find text is typed.
In this example, we see how altering the find text causes the selection to instantly move to the next match.
IntelliPrompt Quick Info and Parameter Info
This build updates all IntelliPrompt quick info and parameter info tips to use syntax highlighting for foreground colors and new application-based theme brush resources for the background/border of the info tips themselves. Previously, info tips always rendered with a light background and generally used fixed colors for foregrounds.
This change was made to ensure that colors used in the info tips more closely resembles the actual syntax highlighting in SyntaxEditor. It also allows info tips in Metro Dark theme to use a dark background.
We are pleased to announce the release of the 2019.1 version of our WPF Controls. This version includes the massive SyntaxEditor enhancements and updates we’ve been working on that have previously been described as “SyntaxEditor vNext” in the blog.
Let’s dig in and see a handful of the larger SyntaxEditor updates.
Cross-Platform Design
The internals of SyntaxEditor have been heavily refactored to support a cross-platform API across the WPF, UWP, and WinForms platforms. This allows SyntaxEditor features for the three platforms to be kept in sync moving forward. The 2019.1 UWP and WinForms versions of SyntaxEditor will follow later this year.
Carets and Selection
Multiple Selections
Multiple selections, each with their own caret, are now supported. A new selection can be added by holding the Ctrl key when clicking in the text area or clicking on the selection or line number margins. Most edit actions have been refactored to fully support multiple selections. For instance, pressing Shift+Right Arrow will extend all of the selections by one character.
Copying text from multiple selections unions the selected text, joining each range's text with a line terminator. Pasting multi-line text into a view with the same number of selections as text lines being pasted will replace each selection with a related line from the pasted text.
Touch Selection Grippers
Selection grippers will show for the primary selection when touch input is used.
Caret Movement
Carets now support movement at both the start and end of word wrapped lines.
Virtual space is now supported at the end of lines when a new option is enabled. Block selections can be made in virtual space at the end of lines, even without line end virtual space being enabled. This prevents the caret from snapping to an offset when making a block selection, which can sometimes be problematic.
Search Overlay Pane
A new search overlay pane displays over the upper-right of the active editor view when Ctrl+F (find mode) or Ctrl+H (replace mode) are pressed in a multi-line editor. A toggle mode button on the search overlay pane switches between find and replace modes, and all common search options are supported via toggle buttons and other controls. The search overlay pane can be closed by clicking the X button or by pressing Esc.
Ctrl+F3 will open the search overlay pane without focusing it, and will search forward for the currently-selected text. Ctrl+Shift+F3 will do the same but will search backwards.
F3 will search for the next match of the previously-used search options. Shift+F3 will search for the previous match of the previously-used search options.
If the SyntaxEditor.IsSearchResultHighlightingEnabled property is true, the search results can be highlighted while the search overlay pane is open. Closing the search overlay pane, clears the search result highlights.
IntelliPrompt
Vector Images
The Metro Light and Metro Dark common image sets are now in vector form and render beautifully in high DPI.
Completion Filters
Completion filters have been updated so when there are multiple active filters with the same ICompletionFilter.GroupName, any one of those filters can includes an item. Toggle button completion filters were changed to appear unchecked when they aren't active, which is more natural.
Ctrl Key Opacity Changes
The logic for making IntelliPrompt popups and the new search overlay pane semi-transparent when the Ctrl key is held has been refactored and improved. A brief delay was added before the opacity change occurs.
Splitting
The scrollbar splitter button now has a larger appearance.
The view splitter can be dragged to the bottom of the view to remove the split and keep the top view.
Scrolling and Zooming
Touch Scrolling
Smooth inertia-based touch scrolling has been added.
Auto ScrollBar Visibility
The horizontal and vertical scrollbars now support an Auto visibility option that will only display then when necessary.
Horizontal Scrolling
Editor views can be scrolled horizontally with Shift+MouseWheel
Better logic was implemented for managing horizontal scroll maximums, especially when scrolling vertically.
Scroll API
New programmatic scroll methods were added that allow for aligning an anchor line to the top/center/bottom of a view with a specified pixel displacement, or scrolling by pixels.
Margins
Line Number Customization
A new line number provider language service was added that allows for complete customization of how line numbers are rendered in the line number margin. In addition, a property was added to the document that sets the line number for the first line in the document, defaulting to one.
Indicator Glyphs
The rendering of built-in indicator glyphs was improved.
Text Rendering
The text rendering of long lines was improved.
.NET Languages Add-on
IntelliPrompt completion list toggle button filters were added for the various kinds of items displayed in the list. The IntelliPrompt completion filter UI (toggle buttons and tabs) only shows based on the available items in the unfiltered list. For instance, if there are no types in the list, no 'Types' toggle button filter is visible.
Roslyn Add-on
The optional Roslyn add-on was updated to use Roslyn v3.0.0.
Python Language Add-on
IntelliPrompt completion list toggle button filters were added for the various kinds of items displayed in the list. The IntelliPrompt completion filter UI (toggle buttons and tabs) only shows based on the available items in the unfiltered list. For instance, if there are no classes in the list, no 'Classes' toggle button filter is visible.
As the massive SyntaxEditor vNext project heads towards completion, we are now asking for beta testers to work with preview builds of what’s coming.
Beta testers will get an early look at all the new features, and can give us valuable feedback to influence any necessary development and/or bug fixes prior to a final release.
Rollout Schedule
The WPF version is closest to ready for a beta. We still have a bit more work to accomplish before the first WPF beta is ready for testing, but it could be a week or two away at this point.
The UWP version will follow the WPF version, once the WPF beta is tested for some time. A benefit of SyntaxEditor vNext using the same codebase across WPF, UWP, and WinForms is that any changes/fixes made to one platform can easily flow into the others as well.
Finally the WinForms version will enter beta after the other two are out and both being tested, and after the documentation updates for the WPF/UWP versions has been completed.
We will continue posting status updates in our blog.
Beta Testers
We are looking for beta testers who:
Will actively use supplied preview builds to help ensure the beta is stable.
Will report suggestions for improvement of new features.
Will report any bugs that are encountered.
Ideally is signed up in our Slack workspace, as it’s easiest to communicate through that during testing phases.
Please contact our support team privately via a ticket to sign up for beta testing:
Another feature we're looking to add to SyntaxEditor vNext (the 2019.1 version) is editor view panes, which are small UI panes with editor-related functionality that slide in from the view's top-right corner. We originally started this effort with the idea of adding an inline search view similar to the one found in Visual Studio.
Here's a walkthrough showing how it works when you press Ctrl+F:
We will cover this new inline search view in detail in a future post, as it's still being developed at this time. But you can get a feel for how it will function via the video above.
As we worked on this feature, we thought it would be a great idea to try and make more of a generic mechanism to host these kinds of editor view panes. Other editor view panes could be added for go-to line, go-to anything, refactoring, etc. kinds of user interfaces.
Submit Your Feedback
We're just in the planning stages of this more generic editor view pane mechanism right now and would love to get your feedback.
Let's hear your thoughts in the comments on what kinds of built-in panes you might like to see, or what kinds of custom panes you might build with this mechanism!