WPF材料设计小吃吧中心文本和zindex

【问题标题】：WPF material design snackbar center text and zindexWPF材料设计小吃吧中心文本和zindex
【发布时间】：2017-01-04 19:23:04
【问题描述】：

大家好，我正在寻找一种方法来使我的文本居中在快餐栏内，并使快餐栏占据主导地位（例如，覆盖在页面上的所有内容之上）。

这是我的代码：

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!")

这就是上面的样子：

正如您所知道的，当我最需要它时，快餐栏位于该页面上的按钮后面。还有“哇，简单！”当我要使文本居中时，文本位于小吃栏的左侧。

任何帮助都会很棒！

【问题讨论】：

标签： wpf vb.net material-design

【解决方案1】：

由您来设置 z 索引，这在 Grid 中是最简单的。因此，小吃店覆盖内容的 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#

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

【讨论】：