拉伸选项卡控件中的居中文本框

本文关键字：中文 文本 选项 控件 | 更新日期: 2023-09-27 18:34:15

我正在 WPF 中创建一个多选项卡应用程序，我想在选项卡的网格中水平居中创建一个文本框。选项卡控件当前已拉伸以适合窗口大小，因此如果调整窗口大小/最大化，应用也会更改大小。如果我在设计器中按下"水平居中"按钮，它会将文本框向右移动。我在这里做错了什么？

下面是到目前为止应用的 XAML 代码：

<Window x:Class="GUI_Test.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:GUI_Test"
        mc:Ignorable="d"
        Title="MainWindow" Height="524" Width="996.432">
    <Grid>
        <TabControl x:Name="tabControl" HorizontalContentAlignment="Center">
            <TabItem x:Name="Home" Header="Home" Width="150">
                <Grid Background="#FFE5E5E5"/>
            </TabItem>
            <TabItem x:Name="Dictionary" Header="Dictionary" Width="150">
                <Grid Background="#FFE5E5E5"/>
            </TabItem>
            <TabItem x:Name="Search" Header="Search" Height="20" Width="150">
                <Grid Background="#FFE5E5E5">
                    <TextBox x:Name="textBox" HorizontalAlignment="Center" Height="23" Margin="524,105,204,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="250"/>
                </Grid>
            </TabItem>
            <TabItem x:Name="About" Header="About" Height="20" Width="150">
                <Grid Background="#FFE5E5E5"/>
            </TabItem>
        </TabControl>
    </Grid>
</Window>

我目前专注于"搜索"选项卡。文本框（以及任何其他元素，就此而言）也需要在窗口展开时移动，所以我不能只计算中点并设置尺寸。我会做类似MarginLeft = MainWindow.getWidth/2或类似的事情，但既没有MarginLeft也没有MainWindow具有任何可编辑属性。我还尝试将选项卡中的网格设置为不同的布局，但它不允许我这样做。

拉伸选项卡控件中的居中文本框

如果我做对了，并且您想将TextBox水平集中在Grid上，您所要做的就是HorizontalAlignment设置为Center并删除左侧和右侧（第一个和第三个数字）的Margin，如下所示：

<TextBox x:Name="textBox" HorizontalAlignment="Center" Height="23" Margin="0,105,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="250"/>

强调Margin="0,105,0,0"，这就是与您的代码的不同之处。

如果您也想垂直集中它，只需将VerticalAlignment设置为 Center 并完全删除Margin（或将其设置为零）。

相关文章：