web-dev-qa-db-ja.com

必須/必須ではないフィールドに応じたWPF検証

WPFの開発は初めてですが、1石で3羽の鳥を殺す方法を考えていました。例：2つのTextBoxと2つのTextBlocksを持つフォームがあります。最初の「鳥」は、必須フィールドを参照している場合、アスタリスクを使用して一部のテキストブロックを「強化」できるようになります。

<TextBlock Grid.Row="0" Grid.Column="0" Text="Age" customProperty="Required" /> <TextBlock Grid.Row="1" Grid.Column="0" Text="Foot Size/>

次に、TextBlockはテキストを別の方法で表示します。最初のブロックにはアスタリスクが付いていますが、カスタムプロパティが定義されていないものにはありません。

2番目の鳥は、テキストボックスの値になんらかの検証を行うことです。これを正しく理解するには、CustomValidationRuleを使用してクラスを実装します。

class AgeController: ValidationRule
{
    public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo)
    {
        if (value == null)
            return new ValidationResult(false, "Null value");

        int temp = 1;
        Boolean noIllegalChars = int.TryParse(value.ToString(), out temp);
        if (temp >= 1)
            return new ValidationResult(true, null);
        else
            return new ValidationResult(false, "Correggi");
    }
}

これをtextBlox XAMLコードに追加することにより：

<TextBox.Text>
     <Binding Path="blabla" UpdateSourceTrigger="PropertyChanged"  ValidatesOnDataErrors="True">
         <Binding.ValidationRules>
              <local:AgeController ValidationStep="RawProposedValue" />
         </Binding.ValidationRules>
     </Binding>
</TextBox.Text>

これは機能しますが、必須フィールドと必須フィールドでは検証プロセスが異なるはずです。それが必要な場合は空白の入力は無効ですが、オプションの場合は空白のフィールドでも問題ありません。テキストボックスにリンクされたテキストブロックを参照しながら、2つの異なるValidationRuleを指定せずにこれを実現するにはどうすればよいですか？

/ tldr：テキストにスタイルを追加する属性（アスタリスクまたはクライアントが望むものは何でも、エンリッチメントが1か所のみでテキストを変更する方法を変更します）、テキストボックスの検証でテキストブロックを強化する方法を見つけようとしていますエンリッチされたテキストブロックを参照すると、エンリッチメントの値に基づいて異なる動作になります。

説明をごまかさなかったといいのですが。

c#wpfvalidationxaml
16
Massimo

1。 TextBlockにはControlTemplateプロパティがありません。したがって、必要な（*）をTextBlockに追加することはできません

ラベルにはcontroltemplateがあり、入力フィールドにフォーカスを与えることができます。使ってみましょう。

Alt + Fが押されたときにフォーカスをTextBoxに渡すためのTargetプロパティの使用：

<!-- Prefixing Firstname with _ allows the user to give focus
     to the textbox (Target) by pressing Alt + F-->

    <local:LabelWithRequiredInfo  Content="_Firstname" 
                                  IsRequired="false" 
                                  Target="{Binding ElementName=textboxFirstname,
                                  Mode=OneWay}" ... />

Label：LabelWithRequiredInfoのサブクラスを作成するため、IsRequiredプロパティを追加できます。
（VS Add New Item/WPF Custom Controlを使用）。

2。コントロールにIsRequired依存関係プロパティを作成して、バインディングが機能するようにする-必要です！

public class LabelWithRequiredInfo : Label
{
    public bool IsRequired
    {
        get { return (bool)GetValue(IsRequiredProperty); }
        set { SetValue(IsRequiredProperty, value); }
    }

    // Using a DependencyProperty as the backing store for IsRequired.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsRequiredProperty =
        DependencyProperty.Register("IsRequired", typeof(bool), typeof(LabelWithRequiredInfo), new PropertyMetadata(false));
    static LabelWithRequiredInfo()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(LabelWithRequiredInfo), new FrameworkPropertyMetadata(typeof(LabelWithRequiredInfo)));
    }
}

3。 Themes\Generic.xamlのLabelWithRequiredInfoテンプレートに入力してみましょう

（ただし、テンプレートはMainWindow.xamlで最初に設計されており、ラベル/テンプレートの編集/コピーをクリックして視覚化することができます。その後、テンプレートのコンテンツがGeneric.xamlにコピーされます）

<Style TargetType="{x:Type local:LabelWithRequiredInfo}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:LabelWithRequiredInfo}">
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                    <!-- A grid has been added to the template content to have multiple content.  -->
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="30"/>
                        </Grid.ColumnDefinitions>
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        <!-- The Visibility  property has to be converted because it's not a bool but has a Visibility type
                             The converter (pretty classical) can be found in the attached solution, and is declared in the resource section
                             The binding is made on a property of the component : IsRequired
                        -->
                        <TextBlock  Text="(*)" 
                                    Visibility="{TemplateBinding IsRequired,Converter={StaticResource booleanToVisibilityConverter}}"
                                    Foreground="Red"
                                    Grid.Column="1"
                                    Margin="5 0"/>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>

            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

4。 Generic.xamlでのコンバーターの宣言：

<ResourceDictionary
    xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TextboxRequiredMandatoryInput">
    <local:BooleanToVisibilityConverter  x:Key="booleanToVisibilityConverter"/>

5。 IsRequired動作を考慮したValidationRuleの宣言：

class RequiredValidationRule : ValidationRule
{
    public bool IsRequired { get; set; }
    public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo)
    {
        var content = value as String;
        if (content != null)
        {
            if (IsRequired && String.IsNullOrWhiteSpace(content))
                return new ValidationResult(false, "Required content");
        }
        return ValidationResult.ValidResult;
    }
}

6。そして、あなたが見つけたようにあなたのバインディングでそれを使用してください：

<TextBox x:Name="textboxFirstname" HorizontalAlignment="Left" Height="23" Margin="236,94,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120">
    <TextBox.Text>
        <Binding Path="Firstname" UpdateSourceTrigger="PropertyChanged"  ValidatesOnDataErrors="True">
            <Binding.ValidationRules>
                <local:RequiredValidationRule IsRequired="true" ValidationStep="RawProposedValue" />
            </Binding.ValidationRules>
        </Binding>
    </TextBox.Text>
</TextBox>

あなたはここで完全な解決策を見つけるでしょう：

http://1drv.ms/1igpsyb

9
Emmanuel DURIN

再利用性と要件の説明方法のために、集約コントロールが必要になる場合があります。 UserControl +いくつかのDependencyPropertyはこれに最適です。

私のUserControlについては、私はこれを持っているでしょう。

<UserControl x:Class="WpfApplication1.InputFieldControl"
         x:Name="InputUserCtrl"
         ...             >
<StackPanel x:Name="MainPanel">
    <TextBlock x:Name="Label">
        <TextBlock.Text>
            <MultiBinding StringFormat="{}{0}{1}:">
                <Binding Path="InputLabel" ElementName="InputUserCtrl"/>
                <Binding Path="RequiredStringSymbol" ElementName="InputUserCtrl"/>
            </MultiBinding>
        </TextBlock.Text>
    </TextBlock>
    <TextBox x:Name="Value" Text="{Binding DataContext, ElementName=InputUserCtrl}"/>
</StackPanel>

次に、その部分クラス（プロパティの数を追加しました。使用法の部分を参照してください）：

public partial class InputFieldControl : UserControl
{
    // Required property
    public static readonly DependencyProperty RequiredProperty =
                   DependencyProperty.Register("Required", 
                   typeof(bool), typeof(InputFieldControl), 
                   new PropertyMetadata(true, OnRequiredChanged));
    private static void OnRequiredChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){
        InputFieldControl ctrl = d as InputFieldControl;
        // symbol is voided
        if ((bool)e.NewValue == false)
            ctrl.RequiredStringSymbol = string.Empty;
    }
    public bool Required {
        get { return (bool)GetValue(RequiredProperty); }
        set { SetValue(RequiredProperty, value); }
    }
    // Required string symbol
    public static readonly DependencyProperty RequiredStringSymbolProperty =
                  DependencyProperty.Register("RequiredStringSymbol",
                  typeof(string), typeof(InputFieldControl),
                  new PropertyMetadata("*"));
    public string RequiredStringSymbol{
        get { return (string)GetValue(RequiredStringSymbolProperty); }
        set { SetValue(RequiredStringSymbolProperty, value); }
    }
    // Input Label
    public static readonly DependencyProperty InputLabelProperty =
                  DependencyProperty.Register("InputLabel",
                  typeof(string), typeof(InputFieldControl),
                  new PropertyMetadata(string.Empty));
    public string InputLabel{
        get { return (string)GetValue(InputLabelProperty); }
        set { SetValue(InputLabelProperty, value); }
    }

そして、私はこのようなコントロールを使用することができます：

<StackPanel>
    <customCtrl:InputFieldControl Required="True"
                                  RequiredStringSymbol="+" 
                                  InputLabel="RequiredField"/>
    <customCtrl:InputFieldControl Required="False"
                                  InputLabel="NormalField"/>
    <customCtrl:InputFieldControl Required="True"
                                  RequiredStringSymbol="*" 
                                  InputLabel="AnotherRequiredField">
    </customCtrl:InputFieldControl>
</StackPanel>

検証の部分については、IDataErrorInfoを使用したいと思います。 Requiredプロパティをバインドできるようになったので、これはViewModelと連携できます。

4
tgpdyk

最初の点：必要な視覚要素（アスタリスクなど）を追加する、コントロールのカスタムテンプレートを定義できます。トリガーを使用して可視性を制御できます。 （これの詳細については、別の質問をすることができます）

Second/Third：ブールプロパティIsRequired on AgeControllerを定義でき、検証を定義するときにTRUE/FALSEに設定できます。

<TextBox.Text>
     <Binding Path="blabla" UpdateSourceTrigger="PropertyChanged"  ValidatesOnDataErrors="True">
         <Binding.ValidationRules>
              <local:AgeController ValidationStep="RawProposedValue" 
                                                   IsRequired="**True**" />
                                               OR: IsRequired="**False**" />

         </Binding.ValidationRules>
     </Binding>
</TextBox.Text>

次に、この値は、検証を実装するときに使用できます。

public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo)
    {
        if (IsRequired)
        {
           ...
        }
        else
        {
           ...
        }
    }
3
Andy

これは、マッシモの質問とは完全に異なる2番目の回答です。

私はそれを可能性があると考えてそれを行いましたXAMLデザイナーにとって使いやすい

目的は、Label（実際にはサブクラスに必要な赤い記号（*）を付ける）を使いやすくすることです。

フォーカスを与える通常のおかげでTexBlockにターゲットプロパティ

<local:LabelWithRequiredInfo  Content="_Firstname" 
                              Target="{Binding ElementName=textboxFirstname, Mode=OneWay}" 
                              ... />

また、ターゲットがあるため、LabelWithRequiredInfoはTextBox.TextPropertyにRequiredValidationRuleが存在するかどうかを確認できます。

したがって、ほとんどの場合、IsRequiredプロパティは必要ありません。

public LabelWithRequiredInfo()
{
    var dpd = DependencyPropertyDescriptor.FromProperty(Label.TargetProperty, typeof(Label));
    dpd.AddValueChanged(this, SearchForRequiredValidationRule);
}
private void SearchForRequiredValidationRule(object sender, EventArgs e)
{
    var textbox = Target as TextBox;
    if (textbox != null)
    {
        Binding binding = BindingOperations.GetBinding(textbox, TextBox.TextProperty);
        var requiredValidationRule = binding.ValidationRules
                                            .OfType<RequiredValidationRule>()
                                            .FirstOrDefault();
        if (requiredValidationRule != null)
        {
            // makes the required legend (red (*) for instance) to appear
            IsRequired = true;
        }
    }
}

また、必要な凡例をチェックボックスやコンボボックスなどに提供する必要がある場合は、IsRequiredプロパティがLabelWithRequiredInfoにある

<local:LabelWithRequiredInfo  Content="_I agree with the terms of contract" 
                              Target="{Binding ElementName=checkboxIAgree}"
                              IsRequired='"true"                                  
                              ... />

そして、テキストボックス（または任意のコントロール）に他の検証ルールを追加して、数値、正規表現などをチェックすることも可能です。

最後のボーナスとして、LabelWithRequiredInfoの依存関係プロパティとしてRequiredLegendを設定します。

public Object RequiredLegend
{
    get { return (Object)GetValue(RequiredLegendProperty); }
    set { SetValue(RequiredLegendProperty, value); }
}

// Using a DependencyProperty as the backing store for RequiredLegend.  This enables animation, styling, binding, etc...
public static readonly DependencyProperty RequiredLegendProperty =
    DependencyProperty.Register("RequiredLegend", typeof(Object), typeof(LabelWithRequiredInfo), new PropertyMetadata(null));

LabelWithRequiredInfoのテンプレートを使用して、テキストを表示できます。

<local:LabelWithRequiredInfo RequiredLegend="(*)" ... />

または、よりXAMLっぽいもの：

<local:LabelWithRequiredInfo ... >
    <local:LabelWithRequiredInfo.RequiredLegend>
        <TextBlock Text="(*)" Foreground="Red" />
    </local:LabelWithRequiredInfo.RequiredLegend>

themes\Generic.xamlでコントロールのテンプレートを変更するだけです。

ContentControlを使用してテキストまたはコントロールを表示します。

<Style TargetType="{x:Type local:LabelWithRequiredInfo}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:LabelWithRequiredInfo}">
                <Border ...>
                    <Grid>
                        <Grid.ColumnDefinitions ... />
                        <ContentPresenter ... />
                        **<ContentControl Content="{TemplateBinding RequiredLegend}" Visibility="{TemplateBinding IsRequired,Converter={StaticResource booleanToVisibilityConverter}}" Grid.Column="1" /> **
                    </Grid>

これが完全に機能するソリューションへのリンクです： http://1drv.ms/1MxltVZ

最高のコーディング

0
Emmanuel DURIN