0

この CSS を WPF/XAML で再現する必要があります。

<div style="position: relative;">
    <div style="position: absolute; top: 0; left: 0;">Foo bar</div>
    <div style="position: absolute; top: 0; left: 0;">Foo bar</div>
</div>

要するに、コンテナ内で 2 つの要素を重ねて配置する必要があります。

これまでのところ、私は持っています:

<StackPanel>
    <TextBlock Text="Foo bar">
    <TextBlock Margin="0,-16,0,0" Text="Foo bar">
</StackPanel>

上記の問題は、スケーリングしないことです。マージンの数字をハードコーディングしたくありません。

4

2 に答える 2

1

次に、グリッドの同じセルに配置します。

<Grid>
    <TextBlock Text="Foo bar">
    <TextBlock Text="Bar foo">
</Grid>

注:RowDefinitionsまたはが指定されていないためColumnDefinitions、グリッドにはデフォルトで 1 行 / 1 列があります。Grid.Row要素にはプロパティまたはセットがないためGrid.Column、0,0 セルに配置されます。

于 2012-04-20T16:46:58.317 に答える
0

ピクセル以外の配置を行う必要があるときは、通常、アイテムを横に行または列を配置し、パーセンテージまたは「星」の値でパディングするグリッドにアイテムを配置します。それはスケーリングします。

次のようなものです：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Height="10*"/>
        <ColumnDefinition Height="80*"/>
        <ColumnDefinition Height="10*"/>
    </Grid.ColumnDefinitions>
    <TextBlock Text="FooBar" Grid.Column="1"/>
</Grid>

ズームに関係なく、左端が左から 10% のテキスト ボックスをレンダリングします。

于 2012-04-20T16:51:25.873 に答える