1

私は現在、MahAppsを WPF 拡張機能として使用して Win8 Metro スタイルを作成するアプリに取り組んでいます。

MahApps はボタン用の MetroCircleButton スタイルを備えていますが、ボタンに独自のベクター グラフィックスを表示する方法についてのドキュメントは少し不足しています。アプリのボタン アイコンを設計するためにMetro Studio 2を使用しています。次の形式で XAML リソース コードが出力されます。

<Viewbox x:Key="xx">
    <Grid Width="48" Height="48" Visibility="Visible">
        <Grid Visibility="Visible">
            <Rectangle Fill="#FF000000" Visibility="Visible" />
            <Ellipse Fill="#FF000000" Visibility="Collapsed" />
            <Path Data="..." Stretch="Fill" Fill="#FF000000" Visibility="Collapsed" />
        </Grid>
        <Path Data=".." Stretch="Uniform" Fill="#FFFFFFFF" Width="26" Height="26" Margin="0,0,0,0" />
    </Grid>
</Viewbox>

ここまでは順調ですね。ただし、MahApps は、VisualBrush を使用して独自のベクター グラフィックスを表示することを提案しています。

<Rectangle Fill="Black">
<Rectangle.OpacityMask>
    <VisualBrush Visual="{StaticResource appbar_add}" Stretch="Fill" />
</Rectangle.OpacityMask>

彼らのレポを調べて、彼らが使用している形式を確認しましたが、少し異なります。

<Canvas Width="48.0067" Height="48.0067" Clip="F1 M 0,0L 48.0067,0L 48.0067,48.0067L 0,48.0067L 0,0" x:Key="appbar_alien">
    <Path Width="22.005" Height="16.0048" Canvas.Left="12.9999" Canvas.Top="16.9998" Stretch="Fill" Fill="{DynamicResource BlackBrush}" Data="..." />
</Canvas>

ここで私の質問は次のとおりです。Metro Studio が提供する形式を使用して、アイコンをボタンに表示し、すべてのボタンを手動で適切な形式に変換することなく、円ボタンのマウスオーバー アニメーションを維持できますか (データを失う可能性があります)。 ?

よろしく、 Xaser

4

1 に答える 1

0

実はとてもシンプルでした。MetroStudioでシンボルの周りの円を削除し、StaticResourceをボタンの「コンテンツ」として設定するだけです。終わり ：）

よろしく、Xaser

于 2013-03-20T15:00:32.007 に答える