This code sets the width of the first column to "450*" and the third column to "735*". The Thumb is 15 pixels wide, so the first column might be 450 pixels and the third column 735 pixels. New GridLength(rightColDef.ActualWidth, GridUnitType.Star) įor example, suppose the Grid is 1200 pixels wide. New GridLength(leftColDef.ActualWidth, GridUnitType.Star) Void OnThumbDragStarted(object sender, DragStartedEventArgs args)ĬolumnDefinition leftColDef = grid.ColumnDefinitions ĬolumnDefinition rightColDef = grid.ColumnDefinitions (The code is somewhat generalized in case you want to use identical code for multiple grid splitters in the program.) In response to that event, the program sets the star widths of the first and last columns based on the actual pixel widths. The DragStarted event occurs when a finger or pen first touches the Thumb, or the mouse button is pressed when the mouse is over the Thumb. Setting Grid column widths in code isn't common, but it can be done.
But here I'm going to respond to Thumb events by changing the widths of the left and right Grid columns. Commonly, you'll move the Thumb using a TranslateTransform or by calling the Canvas.SetLeft or Canvas.SetTop static methods. You'll need to move it from code in response to these events. (Watch out! There are other events named DragOver, DragEnter, and DragLeave that are defined by the Control class and involve drag and drop!) That are fired when the user tries to drag the control using the mouse, pen, or touch. The Thumb defines events named DragStarted, DragDelta, and DragCompleted Here's an example where the two sizeable columns both contain TextBox controls for easy experimentation: For touch purposes, using little wider Thumb is advisable. Give those two columns initial star widths and put a column between them containing a Thumb control. Let's suppose you want a splitter between two Grid columns. "Silverlight, Windows Phone 7, and the Multi-Touch Thumb" in the December 2010 issue of MSDN Magazine. I discussed several uses of the pre-Windows 8 Thumb in the article But the Thumb can come in handy when you need a control that responds to mouse or touch dragging. The grid splitter I'll be showing you here is built around the Thumb control - a rather obscure control hidden away in the Windows.UI. namespace and mostly found in control templates for ScrollBar, Slider, and ToggleSwitch. It's so easy that you can do it on an ad hoc basis rather than creating a generalized custom control. But sometimes you'd like to allow the user the freedom to change the relative sizes of two columns or rows in a Grid.įortunately it's easy to make your own grid splitter.
WINDOWS GRID NARROW WINDOWS 8
Windows 8 doesn't have a GridSplitter control, most likely because the concept doesn't quite fit in with the Windows Store design paradigm.
0 kommentar(er)
