2014-01-11 30 views
-1

我在windows應用程序中爲圓形按鈕創建了一個樣式。我使用這種風格來使按鈕顯示爲圓形。代碼樣式低於:在xaml中爲不同的控件設置控制模板中圖像的圖像源

<Style x:Key="CircularButton" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <Ellipse Stroke="#FFF8F1F1" /> 
         <Image Width="50" Height="50" /> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
</Style> 

我使用象下面這樣:

<Button x:Name="btnFacebook" Style="{StaticResource CircularButton}" Click="btnFacebook_Click" Visibility="Visible" Margin="10,0" /> 

現在我已經在頁面上需要是圓形的按鈕,但需要有不同的背景images.Is有任何方式來設置這個樣式不同buttons.I的圖​​像源已經嘗試代碼象下面這樣:

<Button x:Name="btnTwitter" Style="{StaticResource CircularButton}" Click="btnTwitter_Click" HorizontalAlignment="Stretch" Margin="10,0"> 
    <ControlTemplate> 
    <Image Source="Images/appbar.social.twitter.png"/> 
    </ControlTemplate> 
</Button> 

另外我試圖直接放置圖像按鈕的內容內,或者採用t用於顯示按鈕內的圖像的emplate綁定。是否有任何方法可以在不爲不同按鈕創建不同樣式的情況下執行此操作。

回答

0

是這樣的:

<Style x:Key="CircularButton" TargetType="Button"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="Button"> 
       <Grid> 
        <Ellipse Stroke="#FFF8F1F1" /> 
        <Image Width="50" Height="50" Source="{TemplateBinding Content}" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<Button x:Name="btnTwitter" Style="{StaticResource CircularButton}" Click="btnTwitter_Click" HorizontalAlignment="Stretch" Margin="10,0"> 
    <BitmapImage UriSource="Images/appbar.social.twitter.png"/> 
</Button> 
相關問題