2016-12-13 1 views
1

Mahapps.Metro.IconPacks의 아이콘을 사각형이있는 텍스트에 할당하려고합니다.Mahapps.Metro : IconPacks를 코드 뒤에있는 버튼으로 지정하십시오.

새 IconPack을 사용하려면 어떻게해야합니까?

효과적으로 Mahapps.Metro.IconPacks.PackIconModernKind를 VisualBrush 또는 캔버스로 변환하거나 버튼에 배치 할 수있는 모든 것을 변환해야합니다.

도움을 주시면 감사하겠습니다.

감사

답변

3

당신은 버튼의 내용 또는 Grid 같은 컨테이너에 직접 iconpack에 컨트롤을 배치 할 수 있습니다. XAML 버전의 방법이 도움이

var stackPanel = new StackPanel() { Orientation = Orientation.Horizontal }; 
var packIconMaterial = new PackIconMaterial() 
{ 
    Kind = PackIconMaterialKind.Cookie, 
    Margin = new Thickness(4, 4, 2, 4), 
    Width = 24, 
    Height = 24, 
    VerticalAlignment = VerticalAlignment.Center 
}; 
stackPanel.Children.Add(packIconMaterial); 
var textBlock = new TextBlock() 
{ 
    Text = "Test", 
    Margin = new Thickness(2, 4, 4, 4), 
    VerticalAlignment = VerticalAlignment.Center 
}; 
stackPanel.Children.Add(textBlock); 
this.TestButton.Content = stackPanel; 

희망 뒤에

XAML 방법

<Button Content="Test"> 
    <Button.ContentTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <iconPacks:PackIconMaterial Kind="Cookie" 
              Margin="4 4 2 4" 
              Width="24" 
              Height="24" 
              VerticalAlignment="Center" /> 
       <TextBlock Text="{Binding}" 
          Margin="2 4 4 4" 
          VerticalAlignment="Center" /> 
      </StackPanel> 
     </DataTemplate> 
    </Button.ContentTemplate> 
</Button> 

또는

<Button> 
    <StackPanel Orientation="Horizontal"> 
     <iconPacks:PackIconMaterial Kind="Cookie" 
            Margin="4 4 2 4" 
            Width="24" 
            Height="24" 
            VerticalAlignment="Center" /> 
     <TextBlock Text="Test" 
        Margin="2 4 4 4" 
        VerticalAlignment="Center" /> 
    </StackPanel> 
</Button> 

enter image description here

코드입니다.

관련 문제