1

2 つの と aを含むRelativePanel(リフロー目的で) を作成しようとしています。「小さな画面」ビューでは、列に垂直にレイアウトしたい: , , . これはうまくいきますが、問題はの高さが 0 であるため、底がぶつかってしまうことです。画面の下部にスナップしたい。しかし、仕事を拒否します。もう少しテストした後、それも機能しないことがわかりました。で位置合わせが正しく機能しませんか? それとも何か特別な方法がありますか？ImageStackPanelImageStackPanelImageStackPanelImageImageVerticalAlignment="Bottom"HorizontalAlignmentRelativePanel

完全な XAML は次のとおりです。

<RelativePanel>
    <Image Width="100" x:Name="AppleImage" Source="/Assets/Images/apple.png" Margin="10" Tapped="Add_Apple" VerticalAlignment="Center"/>
    <StackPanel x:Name="TotalStackPanel" Margin="10" Orientation="Vertical" HorizontalAlignment="Center">
        <TextBlock Text="Total" Margin="10" HorizontalAlignment="Center"/>
        <GridView x:Name="TotalFruitGrid" SelectionChanged="Remove_Fruit">
            <GridView.ItemTemplate>
                <DataTemplate>
                    <Image Source="{Binding Path=image.Source}" Height="50"/>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>
    </StackPanel>
    <Image Width="100" x:Name="OrangeImage" Source="/Assets/Images/orange.png" Margin="10" Tapped="Add_Orange" VerticalAlignment="Bottom"/>
</RelativePanel>
4

1 に答える 1

1

相対パネルのさまざまな添付プロパティについては、このリファレンスを確認してください。これは、配置などを行うのに役立ちます。

この方法で、基本的な水平方向の配置を行うことができます。

<RelativePanel Background="Black">
    <Rectangle x:Name="RedRect" Width="100" Height="100" 
               RelativePanel.AlignRightWithPanel="True" 
               Fill="Red" />
    <Rectangle x:Name="BlueRect" Height="100"
               RelativePanel.AlignLeftWithPanel="True" 
               RelativePanel.AlignRightWithPanel="True" 
               Fill="Blue"
               RelativePanel.Below="RedRect"/>
    <Rectangle x:Name="YellowRect" Width="100" Height="100" 
               RelativePanel.AlignLeftWithPanel="True" 
               RelativePanel.Below="BlueRect"
               Fill="Yellow" />
</RelativePanel>

上記のコードは、RelativePanel を次のように表示します。

RelativePanel での配置

于 2016-02-18T20:00:07.457 に答える