Блог

Главная - Вопросы по программированию - Как добиться такого внешнего вида кнопки

Как добиться такого внешнего вида кнопки

#wpf #xaml #button #mvvm #styles

#wpf #xaml #кнопка #mvvm #стили

Вопрос:

Я пытаюсь добиться такого внешнего вида кнопки с помощью XAML, пожалуйста, посмотрите на следующую ссылку:

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

У меня уже есть выделенный текст, чтобы добавить белые границы к числам, но я хотел бы нарисовать треугольник в правом верхнем углу, а также символ внутри. Какой подход был бы наилучшим для этого?

Комментарии:

1. если вы не публикуете какой-либо код, чтобы показать работу, которую вы уже проделали, Тогда лучшим подходом будет нарисовать треугольник (а также символ и т. Д.) В Paint

2. ты очень забавный приятель. Вот почему я спрашиваю вас, потому что я не знаю, как правильно это сделать в коде. И да, я нарисовал это с помощью paint.

3. Зачем все усложнять? Используйте изображение в качестве содержимого кнопки.

Ответ №1:

Начните с выполнения чего-то подобного в Blend.

 <Button >
  <Button.Template>
    <ControlTemplate TargetType="Button">
         <Border Background="#FF008081">
            <Grid>
                <Path Data="M320,80 L319.5,109.5 289.5,79.5 z" Fill="#FFEA1D24"  Height="31"  Stretch="Fill" Stroke="Black" VerticalAlignment="Top" HorizontalAlignment="Right" Width="31.5"/>
                <Path Data="M315,85 L315,93.25 C313.2803,95.392823 311.44247,95.307959 309.5,93.25 L309.5,85" Fill="#FFEA1D24" HorizontalAlignment="Right" Height="11.421"  Stretch="Fill" Stroke="Black" VerticalAlignment="Top" Width="6.5" Margin="5"/>
            </Grid>
        </Border>
    </ControlTemplate>
  </Button.Template>
</Button>
Метки: