XAML Advent Calendar 2014 15日目担当のいっちゅうです。
またしても小物Tipsですが許してください。

ボタンをコントロールテンプレートで定義して画像をテンプレート外から指定する方法です。
↓こんな感じ。
XAML_Button

まず
<Page.Resources>
に以下のソースをコピペしておきます。


    
        
            
                
                
                    
                        
                    
                
                
                    
                        
                    
                
                
                    
                        
                    
                
            
        
        
    

PageのXAMLにはこんな感じで書けばテンプレートを適用してくれます。


ポイントは「Content=”/Assets/xxxx.png”」です。

テンプレート内で「Source=”{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}」
と書くと、テンプレート外でContentに記述した画像ソースをバインディングできます。

テンプレートにある「visualstatemanager」はマウスオーバーやクリック時に背景色を変えています。
動きは普通のボタンコントロールとほぼ同じです。

後は画像を変えてどんどんボタンを作ることが出来ます。

では、明日はストアアプリで2chブラウザSankaを作っているideaki19さんです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください