2012-03-20 5 views
0

모두 내 방사형 모서리와 그 안에 내용이있는 사각형을 만들려고합니다. 콘텐츠는 http://www.spicynodes.org/과 같은 이미지, 텍스트 데이터 또는 멀티미디어 일 수 있습니다. 그래서Silverlight를 사용하여 텍스트 블록 만들기

  • 어떻게 그 사각형 (내가 가질 수 XAML 마크 업) 그래서 어떻게하면

  • 내가 다른 하나 개의 사각형에서 화살표를 가질 수를 만들려면 어떻게해야합니까?

내가에 도착 가장 가까운 당신이 선호로하지만 다른 그리드와 같은 용기를 사용하지 왜 그것을 스타일을 텍스트 데이터

<Grid Name="containerPanel" Width="800" Height="500" Background="AntiqueWhite" VerticalAlignment="Center" HorizontalAlignment="Center"> 
    <Rectangle Name="centerNode" Width="300" Height="150" RadiusX="12" RadiusY="12" VerticalAlignment="Center"> 
     <Rectangle.Effect> 
      <DropShadowEffect ShadowDepth="3" BlurRadius="2" Color="Black"></DropShadowEffect> 
     </Rectangle.Effect> 
     <Rectangle.Stroke> 
      <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> 
       <GradientStop Color="Gray" Offset="0.1"></GradientStop> 
       <GradientStop Color="Beige" Offset="0.2"></GradientStop> 
      </LinearGradientBrush> 
     </Rectangle.Stroke> 
     <Rectangle.StrokeThickness> 
      2 
     </Rectangle.StrokeThickness> 
     <Rectangle.Fill> 
      <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5"> 
       <GradientStop Color="AliceBlue" Offset="0.4" /> 
       <GradientStop Color="White" Offset="1.0" /> 
      </LinearGradientBrush> 
     </Rectangle.Fill> 
    </Rectangle> 

답변

3

Rectangle을 사용하는 대신 컨테이너 컨트롤을 사용할 수 있습니다. 유언 내용이 하나의 요소 (예 : 이미지, 텍스트 블록 또는 .... 중 하나)로 구성된다고 가정 할 때 가장 먼저 생각해야 할 것은 Border을 사용하는 것입니다. 그러면 정확히 하나의 하위 요소 하나 개의 상자에서 다른가는 화살표에 관해서는

<Border Width="300" Height="200" BorderBrush="Green" BorderThickness="5" CornerRadius="10"> 
    <Border.Effect> 
     <DropShadowEffect ShadowDepth="5"/> 
    </Border.Effect> 
    <TextBlock Text="Inside the bounding box" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
</Border> 

: 컨텐츠로 물론 이 가능하지만, 당신은 수동으로 "연결"해야합니다. 바로 사용할 수있는 "연결 및이 두 요소 사이에 화살표 그리기"기능은 없습니다.

0

을 추가 할 수 없습니다, 다음 내부 이미지 또는 TextBlock의 요소를 추가 아래이었다 대신 사각형 대신?

+0

적어도 내가 이해할 수있는 코드를 제공 할 수 있도록 도와주세요. – Deeptechtons

관련 문제