43

我向 RadioButton 元素添加了一个 DockPanel，这样我就可以使用 100% 的宽度水平分布单选按钮标签、一个文本框和一个按钮。

LastChildFill="True"在 DockPanel 中使用会拉伸最后一个元素。如果文本框是面板中的最后一个子项，则效果很好。但是，由于按钮是最后一个元素并且具有固定宽度，因此应该拉伸文本框。但是，没有像2ndChildFill="True".

我的代码如下所示：

    <RadioButton HorizontalAlignment="Stretch"
                                        HorizontalContentAlignment="Stretch">
        <DockPanel >
            <TextBlock VerticalAlignment="Center">in location:</TextBlock>
            <TextBox Grid.Column="1" Margin="10,0,0,0">Path string</TextBox>
            <Button HorizontalAlignment="Right" 
                    Margin="10,0,0,0" Padding="3,0">...</Button>
        </DockPanel>
    </RadioButton>

它给了我这个：

wpf 截图

任何想法，提示来解决这个问题？提前谢谢了...

4

2 回答 2

64

您需要DockPanel.Dock为元素设置附加属性并保留TextBox为最后一个元素：

<RadioButton HorizontalAlignment="Stretch"
             HorizontalContentAlignment="Stretch">
    <DockPanel LastChildFill="True">
        <TextBlock DockPanel.Dock="Left"
                   VerticalAlignment="Center"
                   Text="in location:" />
        <Button DockPanel.Dock="Right"
                Margin="10,0,0,0"
                Padding="3,0"
                Content="..." />
        <TextBox Margin="10,0,0,0">
            Path string
        </TextBox>
    </DockPanel>
</RadioButton>
于 2012-12-25T23:32:08.510 回答
2

接受的答案是解决您的问题，但会创建另一个问题。如果有人使用键盘 ( TAB) 在您的界面中导航，Button将在 之前获得焦点TextBox。从长远来看，这可能非常烦人。如果您不想破坏您的标签订单，请使用Grid而不是DockPanel：

<RadioButton HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" VerticalAlignment="Center">in location:</TextBlock>
        <TextBox Grid.Column="1" Margin="10,0,0,0">Path string</TextBox>
        <Button Grid.Column="2" HorizontalAlignment="Right" Margin="10,0,0,0" Padding="3,0">...</Button>
    </Grid>
</RadioButton>

TabIndex另一种方法是使用属性自己控制标签顺序。不过，这可能很棘手，尤其是当您在集合中显示控件时。

<RadioButton HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" TabIndex="0">
    <DockPanel LastChildFill="True">
        <TextBlock DockPanel.Dock="Left" VerticalAlignment="Center" Text="in location:" />
        <Button DockPanel.Dock="Right" Margin="10,0,0,0" Padding="3,0" Content="..." TabIndex="2"/>
        <TextBox Margin="10,0,0,0" TabIndex="1">Path string</TextBox>
    </DockPanel>
</RadioButton>
于 2021-04-01T18:46:06.483 回答