普通、カスタムコントロールを作成するときはソリューションエクスプローラーから新しい項目を追加しますよね? その方法で追加すると「Themes/Generic.xaml」と「カスタムコントロール名.cs」のファイルが追加されます。 これを編集していくのが普通のやり方です。
ですが、コレだとやりたい事ができないケースもあるようです。 今回は、Generic.xamlのStyleにEventSetterを追加したらx:Classが無いとダメだと怒られてしまいました。 それをキッカケに「x:Classの設定ってどう書くの?」と色々検索して試してみたらカスタムコントロールを追加するもう1つの方法が見つかりました。 この方法なら問題なくEventSetterも使えます。
その方法はこんな感じ。
タイトルどおりのものを作りました。 リソースのスタイルに書いておけばいっぺんに適用できます。 アプリケーション全体で使うリソースディクショナリとかを用意しておけば楽。
Expanderのカスタムコントロールを作りたくて検索してみたら次のページが見つかりました。
これを元にシンプルなカスタムExpanderを作るとこうなります。 Themes/Generic.xamlは、
VBでコレをやる方法は検索で見つかりました。
C#でのやり方が書いてなかったので書き換えてみました。 System.Managementの参照を追加して、
wpfには色選択ダイアログがないようです。 参照を追加してwpfじゃない方の色選択ダイアログ(System.Windows.Forms.ColorDialog)を使えばいいのかもしれませんが、ちょっと欲しいのと違ったので自作してみました。
ちょっとだけ特殊な用途ですが、ListBoxItemにContextMenuを登録して、左クリックで選択の変更、右クリックでは選択を変更せずにContextMenuを表示という振る舞いにしたくなりました。 ListBox.ItemTemplateでMouseRightButtonDownイベントを登録し、握りつぶすだけで実現できました。
<Window x:Class="ListBoxItemEventTest.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="ListBoxItemEventTest" Height="128" Width="256">
<Window.Resources>
<ContextMenu x:Key="contextMenu">
<MenuItem Header="テストメニュー" Click="OnMenuItemClick"/>
</ContextMenu>
</Window.Resources>
<ListBox Name="listBox">
<ListBox.ItemTemplate>
<DataTemplate>
<Label
Content="{Binding}"
ContextMenu="{DynamicResource contextMenu}"
MouseRightButtonDown="OnListBoxMouseRightButtonDown"
/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Window>
wpfで独自のコントロールを作るには3通りのやり方があります。
今回はユーザーコントロールについてのお話。
ユーザーコントロールでDataContextを使うとき、
public partial class TestControl : UserControl
{
public TestControl()
{
InitializeComponent();
this.DataContext = new TestData();
}
}
というようにthis.DataContextにインスタンスを設定してはいけません。 ユーザーコントロールを使う側にDataContextを変更されると挙動が変わってしまいます。
上に書いたとおり、ユーザーコントロールは複数のコントロールを組み合わせて作ります。 そのため必ずGridやStackPanelのようなコンテナとなるコントロールが含まれます。
UserControlを継承してスライダーとスピナー付きの整数しか入力できないTextBoxを作りました。
とりあえずNumericBoxというクラス名にしました。 スライダーが付いている時点でBoxではないような気もしますが、名前を考えるのが面倒だったのでそんな感じで。 勢いで作ってちょっとだけ動作チェックして勢いで公開です。 そんな品質です。
まずはコードを載せます。 NumericBox.xamlから。
TextBoxなどの入力値検証でValidationRuleを継承したクラスを作ることが多いですよね。 たいていの場合はxamlで追加します。
<TextBox>
<TextBox.Text>
<Binding>
<Binding.ValidationRules>
<local:なんたらValidationRule/>
</Binding.ValidationRules>
</Binding>
</TextBox.Text>
</TextBox>
xamlでValidationRuleを追加するコードを書いた場合、自作ValidationRuleはどこかで勝手にインスタンス化されます。 このインスタンスにアクセスできれば、次のようなことが可能になります。
でお買い物
