Làm thế nào để tạo một Cửa sổ WPF không có đường viền mà chỉ có thể thay đổi kích thước thông qua một tay cầm?

Nếu bạn đặt ResizeMode="CanResizeWithGrip"trên WPF Windowthì phần kẹp thay đổi kích thước được hiển thị ở góc dưới bên phải, như bên dưới:

Nếu bạn đặt WindowStyle="None"cũng như vậy, thanh tiêu đề sẽ biến mất nhưng cạnh vát màu xám vẫn còn cho đến khi bạn đặt ResizeMode="NoResize". Thật không may, với sự kết hợp của các thuộc tính được thiết lập, tay cầm thay đổi kích thước cũng biến mất.

Tôi đã ghi đè của Window's ControlTemplatethông qua một tùy chỉnh Style. Tôi muốn tự chỉ định đường viền của cửa sổ và tôi không cần người dùng có thể thay đổi kích thước cửa sổ từ cả bốn phía, nhưng tôi cần một tay nắm thay đổi kích thước.

Ai đó có thể nêu chi tiết một cách đơn giản để đáp ứng tất cả các tiêu chí này?

1. Không có đường viền Windowngoài đường viền mà tôi tự chỉ định trong a ControlTemplate.
2. Đừng có một va li thay đổi kích thước làm việc ở góc dưới bên phải.
3. Không có thanh tiêu đề.

Nếu bạn đặt thuộc AllowsTransparencytính trên Window(ngay cả khi không đặt bất kỳ giá trị độ trong suốt nào) thì đường viền sẽ biến mất và bạn chỉ có thể thay đổi kích thước thông qua báng cầm.

<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>

Kết quả giống như sau:

Tôi đã cố gắng tạo một cửa sổ không có đường viền WindowStyle="None"nhưng khi tôi kiểm tra nó, có vẻ như xuất hiện một thanh màu trắng ở trên cùng, sau một số nghiên cứu, nó có vẻ là "Đường viền thay đổi kích thước", đây là một hình ảnh (tôi nhận xét là màu vàng):

Sau một số nghiên cứu trên internet và rất nhiều giải pháp không phải xaml khó khăn, tất cả các giải pháp mà tôi tìm thấy đều nằm sau mã trong C # và rất nhiều dòng mã, tôi đã gián tiếp tìm thấy giải pháp ở đây: Cửa sổ tùy chỉnh tối đa làm mất hiệu ứng bóng đổ

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

Lưu ý : Bạn cần sử dụng .NET 4.5 framework hoặc nếu bạn đang sử dụng phiên bản cũ hơn, hãy sử dụng WPFShell, chỉ cần tham chiếu shell và sử dụng Shell:WindowChrome.WindowChromethay thế.

Tôi đã sử dụng thuộc WindowChrometính của Window, nếu bạn sử dụng điều này, "đường viền thay đổi kích thước" màu trắng sẽ biến mất, nhưng bạn cần xác định một số thuộc tính để hoạt động chính xác.

CaptionHeight: Đây là chiều cao của vùng phụ đề (thanh tiêu đề) cho phép thực hiện hành vi nhấp đúp vào Aero snap như thanh tiêu đề bình thường. Đặt giá trị này thành 0 (không) để các nút hoạt động.

ResizeBorderThickness: Đây là độ dày ở cạnh cửa sổ, nơi bạn có thể thay đổi kích thước cửa sổ. Tôi đặt thành 5 vì tôi thích con số đó, và bởi vì nếu bạn đặt số 0 thì rất khó để thay đổi kích thước cửa sổ.

Sau khi sử dụng đoạn mã ngắn này, kết quả là:

Và bây giờ, đường viền màu trắng đã biến mất mà không cần sử dụng ResizeMode="NoResize"và AllowsTransparency="True"nó cũng hiển thị một cái bóng trong cửa sổ.

Sau đó, tôi sẽ giải thích cách làm cho các nút hoạt động (tôi không sử dụng hình ảnh cho các nút) một cách dễ dàng với mã đơn giản và ngắn, Tôi là người mới và tôi nghĩ rằng tôi có thể đăng lên codeproject, vì ở đây tôi không tìm thấy nơi để đăng hướng dẫn.

Có thể có một giải pháp khác (tôi biết rằng có những giải pháp khó và khó cho những người như tôi) nhưng điều này phù hợp với các dự án cá nhân của tôi.

Đây là mã hoàn chỉnh

<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>

Cảm ơn bạn!

Mặc dù câu trả lời được chấp nhận là rất đúng, nhưng tôi chỉ muốn chỉ ra rằng AllowTransparency có một số điểm yếu. Nó không cho phép các điều khiển cửa sổ con hiển thị, tức là WebBrowser, và nó thường buộc hiển thị phần mềm có thể có tác động tiêu cực đến hiệu suất.

Có một công việc tốt hơn xung quanh mặc dù.

Khi bạn muốn tạo một cửa sổ không có đường viền có thể thay đổi kích thước và có thể lưu trữ điều khiển WebBrowser hoặc điều khiển Khung chỉ đến một URL mà bạn chỉ đơn giản là không thể, nội dung của điều khiển nói trên sẽ hiển thị trống.

Tôi đã tìm thấy một giải pháp thay thế mặc dù; trong Window, nếu bạn đặt WindowStyle thành None, ResizeMode thành NoResize (xin lưu ý với tôi, bạn vẫn có thể thay đổi kích thước sau khi hoàn thành) thì hãy đảm bảo rằng bạn đã UNCHECKED AllowsTransparency, bạn sẽ có một cửa sổ có kích thước tĩnh không có đường viền và sẽ hiển thị kiểm soát trình duyệt.

Bây giờ, bạn có thể vẫn muốn có thể thay đổi kích thước phải không? Chúng ta có thể làm điều đó với một cuộc gọi tương tác:

    [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);
    }

Và thì đấy, một cửa sổ WPF không có đường viền và vẫn có thể di chuyển và thay đổi kích thước mà không mất khả năng tương thích với các điều khiển như WebBrowser

Mẫu ở đây:

<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>

Tôi gặp khó khăn trong việc tìm câu trả lời bằng cách sử dụng @ fernando-aguirre WindowChromeđể làm việc. Nó không được làm việc trong trường hợp của tôi bởi vì tôi đã trọng OnSourceInitializedtrong MainWindowvà không gọi phương thức lớp cơ sở.

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

Điều này đã làm tôi bối rối trong một thời gian rất dài.