2

私は最初のWindows8モダンアプリを開発していますが、デフォルトのボタンとは異なるアプリバーボタンを作成するための正しいドキュメントを見つけるのが難しいようです。

私がやろうとしているのは、Microsoft Solitaire Collectionのアプリバーのようなものです。http ：//www.windows8core.com/wp-content/uploads/2012/08/2b1.png

注意すべき点が3つあります。

  1. カスタムアイコン（最初のアイコンのクマ）
  2. アイコンの下にテキストがあるデフォルトのボタンとは異なります
  3. これは長方形で、幅は塗りつぶしモードとフルスクリーンランドスケープモードでのアプリの幅に比例します。（ピン留めモードでは、ボタンは単に消えますが、私のアプリケーションでは、可能であればピン留めモードで「アイコンのみ」を使用したいと思います）。

<button>意味的にはボタンであり、アプリバーにのみ属しているように見えるので、<button>私<hr>はから始めました。

属性にパラメーターを設定しますdata-win-optionsか、それともJavaScriptで何かを行いますか？

C ++ / C＃/VBではなくJavaScript/HTML5を使用しています。これが、アプリバーに関して私が読んだMSDNの記事です。

4

3 に答える 3

4

これが通常ナビゲーションに使用される上位のAppBarである場合、ここで説明するように、data-win-optionsで値「custom」を指定して「layout」プロパティを指定することにより、実際にカスタムUIを提供できます。

また、アプリバーのスタイリングについても読むことをお勧めします。

最後になりましたが、特に、カスタムレイアウトの使用法を示すHTMLAppBarコントロールサンプルを確認してください。

Windows Storeアプリ開発の詳細については、GenerationAppに登録してください。

于 2013-03-04T14:46:19.983 に答える
-1

また、アプリバーのアイコンのカスタマイズには注意することをお勧めします。設計原則から大幅に逸脱すると、アプリの人気が低下する可能性があります。UIテストは、ユーザーが標準UIの一貫性を好むことを示しています。私はそれが非常に上品で効果的に行われているのを見てきましたが（Nookアプリのように）、それもうまくいかなかったのを見ました（名前は言うまでもありません:)楽しんでください。

于 2013-03-04T19:35:48.260 に答える
-1

コントロールのテンプレートを編集するか、楕円の境界線を削除するか、この場合は長方形に置き換えてください。色付きの背景の場合は、テンプレート内のコントロールを含むグリッドの背景色を変更し、グリッドのサイズを変更します。

そのクマのアイコンのためにあなたはこのようにすることができます

<AppBarButton.Icon>
        <BitmapIcon UriSource="ms-appx:///Images/Bear.png" />
</AppBarButton.Icon>

レイアウト対応のアプリバーが必要な場合は、CommandBarを使用するか、AppBarを使用して、アプリのサイズ変更をプログラムで処理する必要があります。

ここを参照してください-http ：//msdn.microsoft.com/en-us/library/windows/apps/xaml/jj662742.aspx

私は自分のアプリで同じことをしました。

于 2014-09-09T07:39:48.317 に答える