2016-10-03 32 views
1

如何隱藏不透明蒙版的一半並且沒有路徑元素?我想讓網站「透明」。將網格的一半邊框隱藏起來

<Border Height="32" Width="32" x:Name="b1" CornerRadius="50" BorderThickness="3" BorderBrush="Red"> 

    </Border> 
    <Grid Height="32" Width="16" HorizontalAlignment="Right" x:Name="hideHaf" Background="Blue" > 

    </Grid> 

默認:

enter image description here

我想:

enter image description here

回答

2

你可以簡單地把你的邊界INSIZE網格,使用網格的默認ClipToBounds="True"屬性像這樣剪去邊框:

<Grid Height="32" Width="16" HorizontalAlignment="Right" x:Name="hideHaf"> 
     <Border Height="32" Width="32" x:Name="b1" CornerRadius="50" BorderThickness="3" BorderBrush="Red"/> 
    </Grid> 

主要生產:

enter image description here

0

萬一您的主要目標是繪製垂直半透明圈。你可以這樣來做,而不是使用Border的:

<Path Width="16" Height="32" Stretch="Fill" Data="M5,0 A5,5,0,0,0,5,10" Stroke="Red" StrokeThickness="3" HorizontalAlignment="Left" VerticalAlignment="Top"/> 
+0

路徑是很好的方式,但它元素有時調整,我不能阻止它 –

+0

你能否詳細什麼問題,你有調整看解釋一下嗎?當你將'Stretch'設置爲'Uniform'並且忽略'Height'和'Width'設置路徑正確調整大小。 – gomi42