1

基本的なプロパティ グリッドのスタイルをいくつか作成しています。例の XAML は次のようになります。

<StackPanel Style="{StaticResource propertyGrid}" Orientation="Vertical"  >

    <ItemsControl Tag="property">
        <Label>Nodes</Label>
        <TextBox Text="{Binding Nodes}"/>
    </ItemsControl>

    <ItemsControl Tag="property">
        <Label >Major Diameter</Label>
        <TextBox Text="{Binding MajorDiameter}"/>
    </ItemsControl>

    <ItemsControl Tag="property">
        <Label>Minor Diameter</Label>
        <TextBox Text="{Binding MinorDiameter}"/>
    </ItemsControl>

    <ItemsControl Tag="property">
        <Label>Excenter</Label>
        <TextBox Text="{Binding Excenter}"> </TextBox>
    </ItemsControl>

</StackPanel>

私のスタイリングはこのロジックに従います。Tag を持つ ItemsControl 内のラベルまたは TextBox は、property特別なスタイルを取得します。これを疑似 CSS として実行する場合は、次のように記述します。

ItemsControl.property Label {
    Grid.Row: 0;
    FontWeight: bold;
    Padding:0,4,0,0;
}

ItemsControl.property TextBox {
    Grid.Row: 1;
    FontWeight: bold;
}

多くの歯ぎしりの後、私はこれを行う 1 つの方法を考え出しました。これは、CSS の考え方ではなく、DataTriggers を使用してツリーを上から見直すことでした。しかし、私はその冗長さにかなり恐怖を感じています。下記参照。

<Style TargetType="StackPanel" x:Key="propertyGrid">
    <Style.Resources>

        <Style TargetType="Label">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=Tag}" Value="property">
                    <Setter Property="Grid.Row" Value="0"/>
                    <Setter Property="FontWeight" Value="Bold"/>
                    <Setter Property="Padding" Value="0,4,0,0"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <Style TargetType="TextBox">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=Tag}" Value="property">
                    <Setter Property="FontWeight" Value="Bold"/>
                    <Setter Property="Grid.Row" Value="1"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <Style TargetType="ItemsControl" x:Key="property">
            <Style.Triggers>
                <Trigger Property="Tag" Value="property">
                    <Setter Property="Focusable" Value="False"/>
                    <Setter Property="ItemsPanel">
                        <Setter.Value>
                            <ItemsPanelTemplate>
                                <Grid Width="Auto">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="40*" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition />
                                        <RowDefinition />
                                    </Grid.RowDefinitions>
                                </Grid>
                            </ItemsPanelTemplate>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Style.Resources>
</Style>

私の質問はです。これを行うためのショートカットまたはより良い表記法はありますか? これに対処するために WPFCSS コンパイラを作成したいと思っています ;) それをクリーンアップするために MarkupExtension を作成できますか。可能であれば、設計時にもソリューションが機能することを望みます。

たとえば、次のような拡張を書くことは可能でしょうか?

<AncestorTrigger TargetType="ItemsControl" Path="Tag" Value="property">
    <Setter Property="Grid.Row" Value="0"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="Padding" Value="0,4,0,0"/>
</AncestorTrigger>

? これは、書き方を覚えるよりもはるかに簡単です。

<DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=Tag}" Value="property">
4

1 に答える 1

0

これを解決するために、設計時にも機能するカスタム動作を作成しました。マークアップは

<DataTrigger 
    WPF:WhenParentTag.TargetType="{x:Type ItemsControl}" Value="property">

    <Setter Property="Grid.Row" Value="0"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="Padding" Value="0,4,0,0"/>

</DataTrigger>

これはもう少し正気です。拡張機能のコードは

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Markup;

namespace My.WPF
{
    public static class WhenParentTag
    {

        static WhenParentTag()
        {}

        public static readonly DependencyProperty 
            TargetTypeProperty = 
            DependencyProperty.RegisterAttached
            ( "TargetType"
            , typeof(Type)
            , typeof(WhenParentTag)
            , new PropertyMetadata(null, TargetTypeChanged));

        public static void 
            TargetTypeChanged
            ( DependencyObject  dob
            , DependencyPropertyChangedEventArgs e)
        {
            var trigger = dob as DataTrigger;
            if(trigger==null){
                return;
            }

            var type = e.NewValue as Type;
            if (type == null)
                return;

            var binding = new Binding();
            var rel = new RelativeSource(RelativeSourceMode.FindAncestor) { AncestorType = type };
            binding.RelativeSource = rel;
            binding.Path = new PropertyPath("Tag");
            trigger.Binding = binding;
        }

        public static Type
            GetTargetType
            ( DataTrigger dp)
        {
            return (Type)dp.GetValue(TargetTypeProperty);
        }

        public static void
            SetTargetType
            ( DataTrigger dp,
            Type value)
        {
            dp.SetValue(TargetTypeProperty, value);
        }
    }
}

改善提案は大歓迎です。

于 2013-04-10T08:08:15.127 に答える