wpf - WPF と XAML の隠れた機能?

Question

ここには、さまざまな言語について議論されている多数の隠れた機能があります。XAML と WPF の隠れた機能に興味がありますか?

私が見つけたのは、ListViewのヘッダークリックイベントです

<ListView x:Name='lv' 
      Height="150" 
      GridViewColumnHeader.Click="GridViewColumnHeaderClickedHandler">

GridViewColumnHeader.Click プロパティは表示されません。

これまでの関連機能の一部:

以下も参照してください。

score 87 · Accepted Answer

マルチバインディング ( StringFormatとの組み合わせ):

<TextBlock>
  <TextBlock.Text>
    <MultiBinding StringFormat="{}{0}, {1}">
      <Binding Path="LastName" />
      <Binding Path="FirstName" />
    </MultiBinding>
  </TextBlock.Text>
</TextBlock>

score 58 · Accepted Answer

特定のシナリオでバインディングで何が起こっているかをデバッグする PresentationTraceSources.TraceLevel トリックもあります。WindowsBase アセンブリで System.Diagnostics 名前空間を参照するだけです。

xmlns:sd="clr-namespace:System.Diagnostics;assembly=WindowsBase"

次に、バインディング式に次を追加します。

<TextBlock Text="{Binding Message, sd:PresentationTraceSources.TraceLevel=High}"  />

ログは次のようになります。

System.Windows.Data Warning: 52 : Created BindingExpression (hash=5923895) for Binding (hash=7588182)
System.Windows.Data Warning: 54 :   Path: 'Message'
System.Windows.Data Warning: 56 : BindingExpression (hash=5923895): Default mode resolved to OneWay
System.Windows.Data Warning: 57 : BindingExpression (hash=5923895): Default update trigger resolved to PropertyChanged
System.Windows.Data Warning: 58 : BindingExpression (hash=5923895): Attach to System.Windows.Controls.TextBlock.Text (hash=65248697)
System.Windows.Data Warning: 63 : BindingExpression (hash=5923895): Resolving source

score 44 · Accepted Answer

3.5sp1はStringFormatをバインディング式に導入しました。

<TextBox Text="{Binding Date, StringFormat='{}{0:MM/dd/yyyy}'}" />

score 44 · Accepted Answer

3.5sp1 では、バインディングに TargetNullValue が導入されました。これにより、値が入力された場合はバインドされたプロパティが Null に設定され、プロパティが Null の場合はこの値が表示されます。

<TextBox Text="{Binding Total, TargetNullValue=$0.00}" />

score 29 · Accepted Answer

ラベルに表示するには長すぎる文字列が表示されることがあります。この場合、のTextTrimmingプロパティを利用TextBlockして楕円を表示できます

<TextBlock 
  Name="sampleTextBlock" 
  TextTrimming="WordEllipsis" 
  TextWrapping="NoWrap"/>

MSDN リンク

score 27 · Accepted Answer

ウィンドウにエアロエフェクトを追加する

  <Window.Resources>
    <ResourceDictionary Source="/PresentationFramework.Aero, Version=3.0.0.0, Culture=neutral, 
        PublicKeyToken=31bf3856ad364e35, ProcessorArchitecture=MSIL;component/themes/aero.normalcolor.xaml" />
</Window.Resources>

score 21 · Accepted Answer

x:TypeArguments を使用した XAML のジェネリック

XAML で ObservableCollection を使用する場合は、XAML で宣言できないため、ObservableCollection から派生した型を作成する必要があります。XAML 2009 では、x:TypeArguments 属性を使用してジェネリック型の型を定義できます。

<!-- XAML 2006 -->
class EmployeeCollection : ObservableCollection<Employee>
{
}

<l:EmployeeCollection>
    <l:Employee FirstName="John" Name="Doe" />
    <l:Employee FirstName="Tim" Name="Smith" />
</lEmployeeCollection>

<!-- XAML 2009 -->
<ObservableCollection x:TypeArguments="Employee">
    <l:Employee FirstName="John" Name="Doe" />
    <l:Employee FirstName="Tim" Name="Smith" />
</ObservableCollection />

score 19 · Accepted Answer

x:Arguments でのデフォルト以外のコンストラクターの使用

XAML 2006 では、オブジェクトを使用するには、パブリックの既定のコンストラクターが必要です。XAML 2009 では、x:Arguments 構文を使用してコンストラクター引数を渡すことができます。

<!-- XAML 2006 -->
<DateTime>00:00:00.0000100</DateTime>

<!-- XAML 2009 -->
<DateTime>
    <x:Arguments>
        <x:Int64>100</x:Int64>
    </x:Arguments>
</DateTime>

score 19 · Accepted Answer

無効なコントロールにツールチップを表示する

Wpf では、コントロールが無効な状態の場合、コントロールにツールチップを表示できます。

例えば

<Button Content="Disabled Button" ToolTipService.ShowOnDisabled="True" IsEnabled="False" ToolTip="This is a disabled button"/>

score 18 · Accepted Answer

実際には隠された機能ではありませんが、WPF/XAML を使用するとBea StollnitzとJosh Smithが得られます。WPF/XAML プログラミングの女王と王。

score 18 · Accepted Answer

マークアップ拡張機能と添付プロパティは私のお気に入りの機能です。これらを使用すると、XAML の "語彙" を非常に洗練された方法で拡張できます。

マークアップ拡張機能

<!-- Binding to app settings -->
<CheckBox IsChecked="{my:SettingBinding MinimizeToTray}">Close to tray</CheckBox>

<!-- Fill ItemsControl with the values of an enum -->
<ComboBox ItemsSource="{my:EnumValues sys:DaysOfWeek}"/>

<!-- Localization -->
<TextBlock Text="{my:Localize HelloWorld.Text}"/>

<!-- Switch on the result of a binding -->
<TextBlock Text="{my:Switch Path=IsGood, ValueIfTrue=Good, ValueIfFalse=Bad}"/>

添付プロパティ

<!-- Sort GridView automatically -->
<ListView ItemsSource="{Binding Persons}"
      IsSynchronizedWithCurrentItem="True"
      util:GridViewSort.AutoSort="True">
    <ListView.View>
        <GridView>
            <GridView.Columns>
                <GridViewColumn Header="Name"
                                DisplayMemberBinding="{Binding Name}"
                                util:GridViewSort.PropertyName="Name"/>
                <GridViewColumn Header="First name"
                                DisplayMemberBinding="{Binding FirstName}"
                                util:GridViewSort.PropertyName="FirstName"/>
                <GridViewColumn Header="Date of birth"
                                DisplayMemberBinding="{Binding DateOfBirth}"
                                util:GridViewSort.PropertyName="DateOfBirth"/>
            </GridView.Columns>
        </GridView>
    </ListView.View>
</ListView>


<!-- Vista Glass effect -->
<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:my="clr-namespace:WpfApplication1"
        Title="Window1"
        my:WinUtil.EnableAeroGlass="True">

...

GridViewSortのソース(ところで、Ortus がGridViewColumnHeader.Click言及したイベントを使用します)

score 15 · Accepted Answer

プラス記号 ( +) を使用して、入れ子になった型を XAML で参照できます。たとえば、次のクラスがあるとします。

public class SomeClass
{
    public enum SomeEnum
    {
        SomeValue
    };
}

SomeValue次の構文を使用して XAML で参照できます。

{x:Static local:SomeClass+SomeEnum.SomeValue}

この構文はMSDNで文書化されておらず、公式にはサポートされていません。誰かが MSDN フォーラムで質問したところ、VS2010 の WPF デザイナーが壊れているようです。Microsoft Connect で報告されています。

score 14 · Accepted Answer

グリッドサイズの共有 (これが良い例です)。簡単に言えば、異なるグリッド間であっても、グリッドの列と行にサイズを共有させることができます。これは、データをその場で編集する必要なく DataGrid を使用しているすべての人にとって非常に貴重です。

score 11 · Accepted Answer

PriorityBinding。「先着順」の順序でasynバインディングを使用できます。

<TextBlock.Text>
      <PriorityBinding FallbackValue="defaultvalue">
        <Binding Path="SlowestDP" IsAsync="True"/>
        <Binding Path="SlowerDP" IsAsync="True"/>
        <Binding Path="FastDP" />
      </PriorityBinding>
</TextBlock.Text>

score 10 · Accepted Answer

x:FactoryMethod での静的ファクトリメソッドの使用

パブリックコンストラクターを持たず、静的ファクトリメソッドを持つ型がある場合、XAML 2006 のコードでその型を作成する必要がありました。XAML 2009 では、 x:FactoryMethodx:Arguments 属性を使用して引数値を渡すことができます。

<!-- XAML 2006 -->
Guid id = Guid.NewGuid();

<!-- XAML 2009 -->
<Guid x:FactoryMethod="Guid.NewGuid" />

score 7 · Accepted Answer

高度な「キャプション」プロパティ

もう 1 つはっきりしていないのは、テキストしか含まれていない一部のプロパティの内容です。GUI 要素のプロパティが Object 型の場合、テキストを設定するだけでなく、一連のコントロールを含む必要なパネルを追加できる可能性が非常に高くなります。

この例は MenuItem で、Headerプロパティ (通常はテキストのみを含む) に、パネルコントロールにラップされた一連の gui 要素 (または 1 つだけが必要な場合は 1 つの gui 要素) を含めることができます。

Iconまた、MenuItemのプロパティにも注意してください。通常、これには Image 要素が含まれますが、何でも含めることができます。

<MenuItem Name="MyMenuItem" Click="MyMenuItem_Click">
  <MenuItem.Icon>
    <Button Click="Button1_Click">i</Button>
  </MenuItem.Icon>
  <MenuItem.Header>
     <StackPanel Orientation="Horizontal" >
        <Label>My text</Label>
        <Button Click="Button2_Click">ClickMe!</Button>
     </StackPanel>
  </MenuItem.Header>
</MenuItem>

score 7 · Accepted Answer

XAML コンバーター

次の一覧は、さまざまな形式を XAML に、またはその逆に変換するために WPF コミュニティによって開発されたコンバーターを示しています。

Adobe Illustrator XAML エクスポートプラグイン

Adobe Photoshop から XAML へのコンバーター

Blender XAML エクスポートプラグイン

Lightwave XAML エクスポートプラグイン

Visio XAML エクスポート

3D Studio Max から XAML へのコンバーター

Maya から XAML へのコンバーター

Flash から XAML へのコンバーター

SVG から XAML へのコンバーター

WMF/EMF から XAML へのコンバーター

score 6 · Accepted Answer

組み込み型

現在、string や double などの単純な型のオブジェクトをリソースディクショナリに追加する場合は、必要な clr-namespace を XML 名前空間にマップする必要があります。XAML 2009 では、XAML 言語に多くの単純型が含まれています。

<!-- XAML 2006 -->
<sys:String xmlns:sys="clr-namespace:System;assembly=mscorlib >Test</sys:String>

<!-- XAML 2009 -->
<x:String>Test</x:String>

次の型が XAML 言語に含まれています。

<x:Object/> 
<x:Boolean/> 
<x:Char/> 
<x:String/> 
<x:Decimal/> 
<x:Single/> 
<x:Double/> 
<x:Int16/> 
<x:Int32/> 
<x:Int64/> 
<x:TimeSpan/> 
<x:Uri/> 
<x:Byte/> 
<x:Array/> 
<x:List/> 
<x:Dictionary/>

score 6 · Accepted Answer

{x:Reference} による簡単なオブジェクト参照

今日オブジェクト参照を作成したい場合は、データバインディングを行い、ElementName でソースを宣言する必要があります。XAML 2009 では、新しい {x:Reference} マークアップ拡張機能を使用できます

<!-- XAML 2006 -->
<Label Target="{Binding ElementName=firstName}">FirstName</Label>
<TextBox x:Name="firstName" />

<!-- XAML 2009 -->
<Label Target="{x:Reference firstName}">FirstName</Label>
<TextBox x:Name="firstName" />

score 6 · Accepted Answer

システムカラーの使用

<Border Background="{DynamicResource {x:Static SystemColors.InactiveBorderBrushKey}}"/>

score 3 · Accepted Answer

任意の辞書キーのサポート

XAML 2006 では、明示的な x:Key 値はすべて文字列として扱われました。XAML 2009 では、ElementSyntax にキーを記述することで、好きなタイプのキーを定義できます。

<!-- XAML 2006 -->
<StreamGeometry x:Key="CheckGeometry">M 0 0 L 12 8 l 9 12 z</StreamGeometry>

<!-- XAML 2009 -->
<StreamGeometry>M 0 0 L 12 8 l 9 12 z
    <x:Key><x:Double>10.0</x:Double></x:Key>
</StreamGeometry>

score 2 · Accepted Answer

UIElement を TextBlock に詰め込む機能

これがどれほど便利かはわかりませんが（ただし、非表示と見なされます）、これが...しかし、最初に遭遇したときは確かに不意を突かれました：

<Grid x:Name="LayoutRoot">
    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid>
            <Rectangle Fill="AliceBlue" Width="25" Height="25"/>
        </Grid>
    </TextBlock>
</Grid>

次の xaml が役立つ可能性があると主張することができます (つまり、テキストの最後にグラフィックを配置します)。

<Grid>
    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Hello World">
        <TextBlock.Resources>
            <DrawingBrush x:Key="exclamationPoint" Stretch="Uniform">
                <DrawingBrush.Drawing>
                    <DrawingGroup>
                        <DrawingGroup.Children>
                            <GeometryDrawing Brush="#FF375CE2" Geometry="F1 M 7.968,58.164L 0,58.164L 1.914,49.921L 9.882,49.921L 7.968,58.164 Z M 21.796,0L 11.054,42.148L 4.403,42.148L 13.049,0L 21.796,0 Z "/>
                        </DrawingGroup.Children>
                    </DrawingGroup>
                </DrawingBrush.Drawing>
            </DrawingBrush>
        </TextBlock.Resources>
        <Grid>
            <Rectangle Width="100" Height="100" Fill="{StaticResource exclamationPoint}"/>
        </Grid>
    </TextBlock>
</Grid>

上記の xaml は次のようにレンダリングされます。

こんにちは世界

score 2 · Accepted Answer

コードで ValidationError を設定する

BindingExpression の ValidatioRule は、バインディングのターゲット側が変更された場合にのみトリガーされます。コードで検証エラーを設定する場合は、次のスニペットを使用できます。

検証エラーを設定する

ValidationError validationError = 
    new ValidationError(regexValidationRule, 
    textBox.GetBindingExpression(TextBox.TextProperty));

validationError.ErrorContent = "This is not a valid e-mail address";

Validation.MarkInvalid(
    textBox.GetBindingExpression(TextBox.TextProperty), 
    validationError);

検証エラーをクリアする

Validation.ClearInvalid(textBox.GetBindingExpression(TextBox.TextProperty));

score 1 · Accepted Answer

INotifyPropertyChangedまたはDependencyPropertiesを使用しないバインディング

ここで説明するように、INotifyPropertyChangedなしでプレーンCLRオブジェクトプロパティをバインドでき、それは正常に機能します。

これが私が言及しているフォーラムポストです。

引用：

[...] WPFのデータバインディングエンジンは、ソースオブジェクトがプレーンCLRオブジェクトであり、INotifyPropertyChangedインターフェイスを実装していない場合に、ソースプロパティをラップするPropertyDescriptorインスタンスにデータバインドします。また、データバインディングエンジンは、PropertyDescriptor.AddValueChanged（）メソッドを介してプロパティ変更イベントをサブスクライブしようとします。また、ターゲットデータバインド要素がプロパティ値を変更すると、データバインディングエンジンはPropertyDescriptor.SetValue（）メソッドを呼び出して変更された値をソースプロパティに転送し、同時にValueChangedイベントを発生させて他のサブスクライバー（この場合は他のサブスクライバーは、ListBox内のTextBlocksになります。

また、INotifyPropertyChangedを実装している場合は、UIにデータバインドする必要があるプロパティのすべてのセッターに変更通知を実装する責任があります。そうしないと、変更が期待どおりに同期されません。[...]

これは、このテーマに関するもう1つのすばらしい詳細な記事です。

これは、バインディングを使用する場合にのみ機能することに注意してください。コードから値を更新した場合、変更は通知されません。[...]

INotifyPropertyChangedの実装は、かなり面倒な開発作業になる可能性があります。ただし、その作業とWPFアプリケーションの実行時のフットプリント（メモリとCPU）を比較検討する必要があります。INPCを自分で実装すると、ランタイムCPUとメモリを節約できます。

score 1 · Accepted Answer

アニメーションのデバッグ

一般的なエラー

次のエラーが発生した場合: 不変オブジェクトインスタンスで '(0).(1)' をアニメーション化できません。次の制限のいずれかに遭遇している可能性があります。

ローカル値を設定せずに依存関係プロパティをアニメーション化しています
リソースディクショナリにマージされていない別のアセンブリで現在の値が定義されている依存関係プロパティをアニメーション化しています。
現在データバインドされている値をアニメーション化しています

wpf - WPF と XAML の隠れた機能?

25 に答える 25

ウィンドウにエアロエフェクトを追加する

高度な「キャプション」プロパティ

システム カラーの使用

Related

Reference

システムカラーの使用