WPF材料设计snackbar中心文本和zindex

Question

嘿所有我正在寻找一种方法来将我的文本集中在小吃店内，并使小吃店变得有条不紊（例如，覆盖在页面上的所有内容之上）。

这是我背后的代码：

Dim myMessageQueue = New SnackbarMessageQueue(TimeSpan.FromMilliseconds(8000))

items.Snackbar.VerticalAlignment = VerticalAlignment.Bottom
items.Snackbar.HorizontalContentAlignment = HorizontalAlignment.Center
items.Snackbar.MessageQueue = myMessageQueue
items.Snackbar.MessageQueue.Enqueue("Wow, easy!")

这就是以上所示：

正如你所知，当我需要它时，小吃栏在后面那个按钮。而且“哇，容易！”当我希望将文本居中时，文字位于小吃店的左侧。

任何帮助都会很棒！

Answer 1

由您来设置z索引，这在网格中最简单。因此，小吃店覆盖内容的XAML可能如下所示：

<Grid>
  <Button>Back to Main Menu</Button>
  <Snackbar />
</Grid>

快餐栏推送内容的XAML 可能如下所示：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="*" />
    <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>
  <Button Grid.Row="0">Back to Main Menu</Button>
  <Snackbar Grid.Row="1" />
</Grid>

至于居中，你可以试试这个：

items.Snackbar.HorizontalAlignment = HorizontalAlignment.Center

这将使小吃店居中，但不内容。这完全符合Google的指导原则：https://material.io/guidelines/components/snackbars-toasts.html#

如果您想强制使用中心文字，则必须应用自定义模板。