是否存在“粗略”TreeView控件，如果存在，我在哪里可以获得它？ [英] Does a 'Sketchy' TreeView control exist and if so where can I get it ?

问题描述

大家好......，只是想知道是否有人听说或看过TreeView控件的'粗略'版本。

为原型设计一个过滤应用程序，很有可能拥有这样的东西。

提前谢谢。

DennisO

解决方案

Howdy，

不是默认情况下，但有些样式和模板你可以得到一些工作...

试试这个样品


<前lang = x-xml>< UserControl.Resources>
< SolidColorBrush x：Key =" ListBorder"颜色="＃828790" />
< Style x：Key =" TreeViewStyle1" TargetType =" {x：Type TreeView}">
< Setter Property =" Background" Value =" {DynamicResource {x：Static SystemColors.WindowBrushKey}}" />
< Setter Property =" BorderBrush"值=" {StaticResource ListBorder}" />
< Setter Property =" BorderThickness"值= QUOT 1 QUOT; />
< Setter Property =" Padding"值= QUOT 1 QUOT; />
< Setter Property =" Foreground"值=" {DynamicResource BaseBorder-Sketch}" />
< Setter Property =" ScrollViewer.Horizo​​ntalScrollBarVisibility"值= QUOT;自动" />
< Setter Property =" ScrollViewer.VerticalScrollBarVisibility"值= QUOT;自动" />
< Setter Property =" VerticalContentAlignment"值= QUOT;中心" />
< Setter Property =" Template">
< Setter.Value>
< ControlTemplate TargetType =" {x：Type TreeView}">
< Grid>
< Grid x：Name =" Bd" SnapsToDevicePixels = QUOT;真">
< ScrollViewer x：Name =" _tv_scrollviewer_" Background =" {TemplateBinding Background}" Padding =" {TemplateBinding Padding}"可聚焦= QUOT假QUOT; SnapsToDevicePixels =" {TemplateBinding SnapsToDevicePixels}" CanContentScroll = QUOT假QUOT; Horizo​​ntalScrollBarVisibility =" {TemplateBinding ScrollViewer.Horizo​​ntalScrollBarVisibility}" VerticalScrollBarVisibility =" {TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
< ItemsPresenter />
< / ScrollViewer>
< ps：SketchRectangleUC x：Name =" SketchRectangleUC" BorderBrush =" {TemplateBinding BorderBrush}" ExtensionLength = QUOT; 0" ExtensionVariance = QUOT; 0" StrokeWidth = QUOT; 2英寸SegmentLength = QUOT; 8英寸SegmentVariance = QUOT; 0.1" SegmentOffset = QUOT; 0.12" FocusVisualStyle =" {DynamicResource FocusControl-Sketch}" VerticalAlignment = QUOT;拉伸"高度= QUOT;自动"背景= QUOT; {X：空}" />
< / Grid>
< / Grid>
< ControlTemplate.Triggers>
< Trigger Property =" IsEnabled"值= QUOT假QUOT; />
< Trigger Property =" VirtualizingStackPanel.IsVirtualizing"值= QUOT;真">
< Setter Property =" CanContentScroll"的TargetName = QUOT; _tv_scrollviewer_"值= QUOT;真" />
< / Trigger>
< /ControlTemplate.Triggers>
< / ControlTemplate>
< /Setter.Value>
< / Setter>
< Setter Property =" FontFamily" Value =" Fonts /＃Buxton Sketch" />
< Setter Property =" FontSize"值= QUOT; 18.667" />
< Style.Triggers>
< Trigger Property =" VirtualizingStackPanel.IsVirtualizing"值= QUOT;真">
< Setter Property =" ItemsPanel">
< Setter.Value>
< ItemsPanelTemplate>
< VirtualizingStackPanel />
< / ItemsPanelTemplate>
< /Setter.Value>
< / Setter>
< / Trigger>
< /Style.Triggers>
< / Style>
< /UserControl.Resources>

< Grid x：Name =" LayoutRoot"背景= QUOT;白色">
< TreeView Margin =" 162,101,236,109" Style =" {DynamicResource TreeViewStyle1}">
< TreeViewItem Header =" TreeViewItem" />
< TreeViewItem Header =" TreeViewItem" />
< / TreeView>
< / Grid>

HTH

干杯

Hi all..., just wondering if anyone has heard of or seen a 'sketchy' version of a TreeView control.

Am prototyping a filtering app that would be great to have something like this.

thanks in advance.

DennisO

解决方案

Howdy,

Not by default, but with a little messing around with some styles and templates you can get something working...

Try this for a sample

<UserControl.Resources>
		<SolidColorBrush x:Key="ListBorder" Color="#828790"/>
		<Style x:Key="TreeViewStyle1" TargetType="{x:Type TreeView}">
			<Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
			<Setter Property="BorderBrush" Value="{StaticResource ListBorder}"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Padding" Value="1"/>
			<Setter Property="Foreground" Value="{DynamicResource BaseBorder-Sketch}"/>
			<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TreeView}">
						<Grid>
							<Grid x:Name="Bd" SnapsToDevicePixels="true">
								<ScrollViewer x:Name="_tv_scrollviewer_" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" Focusable="false" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" CanContentScroll="false" HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
									<ItemsPresenter/>
								</ScrollViewer>
								<ps:SketchRectangleUC x:Name="SketchRectangleUC" BorderBrush="{TemplateBinding BorderBrush}" ExtensionLength="0" ExtensionVariance="0" StrokeWidth="2" SegmentLength="8" SegmentVariance="0.1" SegmentOffset="0.12" FocusVisualStyle="{DynamicResource FocusControl-Sketch}" VerticalAlignment="Stretch" Height="Auto" Background="{x:Null}"/>
							</Grid>
						</Grid>
						<ControlTemplate.Triggers>
							<Trigger Property="IsEnabled" Value="false"/>
							<Trigger Property="VirtualizingStackPanel.IsVirtualizing" Value="true">
								<Setter Property="CanContentScroll" TargetName="_tv_scrollviewer_" Value="true"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
			<Setter Property="FontFamily" Value="Fonts/#Buxton Sketch"/>
			<Setter Property="FontSize" Value="18.667"/>
			<Style.Triggers>
				<Trigger Property="VirtualizingStackPanel.IsVirtualizing" Value="true">
					<Setter Property="ItemsPanel">
						<Setter.Value>
							<ItemsPanelTemplate>
								<VirtualizingStackPanel/>
							</ItemsPanelTemplate>
						</Setter.Value>
					</Setter>
				</Trigger>
			</Style.Triggers>
		</Style>
	</UserControl.Resources>

	<Grid x:Name="LayoutRoot" Background="White">
		<TreeView Margin="162,101,236,109" Style="{DynamicResource TreeViewStyle1}">
			<TreeViewItem Header="TreeViewItem"/>
			<TreeViewItem Header="TreeViewItem"/>
		</TreeView>
	</Grid>

HTH

Cheers

这篇关于是否存在“粗略”TreeView控件，如果存在，我在哪里可以获得它？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！