1

グラデーションの背景と丸みを帯びた角をグリッドに追加しようとしています。グラデーションはありますが、角を丸くすることができません。これはステータス表示のポップアップになるため、その背後にあるアイデアです。また、グラデーションを設定するより良い方法はありますか?

<UserControl x:Class="TestWPFStatusDisplay.StatusDisplayDialog"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:gif="http://wpfanimatedgif.codeplex.com"
         mc:Ignorable="d"
         d:DesignHeight="154" d:DesignWidth="391">


<Grid>
    <Border Name="mask" Background="White" CornerRadius="7"/>
    <Grid.OpacityMask>
        <VisualBrush Visual="{Binding ElementName=mask}"/>
    </Grid.OpacityMask>

    <Grid.Background>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
            <GradientStop Color="#ECF5FF" Offset="0"/>
            <GradientStop Color="#9CB0CA" Offset="1"/>
        </LinearGradientBrush>
    </Grid.Background>

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Label HorizontalAlignment="Center" Grid.Row="0" Content="Words"/>
    <Image Grid.Row="1" gif:ImageBehavior.AnimatedSource= "Images/GeoCartaLoading.gif" Width="125" Height="50" Margin="25,3,0,0"/>
    <Label Grid.Row="2" Content="Words"/>
    <ProgressBar Grid.Row="3" Name="pb" Maximum="60" />
</Grid>

4

2 に答える 2

4 
<Border  CornerRadius="25" BorderBrush="Black" BorderThickness="1">
    <Grid>
        <Button  HorizontalAlignment="Center" VerticalAlignment="Center" Content="content"/>        
    </Grid>
</Border>
于 2013-09-27T20:24:32.237 に答える
2

これにより、グリッドの周囲にコーナー半径 (およびグラデーション ブラシ) で境界線が作成されます。

<Border CornerRadius="3">
    <Border.Background>
        <LinearGradientBrush>
            <!-- Your gradient stops would go here -->
        </LinearGradientBrush>
    </Border.Background>

    <Grid> 
        <!-- Your grid goes here -->
    </Grid>
<Border>
于 2013-09-27T20:23:24.340 に答える