Yalnızca bir tutma yeri aracılığıyla yeniden boyutlandırılabilen kenarlıksız bir WPF Penceresi nasıl oluşturulur?

ResizeMode="CanResizeWithGrip"Bir WPF'yi ayarlarsanız , Windowsağ alt köşede aşağıdaki gibi bir yeniden boyutlandırma tutacağı gösterilir:

WindowStyle="None"Aynı şekilde ayarlarsanız , başlık çubuğu kaybolur ancak gri eğimli kenar siz ayarlayana kadar kalır ResizeMode="NoResize". Ne yazık ki, bu özellik kombinasyonu ile yeniden boyutlandırma tutuşu da ortadan kalkar.

Ben Window'leri ControlTemplatebir gelenek yoluyla geçersiz kıldım Style. Pencerenin kenarlığını kendim belirtmek istiyorum ve kullanıcıların pencereyi dört taraftan da yeniden boyutlandırmasına ihtiyacım yok, ancak yeniden boyutlandırma kavramasına ihtiyacım var.

Birisi tüm bu kriterleri karşılamanın basit bir yolunu ayrıntılandırabilir mi?

1. Do bir sınıra sahip Windowayrı birinden Kendimi belirtin ControlTemplate.
2. Do sağ alt köşesinde bir çalışma yeniden boyutlandırma kavrama sahip.
3. Etmeyin bir başlık çubuğu.

AllowsTransparencyÖzelliği üzerinde Window(herhangi bir şeffaflık değeri ayarlamadan bile) ayarlarsanız, kenarlık kaybolur ve yalnızca tutma yeri aracılığıyla yeniden boyutlandırabilirsiniz.

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="640" Height="480" 
    WindowStyle="None"
    AllowsTransparency="True"
    ResizeMode="CanResizeWithGrip">

    <!-- Content -->

</Window>

Sonuç şöyle görünür:

İle kenarlıksız bir pencere oluşturmaya çalışıyordum, WindowStyle="None"ancak test ettiğimde, üstte beyaz bir çubuk görünüyor, bazı araştırmalardan sonra bir "Yeniden boyutlandırma sınırı" gibi görünüyor, işte bir resim (sarı ile belirtmiştim):

İnternet üzerinde biraz araştırma yaptıktan ve xaml dışı birçok zor çözümden sonra, bulduğum tüm çözümler C # kodunun arkasında ve çok sayıda kod satırıydı, burada dolaylı olarak çözümü buldum: Maksimum özel pencere gölge etkisini kaybeder

<WindowChrome.WindowChrome>
    <WindowChrome 
        CaptionHeight="0"
        ResizeBorderThickness="5" />
</WindowChrome.WindowChrome>

Not : .NET 4.5 çerçevesini kullanmanız veya daha eski bir sürüm kullanıyorsanız WPFShell kullanmanız yeterlidir, Shell:WindowChrome.WindowChromebunun yerine kabuğa bakın ve kullanın .

Ben WindowChromeWindow özelliğini kullandım , eğer bunu beyaz "yeniden boyutlandırma kenarlığı" kaybolursa kullanırsanız, ancak doğru çalışması için bazı özellikler tanımlamanız gerekir.

CaptionHeight: Bu, normal bir başlık çubuğunun yaptığı gibi Aero snap, çift tıklama davranışına izin veren başlık alanının (başlık çubuğu) yüksekliğidir. Düğmelerin çalışması için bunu 0 (sıfır) olarak ayarlayın.

ResizeBorderThickness: Bu, pencereyi yeniden boyutlandırabileceğiniz pencerenin kenarındaki kalınlıktır. 5 koyuyorum çünkü bu sayıyı seviyorum ve sıfır koyarsanız pencereyi yeniden boyutlandırmak zor.

Bu kısa kodu kullandıktan sonra sonuç şudur:

Ve şimdi, beyaz sınır kullanılmadan kayboldu ResizeMode="NoResize"veAllowsTransparency="True" ayrıca pencerede bir gölge gösteriyor.

Daha sonra basit ve kısa kodla düğmelerin nasıl çalıştırılacağını (düğmeler için resim kullanmadım) kolayca açıklayacağım, yeniyim ve kod projesine gönderebileceğimi düşünüyorum çünkü burada yeri bulamadım öğreticiyi göndermek için.

Belki başka bir çözüm daha vardır (benim gibi çaylaklar için zor ve zor çözümler olduğunu biliyorum) ama bu kişisel projelerim için işe yarıyor.

İşte tam kod

<Window x:Class="MainWindow"
    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"
    xmlns:local="clr-namespace:Concursos"
    mc:Ignorable="d"
    Title="Concuros" Height="350" Width="525"
    WindowStyle="None"
    WindowState="Normal" 
    ResizeMode="CanResize"
    >
<WindowChrome.WindowChrome>
    <WindowChrome 
        CaptionHeight="0"
        ResizeBorderThickness="5" />
</WindowChrome.WindowChrome>

    <Grid>

    <Rectangle Fill="#D53736" HorizontalAlignment="Stretch" Height="35" VerticalAlignment="Top" PreviewMouseDown="Rectangle_PreviewMouseDown" />
    <Button x:Name="Btnclose" Content="r" HorizontalAlignment="Right" VerticalAlignment="Top" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>
    <Button x:Name="Btnmax" Content="2" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,35,0" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>
    <Button x:Name="Btnmin" Content="0" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,70,0" Width="35" Height="35" Style="{StaticResource TempBTNclose}"/>

</Grid>

Teşekkür ederim!

Kabul edilen cevap çok doğru olsa da, AllowTransparency'nin bazı olumsuzlukları olduğunu belirtmek isterim. Alt pencere denetimlerinin, yani Web Tarayıcısının görünmesine izin vermez ve genellikle olumsuz performans etkilerine sahip olabilecek yazılım oluşturmaya zorlar.

Yine de etrafta daha iyi bir çalışma var.

Yeniden boyutlandırılabilen ve bir WebBrowser denetimini veya basitçe yapamadığınız bir URL'ye işaret eden bir Çerçeve denetimini barındırabilen kenarlığı olmayan bir pencere oluşturmak istediğinizde, söz konusu denetimin içeriği boş görünecektir.

Yine de bir çözüm buldum; Pencerede, WindowStyle'ı None, ResizeMode'u NoResize olarak ayarlarsanız (benimle birlikte olun, yine de bittikten sonra yeniden boyutlandırabilirsiniz) ardından UNCHECKED AllowsTransparency'ye sahip olduğunuzdan emin olun, kenarlıksız statik boyutlu bir pencereye sahip olacaksınız ve tarayıcı kontrolü.

Şimdi, muhtemelen yine de yeniden boyutlandırabilmek istiyorsundur, değil mi? Bunu bir birlikte çalışmayla yapabiliriz:

    [DllImport("user32.dll", CharSet = CharSet.Auto)]
    private static extern IntPtr SendMessage(IntPtr hWnd, uint Msg, IntPtr wParam, IntPtr lParam);

    [DllImportAttribute("user32.dll")]
    public static extern bool ReleaseCapture();

    //Attach this to the MouseDown event of your drag control to move the window in place of the title bar
    private void WindowDrag(object sender, MouseButtonEventArgs e) // MouseDown
    {
        ReleaseCapture();
        SendMessage(new WindowInteropHelper(this).Handle,
            0xA1, (IntPtr)0x2, (IntPtr)0);
    }

    //Attach this to the PreviewMousLeftButtonDown event of the grip control in the lower right corner of the form to resize the window
    private void WindowResize(object sender, MouseButtonEventArgs e) //PreviewMousLeftButtonDown
    {
        HwndSource hwndSource = PresentationSource.FromVisual((Visual)sender) as HwndSource;
        SendMessage(hwndSource.Handle, 0x112, (IntPtr)61448, IntPtr.Zero);
    }

Ve işte, kenarsız ve yine de hareketli ve WebBrowser gibi kontrollerle uyumluluğu kaybetmeden yeniden boyutlandırılabilen bir WPF penceresi

Örnek burada:

<Style TargetType="Window" x:Key="DialogWindow">
        <Setter Property="AllowsTransparency" Value="True"/>
        <Setter Property="WindowStyle" Value="None"/>
        <Setter Property="ResizeMode" Value="CanResizeWithGrip"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Window}">
                    <Border BorderBrush="Black" BorderThickness="3" CornerRadius="10" Height="{TemplateBinding Height}"
                            Width="{TemplateBinding Width}" Background="Gray">
                        <DockPanel>
                            <Grid DockPanel.Dock="Top">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition></ColumnDefinition>
                                    <ColumnDefinition Width="50"/>
                                </Grid.ColumnDefinitions>
                                <Label Height="35" Grid.ColumnSpan="2"
                                       x:Name="PART_WindowHeader"                                            
                                       HorizontalAlignment="Stretch" 
                                       VerticalAlignment="Stretch"/>
                                <Button Width="15" Height="15" Content="x" Grid.Column="1" x:Name="PART_CloseButton"/>
                            </Grid>
                            <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
                                        Background="LightBlue" CornerRadius="0,0,10,10" 
                                        Grid.ColumnSpan="2"
                                        Grid.RowSpan="2">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition Width="20"/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*"/>
                                        <RowDefinition Height="20"></RowDefinition>
                                    </Grid.RowDefinitions>
                                    <ResizeGrip Width="10" Height="10" Grid.Column="1" VerticalAlignment="Bottom" Grid.Row="1"/>
                                </Grid>
                            </Border>
                        </DockPanel>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

@ Fernando-aguirre'ı WindowChromeçalışmak için kullanarak cevabı almakta güçlük çekiyordum . Ben baskın oldu çünkü benim durumumda çalışma değildi OnSourceInitializediçinde MainWindowve baz sınıf yöntemini çağırarak değil.

protected override void OnSourceInitialized(EventArgs e)
{
    ViewModel.Initialize(this);
    base.OnSourceInitialized(e); // <== Need to call this!
}

Bu beni çok uzun süre şaşırttı.