aus XCeed CheckCombobox eine WatermarkCheckCombobox machen

  • WPF

Es gibt 1 Antwort in diesem Thema. Der letzte Beitrag () ist von Nofear23m.

    aus XCeed CheckCombobox eine WatermarkCheckCombobox machen

    Hi,

    hier das Controltemplate von der XCeed CheckCombobox. Ich würde gern ein Watermark noch einfügen, dass angezeigt wird, wenn nicht ausgewählt ist und das verschwindet wenn etwas ausgewählt wurde.

    XML-Quellcode

    1. <ControlTemplate x:Key="CheckComboBoxControlTemplate2" TargetType="{x:Type xctk:CheckComboBox}">
    2. <Grid x:Name="MainGrid" SnapsToDevicePixels="True">
    4. <Popup x:Name="PART_Popup" AllowsTransparency="True" IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="1" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom" StaysOpen="False">
    5. <Grid MinWidth="{Binding ActualWidth, ElementName=MainGrid}">
    6. <Border x:Name="DropDownBorder" CornerRadius="3" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" MaxHeight="{Binding MaxDropDownHeight, RelativeSource={RelativeSource TemplatedParent}}">
    8. <ScrollViewer x:Name="DropDownScrollViewer">
    10. <Grid RenderOptions.ClearTypeHint="Enabled">
    11. <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
    12. <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=DropDownBorder}" Height="{Binding ActualHeight, ElementName=DropDownBorder}" Width="{Binding ActualWidth, ElementName=DropDownBorder}"/>
    13. </Canvas>
    14. <StackPanel>
    15. <xctk:SelectAllSelectorItem x:Name="PART_SelectAllSelectorItem" Content="{TemplateBinding SelectAllContent}">
    16. <xctk:SelectAllSelectorItem.Visibility>
    17. <Binding Path="IsSelectAllActive" RelativeSource="{RelativeSource TemplatedParent}">
    18. <Binding.Converter>
    19. <BooleanToVisibilityConverter/>
    20. </Binding.Converter>
    21. </Binding>
    22. </xctk:SelectAllSelectorItem.Visibility>
    23. </xctk:SelectAllSelectorItem>
    24. <ItemsPresenter x:Name="PART_ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
    25. </StackPanel>
    26. </Grid>
    27. </ScrollViewer>
    28. </Border>
    29. </Grid>
    30. </Popup>
    32. <Border BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="3" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
    33. <ToggleButton x:Name="PART_DropDownButton" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Content="{Binding Text, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Focusable="False" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
    34. <ToggleButton.IsHitTestVisible>
    35. <Binding Path="IsDropDownOpen" RelativeSource="{RelativeSource TemplatedParent}">
    36. <Binding.Converter>
    37. <xctk:InverseBoolConverter/>
    38. </Binding.Converter>
    39. </Binding>
    40. </ToggleButton.IsHitTestVisible>
    41. <ToggleButton.Style>
    42. <Style TargetType="{x:Type ToggleButton}">
    43. <Setter Property="OverridesDefaultStyle" Value="True"/>
    44. <Setter Property="IsTabStop" Value="False"/>
    45. <Setter Property="Focusable" Value="False"/>
    46. <Setter Property="Padding" Value="2"/>
    47. <Setter Property="Template">
    48. <Setter.Value>
    49. <ControlTemplate TargetType="{x:Type ToggleButton}">
    50. <xctk:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" CornerRadius="0" RenderNormal="False" RenderMouseOver="{Binding IsMouseOver, ElementName=PART_DropDownButton}" RenderPressed="{Binding IsPressed, ElementName=PART_DropDownButton}" RenderEnabled="{TemplateBinding IsEnabled}" SnapsToDevicePixels="True">
    51. <Grid>
    52. <Grid.ColumnDefinitions>
    53. <ColumnDefinition Width="*"/>
    54. <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/>
    55. </Grid.ColumnDefinitions>
    56. <TextBox x:Name="TextBox" BorderThickness="0" Background="Transparent" Cursor="Arrow" Foreground="{TemplateBinding Foreground}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" HorizontalScrollBarVisibility="Hidden" IsReadOnly="True" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Text="{Binding Content, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" VerticalScrollBarVisibility="Hidden" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    57. <Grid Grid.Column="1" HorizontalAlignment="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}">
    58. <Path x:Name="Arrow" Data="M0,1C0,1 0,0 0,0 0,0 3,0 3,0 3,0 3,1 3,1 3,1 4,1 4,1 4,1 4,0 4,0 4,0 7,0 7,0 7,0 7,1 7,1 7,1 6,1 6,1 6,1 6,2 6,2 6,2 5,2 5,2 5,2 5,3 5,3 5,3 4,3 4,3 4,3 4,4 4,4 4,4 3,4 3,4 3,4 3,3 3,3 3,3 2,3 2,3 2,3 2,2 2,2 2,2 1,2 1,2 1,2 1,1 1,1 1,1 0,1 0,1z" Fill="Black" HorizontalAlignment="Center" Margin="3,0" VerticalAlignment="Center"/>
    59. </Grid>
    60. </Grid>
    61. </xctk:ButtonChrome>
    62. <ControlTemplate.Triggers>
    63. <Trigger Property="IsChecked" Value="True">
    64. <Setter Property="RenderPressed" TargetName="Chrome" Value="True"/>
    65. </Trigger>
    66. <Trigger Property="IsEnabled" Value="False">
    67. <Setter Property="Fill" TargetName="Arrow" Value="#FFAFAFAF"/>
    68. </Trigger>
    69. <DataTrigger Binding="{Binding IsEditable, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type xctk:CheckComboBox}}}" Value="True">
    70. <Setter Property="IsReadOnly" TargetName="TextBox" Value="False"/>
    71. <Setter Property="Focusable" TargetName="TextBox" Value="True"/>
    72. <Setter Property="Cursor" TargetName="TextBox" Value="{x:Null}"/>
    73. </DataTrigger>
    74. </ControlTemplate.Triggers>
    75. </ControlTemplate>
    76. </Setter.Value>
    77. </Setter>
    78. </Style>
    79. </ToggleButton.Style>
    80. </ToggleButton>
    81. </Grid>
    82. </ControlTemplate>


    Nun würde ich vllt gerne ein label noch einfügen

    XML-Quellcode

    1. <Label Content="Filter nach Bereich..." Padding="3,2.5,0,0" Foreground="Gray" />


    das verschwindet wenn etwas ausgewählt wurde, und wieder angezeigt wird, wenn nichts ausgewählt wurde.

    ich hab leider absolut gar keine idee wo ich anfangen soll.

    Vielen Dank für die Hilfe

    Hallo

    r0tzi schrieb:

    ich hab leider absolut gar keine idee wo ich anfangen soll.


    Erstmal würde ich damit Anfangen zu klären WIE du diese Funktionalität implementieren willst. Willst du es nur in einem Projekt schnell mal drinnen haben oder soll es ein wiederverwendbares Control sein welches du in mehreren Projekten verwenden kannst.

    Falls das erste zutrifft kannst du dir ja einfach ein UserControl erstellen und darin ein Dependency Property für den Watermark-Text erstellen.
    Ansonsten gibt es nocht die möglichkeit eines Attached Properties für den Watermark-Text. Im ControlTemplate der XCeed CheckedCombobox kannste dann einfach den Wert abfragen und dein Label befüllen.

    Ein eigenes Control zu erstellen (basierend auf das XCeed Control) ist dann etwas komplizierter aber natürlich auch die sauberste Lösung.

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

Facebook
Telefonspende