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 TextBlock问题

1 个答案: