按钮样式创建者更新UWP

Question

我试图像Windows 10 Creators Update应用中那样获得按钮的效果。

示例按钮图像

我已经使用SDK插入了丙烯酸效果：

MainPage.xaml代码：

<Page
x:Class="App1.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid x:Name="BaseGrid" Background="{ThemeResource SystemControlAcrylicElementBrush}">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="1" HorizontalAlignment="Stretch" Background="White">
        </Grid>
    </Grid>
</Grid>

MainPage.xaml.cs代码：

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        Windows.UI.Xaml.Media.AcrylicBrush myBrush = new Windows.UI.Xaml.Media.AcrylicBrush();
        myBrush.BackgroundSource = Windows.UI.Xaml.Media.AcrylicBackgroundSource.HostBackdrop;
        myBrush.TintColor = Color.FromArgb(255, 202, 24, 37);
        myBrush.FallbackColor = Color.FromArgb(255, 202, 24, 37);
        myBrush.TintOpacity = 0.6;
        BaseGrid.Background = myBrush;
    }
}

但是如何才能拥有＆＃34; light＆＃34;小鼠在通过时的效果，点击时的波浪效应？

它应该是一种独特的风格吗？

提前感谢！

Answer 1

我非常熟悉您从地图应用发布的示例。您正在寻找的效果称为reveal。您可以使用多种样式来启用各种控件的效果（例如，按钮为ButtonRevealStyle）。对于AutoSuggestBox，您希望对建议列表中的项启用效果。

  

如果您有一个ListView，并且其ListViewItem元素中嵌套了按钮或可调用内容，则应为嵌套项启用Reveal。

为此，您需要将ItemContainerStyle上的AutoSuggestBox属性设置为基于ListViewItem的自定义ListViewItemRevealStyle样式。如果您对该样式的内容感兴趣，可以在generic.xaml中查看。