WPF - 管理 UI

WPF - Manage UI

我想做这样的东西 UI:

顶部将始终有两个或三个带有文本框的按钮(window 调整大小后没有变化)。

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

记得我是从什么时候开始学习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>