Question

我们即将转向WPF，目前正在开发模板窗口。

经过几个小时的阅读和关于CodeProject和StackOverflow的教程后，我正在努力解决一个我认为相当简单的透明度问题。

当我运行应用程序时，我的窗口中没有“内容”。

我在Generic.xaml中定义了我的Style，它位于Themes文件夹中。

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:local="clr-namespace:MTApp"
                x:Class="MTApp.Themes.Generic">

<ControlTemplate x:Key="WindowTemplate" TargetType="{x:Type Window}">
    <Grid x:Name="WindowRoot">
        <Border x:Name="WindowFrame">
            <Grid Margin="0" VerticalAlignment="Top" MouseDown="Window_MouseDown">

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="25"/>
                    <ColumnDefinition Width="75*"/>
                    <ColumnDefinition Width="75"/>
                    <ColumnDefinition Width="25"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40" />
                    <RowDefinition Height="30" />
                    <RowDefinition Height="35" />
                    <RowDefinition Height="35" />
                    <RowDefinition Height="140*" />
                </Grid.RowDefinitions>
                <Frame x:Name="background" Grid.Column="0" Grid.ColumnSpan="4" Grid.Row="0" Background="#ddd" BorderThickness="0 0 0 1" BorderBrush="#c9c9c9"/>

                <Label x:Name="windowTitle" Grid.ColumnSpan="2" Content="Title Bar" VerticalAlignment="Center" Foreground="#393939" Grid.Row="0" Grid.Column="1" HorizontalAlignment="Center" FontFamily="Segoe UI Regular" FontSize="12"/>
                <Grid Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="50"/>
                        <ColumnDefinition Width="13"/>
                        <ColumnDefinition Width="14"/> 
                        <ColumnDefinition Width="13"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="15"/>
                        <RowDefinition Height="10" />
                        <RowDefinition Height="10" />
                    </Grid.RowDefinitions>
                    <Button x:Name="minimizeBtn" Content="" Background="#39b54a" BorderThickness="0" Grid.Row="1" Grid.Column="1" Margin="3 0 0 0" Click="minimizeBtn_Click"/>
                    <Button x:Name="maximizeBtn" Content="" Background="#f8be3f" BorderThickness="0" Grid.Row="1" Grid.Column="2" Margin="3 0 0 0" Click="maximizeBtn_Click"/>
                    <Button x:Name="quitBtn" Content="" Background="#f84646" BorderThickness="0" Click="quitBtn_Click" Grid.Row="1" Grid.Column="3" Margin="3 0 0 0"/>
                </Grid>
            </Grid>
        </Border>
    </Grid>
</ControlTemplate>

<Style x:Key="SkinWindowStyle" TargetType="Window">
    <Setter Property="WindowStyle" Value="None" />
    <Setter Property="AllowsTransparency" Value="True" />
    <Setter Property="Background" Value="#ffffff" />
    <Setter Property="Opacity" Value="100" />        
    <Setter Property="ResizeMode" Value="CanResize" />
    <Setter Property="Width" Value="600" />
    <Setter Property="Height" Value="300" />
    <Setter Property="Template" Value="{StaticResource WindowTemplate}" />

    <Style.Triggers>
        <DataTrigger Binding="{Binding WindowState}" Value="Maximized">
        </DataTrigger>
    </Style.Triggers>
</Style>

它定义了许多教程中所见的“WindowStyle”和“allowsTransparency”，如果我将“AllowTransparancy”设置为False，我将获得一个边框全黑窗口。

正如你已经从风格中看到的那样，我希望背景为白色。但我得到的只是一个“空洞”的窗口。我想强迫一些人，正如你从其他二传手项目中看到的那样。

我的MainWindow.xaml，这是一个实用的应用程序，如下所示：

<Window x:Class="MTApp.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Style="{DynamicResource SkinWindowStyle}"    
    Background="White"
    Height="300"
    Width="350"        
    >
<Grid Background="White" Height="100" Width="200">        
    <TextBlock Text="Test" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2" Background="White"/>
</Grid>

它使用Generic.xaml中定义的样式，一切正常。当然，背景，高度和宽度不能覆盖样式的属性，因为它的硬编码，但仍然应该显示网格以及文本框。但这些都不会出现。

最后，Generic.xaml.cs：

    using System;
using System.Windows;
using System.Windows.Input;

namespace MTApp.Themes
{ 
    public partial class Generic : ResourceDictionary
    {

        public Generic()
        {
            InitializeComponent();
        }

        /**
        * Header Buttons Events
        **/
        private void minimizeBtn_Click(object sender, RoutedEventArgs e)
        {
            Application.Current.MainWindow.WindowState = WindowState.Minimized;
        }

        private void maximizeBtn_Click(object sender, RoutedEventArgs e)
        {
            if (Application.Current.MainWindow.WindowState == WindowState.Maximized)
            {
                Application.Current.MainWindow.WindowState = WindowState.Normal;
            }
            else
            {
                Application.Current.MainWindow.WindowState = WindowState.Maximized;
            }

        }

        private void quitBtn_Click(object sender, RoutedEventArgs e)
        {
            Window.GetWindow(((FrameworkElement)e.Source)).Close();
        }

        /** 
        * Window Events
        **/
        private void Window_MouseDown(object sender, MouseButtonEventArgs e)
        {

            if (e.ChangedButton == MouseButton.Left)
            {
                Window.GetWindow(((FrameworkElement)e.Source)).DragMove();
            }

        }

    }
}

请注意，它源自ResourceDictionary，我无法通过“Window”工作，如在线提供的5个教程中所见......

所以我的问题，为什么我的自定义内容下面没有显示任何内容？我是否需要指定某个画布，然后我们可以为每个窗口设置控件？想想登录窗口，选项窗口，消息/确认窗口。它们应该共享相同的样式，因此我们希望窗口模板化。

Answer 1

要允许向窗口添加控件，您需要向ContentPresenter添加ControlTemplate控件。将以下内容添加到模板代码中：

<ControlTemplate x:Key="WindowTemplate" TargetType="{x:Type Window}">
    <Grid x:Name="WindowRoot">
        <Border x:Name="WindowFrame">
            <Grid Margin="0" VerticalAlignment="Top">

                <Grid.ColumnDefinitions>
                    ...
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    ...
                </Grid.RowDefinitions>

                ... header controls ...

                <ContentPresenter Grid.Column="0" Grid.ColumnSpan="4" Grid.Row="1"/>
            </Grid>
        </Border>
    </Grid>
</ControlTemplate>

当然，ContentPresenter的{{1}}和Grid.Row设置需要进行调整，具体取决于您希望插入窗口内容的位置。

WPF自定义窗口模板无内容

1 个答案: