Текст подсказка в ячейке DataGrid - C# WPF - Ответ 12894610

@hamin · 12.09.2018, 13:55

я бы сделал так.. для начала нужно сделать свойство, которое бы отвечало за отображение текста "введите что-то:". Есть 2 способа. Первый сделать кастомный текстбокс, второй с помощью attachedproperty. я покажу решиние со вторым..
для начала создадим такое свойство:

Кликните здесь для просмотра всего текста

C#

    public static class AttachesProperties
    {
        public static string GetDefaultText(DependencyObject obj)
        {
            return (string)obj.GetValue(DefaultTextProperty);
        }
 
        public static void SetDefaultText(DependencyObject obj, string value)
        {
            obj.SetValue(DefaultTextProperty, value);
        }
 
        // Using a DependencyProperty as the backing store for DefaultText.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty DefaultTextProperty =
            DependencyProperty.RegisterAttached("DefaultText", typeof(string), typeof(AttachesProperties));
    }

теперь определим стиль для текстбокса. Отображением текста будет заниматься текстблок:

Кликните здесь для просмотра всего текста

XML

<SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
        <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
        <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
        <Style x:Key="TextBoxStyle1" TargetType="{x:Type TextBox}">
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
            <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="local:AttachesProperties.DefaultText" Value="Hallo, world!"></Setter>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="AllowDrop" Value="true"/>
            <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
            <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                            <Grid>
                                <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
                                <TextBlock Text="{Binding Path=(local:AttachesProperties.DefaultText), RelativeSource={RelativeSource AncestorType=TextBox, Mode=FindAncestor}}" Margin="2 2 0 0" Foreground="Silver" x:Name="tbDefaultText">
                                    <TextBlock.Visibility>
                                        <MultiBinding Converter="{StaticResource DefaultTextConverter}">
                                            <Binding Path="Text" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBox}}"></Binding>
                                            <Binding Path="IsFocused" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBox}}"></Binding>
                                            <Binding Path="(local:AttachesProperties.DefaultText)" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TextBox}}"></Binding>
                                        </MultiBinding>
                                    </TextBlock.Visibility>
                                </TextBlock>
                            </Grid>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
                                <Setter Property="Visibility" Value="Collapsed" TargetName="tbDefaultText"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
                        <Condition Property="IsSelectionActive" Value="false"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
                </MultiTrigger>
            </Style.Triggers>
        </Style>

далее добавляем конвертер для отображения/скрытия текста

Кликните здесь для просмотра всего текста

C#

public class DefaultTextConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            var text = values[0];
            var isFocused = (bool)values[1];
            var defaultText = values[2];
 
            if (isFocused) return Visibility.Collapsed;
            else if (defaultText == null) return Visibility.Collapsed;
            else if (text != null && !string.IsNullOrEmpty(text.ToString())) return Visibility.Collapsed;
            else return Visibility.Visible;
        }
 
        public object[] ConvertBack(object value, Type[] targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

после того, как создали стиль для текстбокса, используем DataGridTemplateColumn:

Кликните здесь для просмотра всего текста

XML

<DataGrid>
   <DataGrid.Columns>
         <DataGridTemplateColumn Header="Name">
              <DataGridTemplateColumn.CellTemplate>
                 <DataTemplate><TextBlock Text="{Binding Name}"/></DataTemplate>
              </DataGridTemplateColumn.CellTemplate>
 
              <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Style="{StaticResource TextBoxStyle1}" Text="{Binding Name, Mode=TwoWay}" local:AttachesProperties.DefaultText="Введите имя:"></TextBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
         </DataGridTemplateColumn>
   </DataGrid.Columns>
</DataGrid>

далее при редактировании записи если в ячейке пусто, появится надпись "Введите имя:" пока не введешь что-то

Вернуться к обсуждению:
Текст подсказка в ячейке DataGrid C# WPF

Следующий ответ