1

式 Blend で、角が切り取られた長方形のボタンを作成しようとしています。ボタンのサイズを変更しても、角が切り取られたままになるはずです。これを行う最善の方法は、3 つの形状 (2 つの長方形の形状と 1 つの三角形のパス) を作成し、それらをグリッドにまとめることだと思います。また、ストロークをなしに設定しました。

ただし、シェイプ間にわずかな (しかし目立つ) ギャップ/オーバーラップがあり、それらが結合する線が残ります。塗りつぶしにアルファが適用されると、問題が明らかになります (これはデザインに必要です)。

コードを見て、何が問題なのかを確認していただけますか (現在、コントロールにする前は単なるグリッドです)。または、この長方形のボタンをコーナーカットで作成するより良い方法があるかもしれません (カットコーナーのサイズは変更されません)。

    <Grid HorizontalAlignment="Left" Margin="0" VerticalAlignment="Top" MinWidth="350" MinHeight="60">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="17"/>
            <ColumnDefinition Width="5"/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="1" Margin="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="17"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Path Data="M0.5,0.5 L16.5,16.5 0.5,16.5 z" Stretch="Fill" Width="17" Height="17">
                <Path.Fill>
                    <SolidColorBrush Color="#7F000000"/>
                </Path.Fill>
            </Path>
            <Rectangle Margin="0" Grid.Row="1">
                <Rectangle.Fill>
                    <SolidColorBrush Color="#7F000000"/>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush Color="#7F000000"/>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
4

0 に答える 0