Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>EDIT:</strong> Now I got what you mean. In fact you can use Path + OpacityMask approach. You have to draw "inverted" path, to use it as opacity mask. But I have simpler and faster solution for you :). Use Border + CornerRadius, and fill the gaps with solid paths. Just try the following code in Kaxaml and let me know if this is what you were looking for:</p> <pre><code>&lt;Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="240" Height="320" AllowsTransparency="True" Background="Transparent" WindowStyle="None"&gt; &lt;Grid&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height="24"/&gt; &lt;RowDefinition Height="*"/&gt; &lt;RowDefinition Height="24"/&gt; &lt;/Grid.RowDefinitions&gt; &lt;Border Background="Black"/&gt; &lt;Border Grid.Row="1" BorderBrush="Black" BorderThickness="5"&gt; &lt;Grid&gt; &lt;Border Background="White" CornerRadius="0, 0, 5, 5" Opacity="0.7"/&gt; &lt;Path Width="15" Height="15" HorizontalAlignment="Left" VerticalAlignment="Bottom" Data="M10,10 L5,10 L5,5 C4.999,8.343 6.656,10 10,10 z" Fill="Black" Stretch="Fill"/&gt; &lt;Path Width="15" Height="15" HorizontalAlignment="Right" VerticalAlignment="Bottom" Data="M10,10 L5,10 L5,5 C4.999,8.343 6.656,10 10,10 z" Fill="Black" Stretch="Fill"&gt; &lt;Path.RenderTransform&gt; &lt;TransformGroup&gt; &lt;ScaleTransform ScaleX="-1"/&gt; &lt;TranslateTransform X="15"/&gt; &lt;/TransformGroup&gt; &lt;/Path.RenderTransform&gt; &lt;/Path&gt; &lt;/Grid&gt; &lt;/Border&gt; &lt;Border Grid.Row="2" Background="Black"/&gt; &lt;/Grid&gt; &lt;/Window&gt; </code></pre> <p>PS: You can simplify this solution by avoiding render transforms, but you got the idea.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload