1

Хочу сделать кнопки с иконками.

Во вьюмодели:

public string Icon
{
  get { return icon; }
  set
  {
    icon = value;
    OnPropertyChanged();
  }
}

Ну и какое нибудь значение:

this.Icon = "pack://application:,,,/Icons/folder_96px.png";

В разметке:

    <Style TargetType="Button" x:Key="IconButton" BasedOn="{StaticResource BaseButton}">
        <Setter Property="Content">
            <Setter.Value>
                <Image Source="{Binding Icon}"/>
            </Setter.Value>
        </Setter>
    </Style>

А в итоге выглядит странно:

введите сюда описание изображения

Погуглил, дело вроде решается каким то флагом x:Shared="False", но при такой разметке не понимаю куда втыкать.

1 ответ 1

2

Вы делаете почти правильно.

Дело в том, что расшаривать UI-элементы нельзя: ведь у UI-элемента может быть только один предок. Решение с x:Shared — грубый хак. Правильно будет расшаривать не UI-элементы, а темплейты.

Итого получаем:

<Style TargetType="Button" x:Key="IconButton" BasedOn="{StaticResource BaseButton}">
    <Setter Property="Content" Value="{Binding Icon}"/>
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <Image Source="{Binding}"/>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>
1
  • Вот же блин, даже не задумался, что можно переопределить темплейт и работать уже как с любым другим контентом.
    – Monk
    11 июн 2016 в 19:30

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.