WPF-管理用户界面

Question

我想制作类似这种类型的UI：

在文本框的顶部总是有两个或三个按钮（在调整窗口大小后不变）。

我该如何在WPF中执行此操作，实际上它是WPF的新手，我想严格在.Net和WPF 3.5中执行此操作。

Answer 1

我记得当我开始学习WPF时。这是一条陡峭的学习曲线。您需要查看XAML文件以获取UI。根据您的要求，代码如下所示：假设您具有VS的背景知识，请启动新的WPF项目。您需要的是一些网格，然后可以从“工具箱”中拖放，也可以只为UI元素键入代码。

<Window x:Class="WpfApp1.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:WpfApp1"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="90*"/>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="90*"/>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="200*"/>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="90*"/>
        <ColumnDefinition Width="5*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="3*"/>
        <RowDefinition Height="50*"/>
        <RowDefinition Height="3*"/>
        <RowDefinition Height="100*"/>
        <RowDefinition Height="3*"/>
    </Grid.RowDefinitions>
    <Button Content="Button" Grid.Column="1" Grid.Row="1" Margin="0,0,0,0"/>
    <Button Content="Button" Grid.Column="3" Grid.Row="1" Margin="0,0,0,0"/>
    <TextBox Text="Textbox" Grid.Column="5" Grid.Row="1" Margin="0,0,0,0"/>
    <Button Content="Button" Grid.Column="7" Grid.Row="1" Margin="0,0,0,0"/>
    <Border BorderBrush="Black" BorderThickness="1" Grid.ColumnSpan="7" Grid.Column="1" Height="100" Grid.Row="1" VerticalAlignment="Top">            
    </Border>

</Grid>