9

テキストボックスとボタンの一部が切り取られているのはなぜなのか、本当に混乱しています。誰かこの問題を解決するのを手伝ってくれませんか? ありがとう！！

XAML コード

<Grid>
        <TabControl>
            <TabItem Name="tabHome">
                <TabItem.Header>
                    <Label Content="Home" MouseLeftButtonDown="tabHome_Click"/>
                </TabItem.Header>
                <Grid>
                    <Button Content="Parse" Height="23" x:Name="btn_parse" Width="75" Click="buttonParse_Click" Margin="180,10,180,176"/>
                    <TextBox IsReadOnly="True"  x:Name="txtbox_filepath" Height="25" Width="135" Margin="151,52,150,132" />
                    <Button Content="Reset" Height="23" x:Name="btn_reset" Width="75" Margin="180,122,180,64" Click="buttonReset_Click"/>
                </Grid>
            </TabItem>
            <TabItem Name="tabConfig">
                <TabItem.Header>
                <Label Content="Configuration" MouseLeftButtonDown="tabConfig_Click"/>
                </TabItem.Header>
                <ScrollViewer>
                    <StackPanel Name="panelConfig">
                    </StackPanel>
                </ScrollViewer>
            </TabItem>
<Grid>

スクリーンショット

スクリーンショット

ご覧のとおり、ボタンとテキストボックスの角が切り取られています。
助けてくれてありがとう。

4

4 に答える 4

15

このような Margin 値をMargin="180,10,180,176"指定すると、親コントロールを基準にして、コントロールを左から 180 ディップ、上から 10 ディップ、右から 180、下から 176 の位置に配置する必要があることを意味します。マージン値が高いため、コントロールが切り取られました。

ここに画像の説明を入力

注: dip - デバイスに依存しないピクセル。

以下に示すように、適切なマージン値を使用して、コントロールを作成RowDefinitionsして別々の行に配置することをお勧めします。Grid

<Grid>
    <TabControl>
        <TabItem Name="tabHome">
            <TabItem.Header>
                <Label Content="Home"/>
            </TabItem.Header>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Button Grid.Row="0" Content="Parse" Height="23" x:Name="btn_parse" Width="75" Margin="10" />
                <TextBox Grid.Row="1" IsReadOnly="True"  x:Name="txtbox_filepath" Height="25" Width="135" Margin="10" />
                <Button Grid.Row="2" Content="Reset" Height="23" x:Name="btn_reset" Width="75" Margin="10"/>
            </Grid>
        </TabItem>
        <TabItem Name="tabConfig">
            <TabItem.Header>
                <Label Content="Configuration"/>
            </TabItem.Header>
            <ScrollViewer>
                <StackPanel Name="panelConfig">
                </StackPanel>
            </ScrollViewer>
        </TabItem>
    </TabControl>
</Grid>
于 2013-08-06T17:47:16.183 に答える
3

Heightボタンにとを明示的に設定してWidthいますが、使用している値が小さすぎます。

それらをオフのままにしておくと、ボタンは正しく表示されるはずです:

<Button Content="Parse" x:Name="btn_parse" Click="buttonParse_Click" Margin="180,10,180,176"/>
<Button Content="Reset" x:Name="btn_reset" Margin="180,122,180,64" Click="buttonReset_Click"/>

Gridを使用する代わりに、または他のコンテナを使用してこれを自分で設計すると、レイアウトをより適切に処理できることに注意してくださいMargin。

于 2013-08-06T17:44:04.073 に答える