Làm thế nào để tạo một cửa sổ WPF mà không có đường viền có thể thay đổi kích thước chỉ bằng một cái kẹp?

Question

Nếu bạn đặt ResizeMode="CanResizeWithGrip" trên WPF Window sau đó một va li thay đổi kích thước được hiển thị ở góc dưới bên phải, như sau:

Nếu bạn đặt WindowStyle="None" cũng thanh tiêu đề sẽ biến mất nhưng những gì còn lại cạnh vát màu xám 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, sự thay đổi kích thước cũng biến mất.

Tôi đã ghi đè số ControlTemplate của Window qua tùy chỉnh Style. Tôi muốn 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ừ tất cả bốn phía, nhưng tôi cần một sự thay đổi kích thước.

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

1. Đừng có đường viền trên Window ngoài một trong những tôi chỉ định bản thân mình trong một ControlTemplate.
2. Làm có tay cầm thay đổi kích thước đang hoạt động ở góc dưới bên phải.
3. Không có thanh tiêu đề.

Answer 1

Nếu bạn đặt AllowsTransparency tài sản trên Window (ngay cả khi không thiết lập bất kỳ giá trị minh bạch) biên giới sẽ biến mất và bạn chỉ có thể thay đổi kích thước thông qua sự kìm kẹp.

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

quả trông giống như:

Answer 2

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> 

Answer 3

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

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

Khi bạn muốn tạo cửa sổ không có đường viền có thể định lại và có thể lưu trữ điều khiển WebBrowser hoặc điều khiển Khung được trỏ đến URL bạn không thể, nội dung của điều khiển được hiển thị trống.

Tôi đã tìm được giải pháp thay thế; trong cửa sổ, nếu bạn đặt WindowStyle thành None, ResizeMode thành NoResize (chịu với tôi, bạn vẫn có thể thay đổi kích thước khi hoàn thành), sau đó chắc chắn rằng bạn đã UNCHECKED AllowTransparency, bạn sẽ có một cửa sổ có kích thước tĩnh không có viền và sẽ hiển thị điều khiển trình duyệt.

Bây giờ, bạn có thể vẫn muốn có thể thay đổi kích cỡ đúng không?Vâng, chúng tôi có thể để điều đó với một cuộc gọi interop:

[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ó biên giới và vẫn di chuyển và thay đổi kích thước mà không làm mất khả năng tương thích với với các điều khiển như WebBrowser

Answer 4

Tôi đã cố gắng để tạo ra một không biên giới cửa sổ với WindowStyle="None" nhưng khi tôi thử nghiệm nó, dường như xuất hiện một thanh màu trắng ở phía trên, sau khi một số nghiên cứu nó dường như là một "border Thay đổi kích thước", đây là một hình ảnh (tôi nhấn mạnh bằng màu vàng):

Sau khi một số nghiên cứu trên internet, và rất nhiều các giải pháp khó khăn không XAML, tất cả các giải pháp mà tôi thấy là mã sau trong C# và rất nhiều dòng mã, tôi thấy gián tiếp các giải pháp ở đây: Maximum custom window loses drop shadow effect

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

Note: Bạn cần sử dụng khung công tác .NET 4.5 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 khảo vỏ và sử dụng Shell:WindowChrome.WindowChrome thay thế.

Tôi đã sử dụng thuộc tính WindowChrome của Window, nếu bạn sử dụng màu trắng "đường viền thay đổi kích thước" này 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 khu vực chú thích (thanh tiêu đề) cho phép Aero Snap, thao tác nhấp đúp như một thanh tiêu đề bình thường. Đặt giá trị này thành 0 (không) để làm cho các nút hoạt động.

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

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

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

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

Có thể có giải pháp khác (tôi biết rằng có những giải pháp khó và khó cho noobs 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!