亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

  1. 首頁 > 生活知識 > >

wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言

生活百科

樹形下拉菜單是許多WPF應(yīng)用程序中常見的用戶界面元素，它能夠以分層的方式展示數(shù)據(jù) ， 提供更好的用戶體驗 。本文將深入探討如何基于WPF創(chuàng)建一個可定制的樹形下拉菜單控件，涵蓋從原理到實際實現(xiàn)的關(guān)鍵步驟 。
一.需求分析
樹形下拉菜單控件的核心是將ComboBox與TreeView結(jié)合起來，以實現(xiàn)下拉時的樹狀數(shù)據(jù)展示 。在WPF中，可以通過自定義控件模板、樣式和數(shù)據(jù)綁定來實現(xiàn)這一目標(biāo) 。
我們首先來分析一下ComboBox控件的模板 。
<ControlTemplate x:Key="ComboBoxTemplate" TargetType="{x:Type ComboBox}"><Grid x:Name="templateRoot" SnapsToDevicePixels="true"><Grid.ColumnDefinitions><ColumnDefinition Width="*"/><ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/></Grid.ColumnDefinitions><Popup x:Name="PART_Popup" AllowsTransparency="true" Grid.ColumnSpan="2" IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" Margin="1" Placement="Bottom" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"><theme:SystemDropShadowChrome x:Name="shadow" Color="Transparent" MinWidth="{Binding ActualWidth, ElementName=templateRoot}" MaxHeight="{TemplateBinding MaxDropDownHeight}"><Border x:Name="dropDownBorder" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1"><ScrollViewer x:Name="DropDownScrollViewer"><Grid x:Name="grid" RenderOptions.ClearTypeHint="Enabled"><Canvas x:Name="canvas" HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0"><Rectangle x:Name="opaqueRect" Fill="{Binding Background, ElementName=dropDownBorder}" Height="{Binding ActualHeight, ElementName=dropDownBorder}" Width="{Binding ActualWidth, ElementName=dropDownBorder}"/></Canvas><ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/></Grid></ScrollViewer></Border></theme:SystemDropShadowChrome></Popup><ToggleButton x:Name="toggleButton" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" Style="{StaticResource ComboBoxToggleButton}"/><ContentPresenter x:Name="contentPresenter" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" Content="{TemplateBinding SelectionBoxItem}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="false" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/></Grid></ControlTemplate>從以上代碼可以看出，其中的Popup控件就是下拉部分 ， 那么按照常理，我們在Popup控件中放入一個TreeView控件即可實現(xiàn)該需求，但是現(xiàn)實情況遠沒有這么簡單 。我們開發(fā)一個控件，不僅要從外觀上實現(xiàn)功能，還需要考慮數(shù)據(jù)綁定、事件觸發(fā)、自定義模板等方面的問題，顯然，直接放置一個TreeView控件雖然也能實現(xiàn)功能，但是從封裝的角度看，它并不優(yōu)雅，使用也不方便 。那么有沒有更好的方法滿足以上需求呢？下面提供另一種思路，其核心思想就是融合ComboBox控件與TreeView控件模板，讓控件既保留TreeView的特性，又擁有ComboBox的外觀 。
二.代碼實現(xiàn)
2.1 編輯TreeView模板；
2.2 提取ComboBox的模板代碼；
2.3 將ComboBox的模板代碼移植到TreeView模板中；
2.4 將TreeView模板包含ItemsPresenter部分的關(guān)鍵代碼放入ComboBox模板中的Popup控件內(nèi)；
以下為融合后的xaml代碼
<ControlTemplate TargetType="{x:Type local:TreeComboBox}"><Grid x:Name="templateRoot" SnapsToDevicePixels="true"><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="0" MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" /></Grid.ColumnDefinitions><Popupx:Name="PART_Popup"Grid.ColumnSpan="2"MaxHeight="{TemplateBinding MaxDropDownHeight}"Margin="1"AllowsTransparency="true"IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource Mode=TemplatedParent}}"Placement="Bottom"PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"><Borderx:Name="PART_Border"Width="{Binding RelativeSource={RelativeSource AncestorType=local:TreeComboBox}, Path=ActualWidth}"Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}"BorderThickness="1"SnapsToDevicePixels="true"><ScrollViewerx:Name="_tv_scrollviewer_"Padding="{TemplateBinding Padding}"Background="{TemplateBinding Background}"CanContentScroll="false"Focusable="false"HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"><ItemsPresenter /></ScrollViewer></Border></Popup><ToggleButtonx:Name="toggleButton"Grid.ColumnSpan="2"Background="{TemplateBinding Background}"BorderBrush="{TemplateBinding BorderBrush}"BorderThickness="{TemplateBinding BorderThickness}"IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource Mode=TemplatedParent}}"Style="{StaticResource ComboBoxToggleButton}" /><ContentPresenterx:Name="contentPresenter"Margin="{TemplateBinding Padding}"HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"VerticalAlignment="{TemplateBinding VerticalContentAlignment}"Content="{TemplateBinding SelectionBoxItem}"ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"IsHitTestVisible="False" /></Grid><ControlTemplate.Triggers><Trigger Property="IsEnabled" Value="http://www.wokk.cn/false"><Setter TargetName="PART_Border" Property="Background" Value="http://www.wokk.cn/{DynamicResource {x:Static SystemColors.ControlBrushKey}}" /></Trigger><Trigger Property="VirtualizingPanel.IsVirtualizing" Value="http://www.wokk.cn/true"><Setter TargetName="_tv_scrollviewer_" Property="CanContentScroll" Value="http://www.wokk.cn/true" /></Trigger><MultiTrigger><MultiTrigger.Conditions><Condition Property="IsGrouping" Value="http://www.wokk.cn/true" /><Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="http://www.wokk.cn/false" /></MultiTrigger.Conditions><Setter Property="ScrollViewer.CanContentScroll" Value="http://www.wokk.cn/false" /></MultiTrigger></ControlTemplate.Triggers></ControlTemplate>以下為使用控件的代碼 。
<TreeComboBoxWidth="315"MinHeight="30"Padding="5"HorizontalAlignment="Center"VerticalAlignment="Top"VerticalContentAlignment="Stretch"IsAutoCollapse="True"ItemsSource="{Binding Collection}"><TreeComboBox.SelectionBoxItemTemplate><ItemContainerTemplate><Border><TextBlock VerticalAlignment="Center" Text="{Binding Property1}" /></Border></ItemContainerTemplate></TreeComboBox.SelectionBoxItemTemplate><TreeComboBox.ItemTemplate><HierarchicalDataTemplate ItemsSource="{Binding Collection}"><TextBlockMargin="5,0,0,0"VerticalAlignment="Center"Text="{Binding Property1}" /></HierarchicalDataTemplate></TreeComboBox.ItemTemplate></TreeComboBox>三.運行效果
3.1 單選效果

wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言

文章插圖
單選效果
3.2 多選效果
wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言

文章插圖
多選效果
四.個性化外觀
當(dāng)控件默認(rèn)外觀無法滿足需求時，我們可以通過編輯樣式的方式來實現(xiàn)個性化外觀，也可以引用第三方UI庫樣式 ， 以下為使用MaterialDesign的效果 。
4.1 單選效果
wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言

文章插圖
單選效果
4.2 多選效果
wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言

文章插圖
【wpf快速開發(fā)框架使用 wpf下拉框怎么做多語言】多選效果


    以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

    「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：