3

画像コントロールに丸みを帯びた角のあるマスクを 実装したいので、このようなコントロールを設計しました

    <Border x:Name="Border1"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}"  >
            <Image  x:Name="ImageSource1" Background="Transparent" >
            </Image>
    </Border> 
<Border x:Name="MaskBorder1"  BorderBrush="White"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}" BorderThickness="3" />

しかし、でコントロールを取得しています。

ここに画像の説明を入力してください

ボーダーカラーで角を埋めるアイデアはありますか?

4

3 に答える 3

8

画像をクリップするだけです。ここに私が使用するスニペットがあります

 <Image                               
                            Width="96"
                            Height="96"
                            Stretch="UniformToFill"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top">
                            <Image.Clip>
                                <EllipseGeometry
                                    Center="48,48"
                                    RadiusX="48"
                                    RadiusY="48" />
                            </Image.Clip>
                        </Image>

これを機能させるには、Center、RadiusX、および RadiusY を画像サイズの半分に設定する必要があります。

于 2014-06-04T14:35:57.983 に答える
2

これが役立つことを知りませんか?しかし、画像操作には常にWriteablebitmapex ライブラリを使用します。マスキング画像の良い例はここにあります...

それが役に立てば幸い

于 2013-01-30T09:50:20.033 に答える
0

の使用についてはわかりませんが、 Stecya の投稿CornerRadius="{Binding CornerRadius,Mode=TwoWay}"をチェックした後、あなたが探しているものであることが判明した場合は、実装を確認したいと思います。

于 2013-01-30T17:04:27.963 に答える