Note that there are some explanatory texts on larger screens.

plurals
  1. POWPF geometry (Path) partly filled shapes
    primarykey
    data
    text
    <p>The idea is to get rating control, that could have value like 0.3 and draw it as partly filled shape.<br> The approach I used was described in CodeProject article. Have <code>Path</code>, add mask (rectangle), add outline.<br> Original code used <code>Margin</code> for mask and fixed-width paths.<br> The problem is that using rectangle as mask re-draws background, which is gradient, so I can't set the same background value for mask. I've changed colors just to make it more clear. </p> <p>Is it possible to simulate partly filled paths?</p> <pre><code>&lt;Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"&gt; &lt;Grid x:Name="gdStar" Width="Auto" Height="Auto"&gt; &lt;Grid.ColumnDefinitions&gt; &lt;ColumnDefinition Width="0.5*"/&gt; &lt;ColumnDefinition Width="0.5*"/&gt; &lt;/Grid.ColumnDefinitions&gt; &lt;Path Grid.ColumnSpan="2" Fill="Red" Stretch="Fill" Stroke="Blue" StrokeThickness="1" Margin="-0.5,-0.5,-0.5,-0.019" Data="M63.50031,-0.50054431 L47.500523,55.499079 -0.49883747,55.499079 39.50063,95.498578 23.500843,159.49799 63.833676,128.4989 103.7623,160.51698 87.095797,95.850405 127.49946,55.499079 79.500097,55.499079 z"/&gt; &lt;Rectangle Grid.Column="1" Fill="Yellow"/&gt; &lt;Path Grid.ColumnSpan="2" Fill="Transparent" Stretch="Fill" Stroke="Red" StrokeThickness="1" Margin="-0.5,-0.5,-0.5,-0.019" Data="M63.50031,-0.50054431 L47.500523,55.499079 -0.49883747,55.499079 39.50063,95.498578 23.500843,159.49799 63.833676,128.4989 103.7623,160.51698 87.095797,95.850405 127.49946,55.499079 79.500097,55.499079 z"/&gt; &lt;/Grid&gt; &lt;/Page&gt; </code></pre> <p><b>EDIT</b><br> This could be wrong approach. What else could be used? OpacityBrush/Clip?</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.
 

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