Как создать окно WPF без границы, которая может быть изменена только с помощью ручки?
если вы устанавливаете ResizeMode="CanResizeWithGrip"
на WPF Window
затем в правом нижнем углу отображается ручка изменения размера, как показано ниже:
если вы устанавливаете WindowStyle="None"
также строка заголовка исчезает, но серый скошенный край остается, пока вы не установите ResizeMode="NoResize"
. К сожалению, при таком сочетании свойств ручка изменения размера также исчезает.
Я переопределил Window
' s ControlTemplate
через Style
. Я хочу сам указать границу окна, и я не нужно, чтобы пользователи могли изменять размер окна со всех четырех сторон, но мне нужна ручка для изменения размера.
может кто-то деталь простой способ удовлетворить все эти критерии?
-
не граница на
Window
кроме того, что я указываю себя вControlTemplate
. - Do есть рабочая ручка изменения размера в правом нижнем углу.
- не есть строка заголовка.
4 ответа:
Если вы выберите
AllowsTransparency
собственности наWindow
(даже без установки каких-либо значений прозрачности) граница исчезает, и вы можете изменить размер только с помощью ручки.<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>
результат выглядит так:
Я пытался создать окно без границ с
WindowStyle="None"
но когда я тестировал его, кажется, что появляется белая полоса в верхней части, после некоторых исследований он кажется "изменить размер границы", вот изображение (я заметил в желтом):после некоторых исследований в интернете и множества сложных решений, отличных от xaml, все решения, которые я нашел, были кодом в C# и множеством строк кода, я нашел косвенно решение здесь:максимальный пользовательский окно теряет эффект тени
<WindowChrome.WindowChrome> <WindowChrome CaptionHeight="0" ResizeBorderThickness="5" /> </WindowChrome.WindowChrome>
Примечание: вам нужно использовать .NET 4.5 framework, или если вы используете более старую версию, используйте WPFShell, просто ссылайтесь на оболочку и используйте .
я использовал
WindowChrome
свойство окна, если вы используете это, что Белый "изменить размер границы" исчезает, но вам нужно определить некоторые свойства, чтобы работать правильно.CaptionHeight: это высота область заголовка (headerbar), которая позволяет использовать Aero snap, дважды щелкая, как это делает обычная строка заголовка. Установите значение 0 (ноль), чтобы кнопки работают.
ResizeBorderThickness: это толщина на краю окна, где можно изменить размер окна. Я поставил 5 потому что мне нравится это число, и потому, что если поставить ноль, его трудно изменить размер окна.
после использования этого короткого кода результат это:
и теперь, белая граница исчезла без использования
ResizeMode="NoResize"
иAllowsTransparency="True"
, также он показывает тень в окне.позже я объясню, как заставить работать кнопки (я не использовал изображения для кнопок) легко с простым и коротким кодом, Im new, и я думаю, что могу опубликовать codeproject, потому что здесь я не нашел места для публикации учебника.
может быть, есть другое решение (я знаю, что есть твердые и сложные решения для таких нубов, как я), но это работает для моих личных проектов.
вот полный код
<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>
спасибо!
хотя принятый ответ очень верен, просто хочу отметить, что AllowTransparency имеет некоторые недостатки. Он не позволяет дочерним оконным элементам управления отображаться, т. е. WebBrowser, и обычно вызывает рендеринг программного обеспечения, который может иметь негативные эффекты производительности.
есть лучшая работа вокруг, хотя.
Если вы хотите создать окно без границ, которое можно изменять и может содержать элемент управления WebBrowser или элемент управления Frame, указывающий на URL-адрес, вы просто не мог, содержимое указанного элемента управления будет отображаться пустым.
Я нашел обходной путь, хотя; в окне, если вы установите WindowStyle в None, ResizeMode для NoResize (медведь со мной, вы все равно сможете изменить размер после этого), то убедитесь, что вы сняли флажок AllowsTransparency у вас будет статическое окно размера без границы и покажет элемент управления браузера.
теперь вы, вероятно, все еще хотите иметь возможность изменять размер правильно? Ну мы можем к этому с взаимодействием звоните:
[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); }
и вуаля, окно WPF без границ и все еще подвижное и изменяемое без потери совместимости с такими элементами управления, как WebBrowser
вот пример:
<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>