Как сделать Toggle Button Material Design в WPF?

Question

[Semyon Novikov]

Использую библиотеку для Material Design в WPF. Нужно сделать toggle buttons как на картинке . Вот что имею в XALM :

<ToggleButton Command="EditingCommands.ToggleBold" Name="btnBold">
                <Image Width="16" Height="16" />
            </ToggleButton>
            <ToggleButton Command="EditingCommands.ToggleItalic" Name="btnItalic">
                <Image  Width="16" Height="16" />
            </ToggleButton>
            <ToggleButton Command="EditingCommands.ToggleUnderline" Name="btnUnderline">
                <Image  Width="16" Height="16" />
            </ToggleButton>

Получается не совсем то что нужно :
Как должно быть : (множественный выбор)
Также буду благодарен если расскажите как сделать одиночный выбор кнопок (например выравнивание текста как в ворде)

Answer 1

[Виталий Забродин]

Примеры всех контролов можно найти здесь в папке MainDemo.Wpf
Пример ToggleButton'ов, которые Вам нужны есть здесь

Comments

[Semyon Novikov]

Спасибо, но как мне к ListBoxItem привязать command . У кнопок есть такая возможность , а у ListBoxItem нет.
Вот к примеру такая команда: Command="EditingCommands.ToggleUnderline"

[Виталий Забродин]

Семён Новиков,
Как вариант, использовать IsSelected.

XAML:

<ListBox Style="{DynamicResource MaterialDesignToolToggleFlatListBox}">
	<ListBox.Items>
		<ListBoxItem IsSelected="{Binding IsUnderline}" Content="{md:PackIcon FormatUnderline}"/>
	</ListBox.Items>
</ListBox>

ViewModel:

public bool IsUnderline
{
    get { return isUnderline; }
    set
    {
        SetProperty(ref isUnderline, value);
        // do things
    }
}