相同宽度的tabitems

时间:2014-09-29 07:25:03

标签: c# wpf wpf-controls tabcontrol tabitem

我找了这个并找到了答案,但没有一个对我有用。我有标签控件和两个项目。我希望Item1的宽度与Item2相同。我正在使用SharedSizeGroup,但只有在我选择Item2后,宽度才会设置为Item1。有人能帮我吗?代码背后不是我的选择。

<Window x:Class="tabitem_sharedsize.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" SizeToContent="WidthAndHeight">
<Grid>

    <TabControl TabStripPlacement="Top" Grid.IsSharedSizeScope="True" >

        <TabItem Header="Item1">
            <Grid >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition SharedSizeGroup="col_group"/>
                </Grid.ColumnDefinitions>

                <!-- Object Descritions -->
                <GroupBox Margin="5,5,5,5" Grid.Column="0">
                    <GroupBox.Header>
                        Object description
                    </GroupBox.Header>

                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150" />
                            <ColumnDefinition Width="250" />
                        </Grid.ColumnDefinitions>

                        <!-- Name -->
                        <Label Grid.Column="0" Grid.Row="0" Content="Name:" />
                        <TextBox  Grid.Column="1" Grid.Row="0" />

                        </Grid>
                </GroupBox>
            </Grid>
        </TabItem>

        <TabItem Header="Item2">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition SharedSizeGroup="col_group"/>
                </Grid.ColumnDefinitions>

                <Grid Grid.Column="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <!-- Inputs -->
                    <GroupBox Grid.Column="0" Margin="5,5,5,5">
                        <GroupBox.Header>
                            Inputs
                        </GroupBox.Header>

                        <Grid>

                            <ListView Grid.Row="1" Margin="10,0,0,5">
                                <ListView.View>
                                    <GridView >
                                        <GridViewColumn Header="A" Width="250"/>
                                        <GridViewColumn Header="B" Width="250"/>
                                    </GridView>
                                </ListView.View>
                            </ListView>
                        </Grid>
                    </GroupBox>
                </Grid>
            </Grid>
        </TabItem>
    </TabControl>
</Grid>

1 个答案:

答案 0 :(得分:2)

您只想将第一个标签的大小设置为与第二个标签的大小相同。

<TabItem Header="Item1">
                <Grid >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition SharedSizeGroup="col_group" Width="400"/>
                    </Grid.ColumnDefinitions>
                 </Grid>
            </TabItem>

在第二个标签中,您将2列的宽度设置为150和250。

因为第二个标签中有两列但在第一个标签中只有一列,所以我们将其宽度设置为400.

相关问题