Windows 商店浏览按钮

Question

我想创建一个简单的浏览按钮，就像在 Windows 8.1 Reader 应用程序上找到的那样：

可是，找了一个小时，还是一头雾水。圆形按钮必须有标准的按钮样式？我在哪里可以找到浏览图标？

Answer 1

你应该看到这个

Answer 2

不确定这是世界上最优雅的 XAML，但它完成了工作。

<Button Style="{StaticResource TextBlockButtonStyle}">
    <Button.RenderTransform>
        <ScaleTransform ScaleX="2" ScaleY="2" />
    </Button.RenderTransform>
    <Grid>
        <Rectangle Fill="DimGray" />
        <Grid Margin="7,5,5,5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="22" />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="" FontFamily="Segoe UI Symbol" FontSize="18" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="0,-2,0,0" />
            <TextBlock Grid.Column="0" Text="" FontFamily="Segoe UI Symbol" FontSize="12" VerticalAlignment="Center" HorizontalAlignment="Center" />
            <TextBlock Grid.Column="1" Text="Browse" FontWeight="Light" Margin="4,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left"  />
        </Grid>
    </Grid>
</Button>

结果如下：

祝你好运！

Windows 商店浏览按钮

Windows Store Browse Button

xaml

winrt-xaml