HOW CAN I MAKE A CURVE (ROUNDED) CORNER GRID?

Takeshi Okada

Total Post:89

Points:629
Posted by  Takeshi Okada
XML 
XML
 1795  View(s)
Ratings:
Rate this:
HI mindstick!

I tried and it sets a new border above the grid border:

<Window x:Class="Class.Window"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Width="379" Loaded="Window_Loaded"

        AllowsTransparency="True"

        ResizeMode="NoResize" ShowInTaskbar="False" Topmost="True" WindowStyle="None" Height="110">   

    <Border BorderBrush="Black" BorderThickness="1,1,1,1" CornerRadius="30,30,30,30">

        <Grid>

            <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,12,0,0" Name="textBlock_From" Text="" VerticalAlignment="Top" Width="283" />

            <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,38,0,0" Name="textBlock_Subject" Text="" VerticalAlignment="Top" Width="283"

                       MouseLeftButtonDown="textBlock_Subject_MouseLeftButtonDown" MouseEnter="textBlock_Subject_MouseEnter" MouseLeave="textBlock_Subject_MouseLeave" />

        </Grid>

    </Border>

</Window>

thanks in advance


  1. shreesh chandra shukla

    Post:105

    Points:735
    Re: How can I make a curve (rounded) corner grid?

    Solution!

    As it is not entirely clear what you are trying to do, I guess you want a window with rounded corners and transparent background. Your solution is correct, you just have to set the Window background transparency and a background for the Border.

    <Window x:Class="Class.Window"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Width="379" Loaded="Window_Loaded"

        AllowsTransparency="True"

        ResizeMode="NoResize" ShowInTaskbar="False" Topmost="True" WindowStyle="None" Height="110" Background="Transparent">   

        <Border Background="White" BorderBrush="Black" BorderThickness="1,1,1,1" CornerRadius="30,30,30,30">

            <Grid>

                <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,12,0,0" Name="textBlock_From" Text="" VerticalAlignment="Top" Width="283" />

                <TextBlock Height="23" HorizontalAlignment="Left" Margin="62,38,0,0" Name="textBlock_Subject" Text="" VerticalAlignment="Top" Width="283"

                       MouseLeftButtonDown="textBlock_Subject_MouseLeftButtonDown" MouseEnter="textBlock_Subject_MouseEnter" MouseLeave="textBlock_Subject_MouseLeave" />

            </Grid>

        </Border>

    </Window>


Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!