Windows应用商店浏览按钮

时间:2015-02-02 19:34:10

标签: xaml winrt-xaml

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

enter image description here

然而,在搜索了一个小时之后,我仍然没有更聪明。圆形按钮必须有标准的按钮样式吗?我在哪里可以找到浏览图标?

2 个答案:

答案 0 :(得分:1)

不确定这是世界上最优雅的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>

结果如下:

enter image description here

祝你好运!

答案 1 :(得分:0)