XAML/UWP 文本块问题

Question

我对嵌套在 PaneFooter 中的 Textblock 窗格有一点奇怪的错误。

目前看起来是这样的：

目前，符号图标和文本块基本上是重叠的。 想知道你是否可以帮忙。这是我在这个特定部分的 XAML

            <NavigationView.PaneFooter>
                <Button x:Name="ChangeUser" Style="{StaticResource TextBlockButtonStyle}" Foreground="#b880fc" >
                    <RelativePanel HorizontalAlignment="Stretch">
                        <TextBlock Padding="3"/>
                        <SymbolIcon Symbol="Contact" />
                        <StackPanel>                            
                                <TextBlock VerticalAlignment="Top" HorizontalAlignment="Center">      
                                        Change User     
                                </TextBlock>                                                                                 
                        </StackPanel>
                    </RelativePanel>
                </Button>                  
            </NavigationView.PaneFooter>            
        </mux:NavigationView>            
    </Grid>
</Page>

对齐没有做任何事情，并且想知道是否有从左侧添加边距以创建符号图标的间距。我现在不知道如何开始解决这个问题。就是有点奇怪

Answer 1

除非您知道如何使用，否则请不要使用 RelativePanel，它适用于复杂的响应式设计，但对于像这样的简单布局，只需使用水平方向的 StackPanel。

<Button x:Name="ChangeUser" Style="{StaticResource TextBlockButtonStyle}" Foreground="#b880fc" >
     <StackPanel HorizontalAlignment="Stretch" Orientation="Horizontal">
            <SymbolIcon Symbol="Contact" Margin="4"/>                                                  
            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">      
                                    Change User     
            </TextBlock>                                                                               
     </StackPanel>
</Button>  

另外，您不需要额外的带有填充 3 的文本块和文本块周围的额外堆栈面板，请查看我上面提供的代码。