2013-09-11 3 views
0

Я пытаюсь добавить гиперссылку на прямоугольник xaml, и она не работает. Я попытался добавить гиперссылку с кнопкой, и она работает. Как добавить гиперссылку в группу прямоугольника для кода ниже.Добавить гиперссылку Xaml в прямоугольник

Как дать гиперссылке ниже Кодекса

<Rectangle Fill="Red" HorizontalAlignment="Left" Height="38" Margin="1038,74,0,0" Stroke="Black" VerticalAlignment="Top" Width="426"/> 
      <TextBlock HorizontalAlignment="Left" Margin="1173,82,0,0" TextWrapping="Wrap" Text="Pending Sites " VerticalAlignment="Top" Height="24" Width="142" Foreground="#FFF7F6F1" FontSize="20" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto"> 
       <TextBlock.RenderTransform> 
        <CompositeTransform Rotation="-0.098"/> 
       </TextBlock.RenderTransform> 
      </TextBlock> 

код Я попытался с кнопкой, которая работает отлично

<Button Content="Click to go to desc page" Click="Button_Click_1" Margin="62,376,0,357"/> 
private void Button_Click_1(object sender, RoutedEventArgs e) 
     { 
      this.Frame.Navigate(typeof(dPlanner2x.MyPageDetails)); 
     } 
+0

Что такое «не работает»? Не можете ли вы добавить текст в прямоугольник или не добавить функциональность, которую он делает, когда вы нажмете на нее? – Stewbob

+0

Что вы пытаетесь сделать? Зачем вам нужна гиперссылка внутри прямоугольника, пытаетесь ли вы сделать прямоугольник интерактивным и перейти к URI? –

+0

Я новичок в разработке приложений windows8. Я пытаюсь создать clickable Tile, который переходит на другую страницу xaml. Я взял прямоугольник, чтобы создать дизайн плитки и попытаться добавить кликабельные опции для плитки. Пожалуйста, предложите мне, если мой подход неправильный, чтобы я мог его исправить. Я ценю ваши быстрые ответы. – Kurkula

ответ

2

Вместо того, чтобы превратить Rectangle в клик-состоянии объекта, вы намного лучше, если вы примените Style к Button.

Пример Style изменить внешний вид Button приведен ниже:

<Style x:Key="btnCommand" TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Name="rct" 
         TextBlock.Foreground="White" 
         Background="DarkGray" 
         BorderBrush="DarkGray" 
         BorderThickness="1" 
         Cursor="Hand" 
         UseLayoutRounding="True" 
         SnapsToDevicePixels="True" 
         Margin="10" 
         Height="24" 
         MinWidth="75"> 
        <ContentPresenter TextBlock.FontStyle="Segoe UI Semibold" 
             TextBlock.FontSize="14"/> 
       </Border> 

       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter TargetName="rct" 
           Property="TextBlock.Foreground" 
           Value="DarkGray" /> 
         <Setter TargetName="rct" 
           Property="Background" 
           Value="LightGray" /> 
         <Setter TargetName="rct" 
           Property="BorderBrush" 
           Value="DarkGray" /> 
        </Trigger> 
        <Trigger Property="IsPressed" Value="True"> 
         <Setter TargetName="rct" 
           Property="TextBlock.Foreground" 
           Value="DarkGray" /> 
         <Setter TargetName="rct" 
           Property="Background" 
           Value="White" /> 
         <Setter TargetName="rct" 
           Property="BorderBrush" 
           Value="LightGray" /> 
        </Trigger> 

       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Очевидно, что вы хотите что-то, что выглядит совершенно иначе, но Style шаблон выше, могут быть легко изменены в соответствии с Вашими необходимо.

Смежные вопросы