2014-12-03 2 views
0

Это несколько общий вопрос о прямоугольниках с радиусом границы. Я работаю с разработчиком, который берет мои фотошопы и применяет проекты к прототипу в Blend. Они сказали мне, что в Blend невозможно создать прямоугольник с двумя закругленными углами. Предположительно, вы должны иметь все 4 угла с радиусом границы или вообще нет. В идеале я бы хотел только верхний левый и правый углы с радиусом границы 10 и нижними краями без кривой. Я просто хотел бы знать, можно ли это сделать.Rectangle CornerRadius

Refer to example below

+0

Ха-ха, это звучит очень знакомо, если имя вашего двое Джеймс говорит ему связаться со мной. ;) –

ответ

2

Использование клипа:RectangleGeometry

<Rectangle Fill="Blue" HorizontalAlignment="Center" VerticalAlignment="Center" Height="200" Width="200"> 
    <Rectangle.Clip>   
      <RectangleGeometry Rect="0,20,200,200" RadiusX="20" RadiusY="20"/>               
    </Rectangle.Clip> 
</Rectangle> 

Использование VisualBrush

<Rectangle> 
    <Rectangle.Fill> 
     <VisualBrush Stretch="None"> 
      <VisualBrush.Visual> 
       <Border CornerRadius="50,50,0,0" Width="300" Height="200" Background="Navy"></Border> 
      </VisualBrush.Visual> 
     </VisualBrush> 
    </Rectangle.Fill> 
</Rectangle> 

enter image description here

3

Это не возможно с прямоугольником. Но можно использовать Border.

<Border Width="230" Height="100" CornerRadius="10 10 0 0" Background="red"/> 

Значения будут применяться таким образом - "TopLeft TopRight BottomRight BottomLeft"