3

アプリバーの外のアプリバーでも使用できるWindows8（javascript）アイコンを使用することはできますか？

4

3 に答える 3

5

より正確には、このコードは同じ動作とデザインを複製し、以下のアイコン ラベルもサポートします。

<button class="win-command win-global win-hidefocus" id="btnCamera" role="menuitem" aria-label="Camera" type="button">
    <span tabindex="-1" class="win-commandicon win-commandring" aria-hidden="true">
        <span tabindex="-1" class="win-commandimage" aria-hidden="true">&#xE114;</span>
    </span>
    <span tabindex="-1" class="win-label" aria-hidden="true">Front Camera</span>
</button>
于 2012-12-05T09:04:49.897 に答える
1

フォントの文字ではなく画像であると期待している場合（そしてGoogleは有用な結果を提供していません）、適切なスタイルをすべて抽出するのに時間がかかることがわかったとしても、これを見つけるのは非常に困難でした。 、だからここでこれを共有するのは良い考えのようでした。

以下に、有効なレプリカボタンの例を示します。

<button style="border:2px solid black;min-width:0px;min-height:0px;border-radius:50%;height:41px;line-height:37px;width:41px;font-size:14pt;box-sizing:border-box;padding:0px; background:white;color:black;font-family: 'Segoe UI', 'Ebrima', 'Nirmala UI', 'Gadugi', 'Segoe UI Symbol', 'Meiryo UI', 'Khmer UI', 'Tunga', 'Lao UI', 'Raavi', 'Iskoola Pota', 'Latha', 'Leelawadee', 'Microsoft YaHei UI', 'Microsoft JhengHei UI', 'Malgun Gothic', 'Estrangelo Edessa', 'Microsoft Himalaya', 'Microsoft New Tai Lue', 'Microsoft PhagsPa', 'Microsoft Tai Le', 'Microsoft Yi Baiti', 'Mongolian Baiti', 'MV Boli', 'Myanmar Text', 'Cambria Math'; display: inline-block; text-align: center;" type="button">&#xE124;</button>

文字コードについては、standardStylesxmlファイル内のC++Webストアプロジェクト内を調べることをお勧めします。

于 2012-11-10T21:07:04.707 に答える
0

遅すぎますが、これを達成する方法のスニペットを共有します:

ラベルなし:

<button id='buttonid' class='win-commandring win-commandicon' title='tooltip'>&#xE159;</button>

ラベル付き :

<div style='text-align:center'>
<button class='win-commandring win-commandicon'>&#xE159;</button><br>
Save as
</div>

Semi-colon**すべての Char コードの後に​​ ( )を使用することを忘れないでください;。*

そして、アイコンの Char コードを表示したい場合は、->

開ける ： 

Start Menu -> Type " character Map " -> Press Enter

今、Window opens -> Select -> Font : 'Segoe UI Symbol'

WINDOWS 8 の ICONSのすべての Char コードを見つけることができる以下を参照してください。

アイコンセット Windows 8

多分それは完全に役立つでしょう！

于 2014-03-01T22:18:10.253 に答える