XAML/UWP 文本块问题

Question

我在嵌套在 PaneFooter 中的文本块窗格中遇到了一些奇怪的错误。

目前看起来是这样的：

基本上符号图标和文本块目前是重叠的。想知道你是否可以帮忙。这是我的 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 的额外文本块和文本块周围的额外堆栈面板，请查看我上面提供的代码。

XAML/UWP 文本块问题

XAML/UWP TextBlock Issues

xaml

uwp

uwp-xaml