Question

我有一个我正在编写的应用程序，而且它大部分仍然在模型中，因此它背后没有太多的c＃。

我在窗户的两个部分之间注意到一个奇怪的1px边框或分隔符，根据XAML不应该在那里，也不在设计时，但是在运行中我确实不能摆脱它。（用红色箭头标注）

enter image description here

主窗口XAML：

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:DS4Windows" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:Custom="http://schemas.microsoft.com/winfx/2006/xaml/presentation/ribbon" xmlns:Forms="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms" xmlns:tb="http://www.hardcodet.net/taskbar" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" mc:Ignorable="d" x:Class="DS4Windows.MainWindow"
        Title="DS4Windows DSDCS Build" Height="519" Width="965" WindowStyle="None" ResizeMode="NoResize" MinWidth="800" MinHeight="519">
    <Window.Background>
        <ImageBrush ImageSource="Backgrounds/BlueBG2.jpg" Stretch="UniformToFill"/>
    </Window.Background>
    <Window.Effect>
        <DropShadowEffect/>
    </Window.Effect>


    <DockPanel Margin="0">

        <DockPanel.Background>
            <ImageBrush/>
        </DockPanel.Background>
        <DockPanel x:Name="TopPanel" Height="92" LastChildFill="False" VerticalAlignment="Top" DockPanel.Dock="Top" MouseDown="WindowDrag">
            <DockPanel.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#7F000000" Offset="0"/>
                    <GradientStop Offset="1" Color="#00000000"/>
                </LinearGradientBrush>
            </DockPanel.Background>
            <Image x:Name="ProgramIcon" Height="100" VerticalAlignment="Top" Width="100" Source="Icons/Icon.png" StretchDirection="DownOnly"/>
            <Menu x:Name="MainMenu" VerticalAlignment="Top" DockPanel.Dock="Bottom" Opacity="0.9" FontSize="14">
                <MenuItem x:Name="FileMenu" Header="File">
                    <MenuItem Header="Quit"/>
                </MenuItem>
                <MenuItem x:Name="ToolsMenu" Header="Tools"/>
                <MenuItem x:Name="HelpMenu" Header="Help"/>
                <MenuItem x:Name="AccountMenu" Header="My Account" SubmenuClosed="AccountMenu_SubmenuClosed">
                    <MenuItem x:Name="UsernameMenuItem" Template="{DynamicResource NoHoverMenu}">
                        <MenuItem.Header>
                            <StackPanel Orientation="Horizontal">
                                <Label Content="Username" Width="76" Padding="0"/>
                                <TextBox x:Name="UsernameInput" Width="134"/>
                            </StackPanel>
                        </MenuItem.Header>
                    </MenuItem>
                    <MenuItem x:Name="PasswordMenuItem" Template="{DynamicResource NoHoverMenu}">
                        <MenuItem.Header>
                            <StackPanel Orientation="Horizontal">
                                <Label Content="Password" Width="76" Padding="0"/>
                                <PasswordBox x:Name="PasswordInput" Width="134"/>
                            </StackPanel>
                        </MenuItem.Header>
                    </MenuItem>
                    <MenuItem x:Name="LoginMenuStatus" Header=""  Template="{DynamicResource NoHoverMenu}" Foreground="#FF515151" FontSize="11" Visibility="Collapsed"/>
                    <MenuItem x:Name="LoginButtonMenuItem" Template="{DynamicResource NoHoverMenu}">
                        <MenuItem.Header>
                            <Button x:Name="LoginButton" Content="Login" Click="LoginButton_Click"/>
                        </MenuItem.Header>
                    </MenuItem>
                    <Separator x:Name="LoginMenuSeperator"/>
                    <MenuItem x:Name="RegisterAccountMenuItem" Header="Register account"/>
                    <MenuItem x:Name="ForgotLoginMenuItem" Header="Forgot login"/>
                    <MenuItem x:Name="LogoutMenuItem" Header="Logout" Visibility="Collapsed" Click="LogoutMenuItem_Click"/>
                </MenuItem>
            </Menu>
            <Label x:Name="WindowTitle" Content="DS4Windows DSDCS Build (1.5 ALPHA)" Height="30" Margin="5,5,100,0" VerticalAlignment="Top" DockPanel.Dock="Top" FontSize="14" Foreground="White" HorizontalAlignment="Center"/>
            <StackPanel x:Name="ExitMenu" Width="100" DockPanel.Dock="Right" Margin="0,-35,0,0" RenderTransformOrigin="0.525,0.211" HorizontalAlignment="Right" MouseLeave="StackPanel_MouseLeave" Panel.ZIndex="2">
                <Button x:Name="CloseButton" Content="X" Height="22" VerticalAlignment="Top" Margin="0,5,5,0" Background="#FFFF7878" FontWeight="Bold" Click="CloseButton_Click" RenderTransformOrigin="0.45,0.421" HorizontalAlignment="Right" Width="22" MouseEnter="CloseButton_MouseEnter"/>
                <Button x:Name="MinimizeCloseOpt" Content="Minimize to tray" Visibility="Hidden" Click="MinimizeCloseOpt_Click"/>
                <Button x:Name="QuitCloseOpt" Content="Quit" Visibility="Hidden" Click="QuitCloseOpt_Click"/>
            </StackPanel>
            <Label x:Name="UsernameLabel" Content="Guest" Height="28" VerticalAlignment="Bottom" DockPanel.Dock="Right" Margin="0,0,-100,0" HorizontalAlignment="Right" Foreground="White"/>
        </DockPanel>
        <DockPanel x:Name="Footer" Height="28" LastChildFill="False" VerticalAlignment="Top" DockPanel.Dock="Bottom">
            <Image VerticalAlignment="Bottom" DockPanel.Dock="Right" Source="Icons/ResizeGrip.png" Stretch="None" HorizontalAlignment="Right" PreviewMouseLeftButtonDown="WindowResize" Cursor="SizeNWSE">
                <Image.OpacityMask>
                    <ImageBrush ImageSource="Icons/ResizeGrip.png" Stretch="None"/>
                </Image.OpacityMask>
            </Image>
        </DockPanel>
        <DockPanel x:Name="AddPanel" Height="94" LastChildFill="False" VerticalAlignment="Top" DockPanel.Dock="Bottom" HorizontalAlignment="Center">
            <Frame Content="Frame" Height="90" VerticalAlignment="Top" Width="728" Source="http://dsdcs.com/index.php?template=frontend" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5"/>
        </DockPanel>
        <DockPanel x:Name="SidebarDockPanel" Background="#CCFFFFFF" Margin="0">
            <StackPanel Height="305" VerticalAlignment="Top" Margin="0">
                <telerik:RadOutlookBarItem Header="Home" Icon="Icons/Home.ico" IsSelected="True" FontSize="14">
                    <Grid Background="Transparent"/>
                </telerik:RadOutlookBarItem>
                <telerik:RadOutlookBarItem Header="Macros" Icon="Icons/Macros.ico" Height="38" FontSize="14">
                    <Grid Background="Transparent"/>
                </telerik:RadOutlookBarItem>
                <telerik:RadOutlookBarItem Header="Log" Icon="Icons/Log.ico" Height="38" FontSize="14">
                    <Grid Background="Transparent"/>
                </telerik:RadOutlookBarItem>
                <telerik:RadOutlookBarItem Header="Settings" Icon="Icons/Settings.ico" Height="38" FontSize="14">
                    <Grid Background="Transparent"/>
                </telerik:RadOutlookBarItem>
            </StackPanel>

        </DockPanel>
        <DockPanel x:Name="MainWinDockPanel" Background="#CCFFFFFF">
            <Expander x:Name="CurrentGameWindow" Header="Currently Playing: Nothing" VerticalAlignment="Bottom" DockPanel.Dock="Bottom" Background="#B2000000" Foreground="White" FontWeight="Bold" FontSize="14" Panel.ZIndex="1" BorderBrush="{x:Null}" BorderThickness="0">
                <DockPanel Height="128" VerticalAlignment="Top" DockPanel.Dock="Bottom" UseLayoutRounding="False">
                    <Image x:Name="CurrentGameBoxart" Height="128" VerticalAlignment="Top" RenderOptions.BitmapScalingMode="HighQuality">
                        <Image.OpacityMask>
                            <ImageBrush ImageSource="TempImages/5647-1.jpg"/>
                        </Image.OpacityMask>
                    </Image>
                    <Grid x:Name="CurrentGameBGFrame" Margin="0">
                        <Image x:Name="CurrentGameRating" HorizontalAlignment="Left" Height="16" Margin="12,55,0,0" VerticalAlignment="Top" Width="80"/>
                        <Label x:Name="CurrentGamePublisher" Content="" HorizontalAlignment="Left" Margin="12,3,0,0" VerticalAlignment="Top" Foreground="White" FontSize="12"/>
                        <Label x:Name="CurrentGameDeveloper" Content="" HorizontalAlignment="Left" Margin="12,24,0,0" VerticalAlignment="Top" Foreground="White" FontSize="12"/>
                        <Label x:Name="CurrentGameGenres" Content="" HorizontalAlignment="Left" Margin="329,3,0,0" VerticalAlignment="Top" Foreground="White" FontSize="12"/>
                        <Label x:Name="CurrentGamePlayers" Content="" HorizontalAlignment="Left" Margin="329,24,0,0" VerticalAlignment="Top" Foreground="White" FontSize="12"/>
                    </Grid>
                </DockPanel>
            </Expander>
            <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto" >
                <Frame x:Name="MainNav" Content="Frame" Source="/DS4Windows;component/Pages/Home.xaml" BorderThickness="0" Margin="0"/>
            </ScrollViewer>
        </DockPanel>
    </DockPanel>
</Window>

子页面XAML：

<Page x:Class="DS4Windows.Pages.Home"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d"
    Title="Home" Margin="0" HorizontalAlignment="Left" VerticalAlignment="Top">
    <StackPanel x:Name="ControllerStack" Margin="0">
        <StackPanel Height="69" Orientation="Horizontal">
            <Image x:Name="Icon1" Width="61" Source="/DS4Windows;component/ControllerStates/wireless-icon-48.png"/>
            <StackPanel Margin="30,0,0,0">
                <ProgressBar x:Name="BatteryMeter1" Height="20" Margin="0,18,0,0" Width="150">
                    <ProgressBar.Foreground>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFFF4C4C" Offset="0"/>
                            <GradientStop Color="#FF830000" Offset="1"/>
                        </LinearGradientBrush>
                    </ProgressBar.Foreground>
                </ProgressBar>
                <Label x:Name="ChargeStatus1" Content="" HorizontalAlignment="Center"/>
            </StackPanel>
        </StackPanel>
        <StackPanel Height="69" Orientation="Horizontal">
            <Image x:Name="Icon2" Width="61" Source="/DS4Windows;component/ControllerStates/DS4_C_Gray-icon-48.png"/>
            <StackPanel Margin="30,0,0,0">
                <ProgressBar x:Name="BatteryMeter2" Height="20" Margin="0,18,0,0" Width="150">
                    <ProgressBar.Foreground>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF37E03F" Offset="0"/>
                            <GradientStop Color="#FF1F9524" Offset="1"/>
                        </LinearGradientBrush>
                    </ProgressBar.Foreground>
                </ProgressBar>
                <Label x:Name="ChargeStatus2" Content="" HorizontalAlignment="Center"/>
            </StackPanel>
        </StackPanel>
        <StackPanel Height="69" Orientation="Horizontal">
            <Image x:Name="Icon3" Width="61" Source="/DS4Windows;component/ControllerStates/DS4_C_Gray-icon-48.png"/>
            <StackPanel Margin="30,0,0,0">
                <ProgressBar x:Name="BatteryMeter3" Height="20" Margin="0,18,0,0" Width="150">
                    <ProgressBar.Foreground>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF37E03F" Offset="0"/>
                            <GradientStop Color="#FF1F9524" Offset="1"/>
                        </LinearGradientBrush>
                    </ProgressBar.Foreground>
                </ProgressBar>
                <Label x:Name="ChargeStatus3" Content="" HorizontalAlignment="Center"/>
            </StackPanel>
        </StackPanel>
        <StackPanel Height="69" Orientation="Horizontal">
            <Image x:Name="Icon4" Width="61" Source="/DS4Windows;component/ControllerStates/DS4_C_Gray-icon-48.png"/>
            <StackPanel Margin="30,0,0,0">
                <ProgressBar x:Name="BatteryMeter4" Height="20" Margin="0,18,0,0" Width="150">
                    <ProgressBar.Foreground>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF37E03F" Offset="0"/>
                            <GradientStop Color="#FF1F9524" Offset="1"/>
                        </LinearGradientBrush>
                    </ProgressBar.Foreground>
                </ProgressBar>
                <Label x:Name="ChargeStatus4" Content="" HorizontalAlignment="Center"/>
            </StackPanel>
        </StackPanel>
    </StackPanel>
</Page>

Answer 1

如果您想了解为什么WPF中的内容看起来很奇怪或者它们如何呈现，您应该看看Snoop。

提示：如果您想跳转到当前Control，请将鼠标移到其上并按Shift + Ctrl

Answer 2

所以，不是100％回答问题，而是解决问题;我将侧边栏和主窗口停靠面板添加到新的父版Dockpanel控件中，并在子控件的那个wrather上设置不透明背景。这摆脱了边界，我怀疑这实际上是一个差距。

为什么，至少我认为;将侧栏上的所有子控件和父控件设置为自动，通过计算按钮字符串+图像+填充的宽度来确定宽度。由于WPF是硬件渲染的，因此宽度可以通过考虑锯齿来计算它，并且响应可能是浮点数而不是整数，就像我自己手动设置宽度一样。因此，对于浮点宽度，两个相邻控件的混叠可能会导致背景的像素宽度的一小部分透过，导致1px线或边框，正如我所想的那样。并且由于设计时间在SW模式下呈现控件，因此在应用程序实际运行之前从未见过。

不确定是否禁忌自己回答？但是我觉得我会为其他人着想，他们可能会遇到同样的问题。

在WPF中出现的奇怪边框

2 个答案: