Путь XAML - Добавить текст - PullRequest
       19

Путь XAML - Добавить текст

0 голосов
/ 09 ноября 2011

Я сделал следующий путь XAML, но хотел бы добавить к нему текст «Назад».

enter image description here

Вот как я добавляю это в ...

   <Path Style="{StaticResource BackButton}">

   </Path>

Однако, когда я добавляю контент в путь, я получаю сообщение

The type 'Path' does not support direct content.

Какие-нибудь советы?

Редактировать - это стиль

   <Style x:Key="BackButton" TargetType="{x:Type Path}">
        <Setter Property="Data" Value="F1 M 639.667,236.467L 645.092,236.467L 725.566,236.467L 725.566,253.513L 645.092,253.513L 639.673,253.513L 619.787,244.99L 639.667,236.467 Z " />
        <Setter Property="Height" Value="30" />
        <Setter Property="MinWidth" Value="100" />
        <Setter Property="Fill" Value="#FFFFFFFF" />
        <Setter Property="StrokeThickness" Value="1" />
        <Setter Property="Stroke" Value="#FF999B9C" />
        <Setter Property="Stretch" Value="Fill" />
        <Setter Property="Cursor" Value="Hand" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="true">
                <Setter Property="Fill" Value="#FFEEEEEE" />
            </Trigger>
        </Style.Triggers>
    </Style>

1 Ответ

4 голосов
/ 09 ноября 2011

Вы можете поместить как фигуру, так и TextBlock внутри Canvas и поместить текст поверх фигуры.

Например:

<Canvas>
    <Path Style="{StaticResource BackButton}"/>
    <TextBlock Text="Back" Canvas.Top="0" Canvas.Left="25" FontSize="20"/>
 </Canvas>

ДастВы:

enter image description here

Вы также можете просто использовать Grid в качестве контейнера и изменить для свойства TextBlock Panel.ZIndex более высокое значение:

 <Grid>           
        <Path Style="{StaticResource BackButton}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5"/>          
        <TextBlock Text="Back" FontSize="20" Panel.ZIndex="1" HorizontalAlignment="Center" VerticalAlignment="Center"/>                    
  </Grid>

Подробнее см. в этом руководстве .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...