0

Windows 8.1 では、Calendar などの RTM アプリには省略記号付きの AppBar が付属しています。

私はそれを再現しようとしていますが、Windows 8.1 の AppBar コントロールに追加されたそのような機能の詳細を見つけることができません。

友人は、クリックすると AppBar を開くページの下部に配置する にGrid3 つCircleの を含む を作成することを提案しました。StackPanel

Windows 8.1 のカレンダー アプリで AppBar スタイルを実現するためのより良い方法はありますか?

おまけの質問: カレンダー アプリと、私の記憶が正しければニュース アプリには、上からプルダウンする驚くべきナビゲーション AppBar があります。どうすればそれを作成できますか?

4

3 に答える 3

0

省略記号は WinJS AppBar コントロールに組み込まれているようです。GitHub ( https://github.com/winjs/winjs/ )から最新の WinJS ビットを取得したら、新しい AppBar closedDisplayMode プロパティを使用して省略記号を取得できます。

<div data-win-control="WinJS.UI.AppBar" data-win options="{closedDisplayMode:'minimal'}">
     <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd',label:'Add',icon:'add'}"></button>
     <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdRemove',label:'Remove',icon:'remove'}"></button>
</div>

ここでデモを見つけることができます: http://try.buildwinjs.com/#appbar

于 2014-08-20T07:28:09.957 に答える
0

Jeremy Alles は、ボーダー内のボタンでこれをシミュレートする方法の例を提供しています。

http://www.japf.fr/2013/10/winrt-introducing-the-appbarhint-control/

適切に動作させるために私がしなければならなかった 1 つの変更は、ページ上のコントロールを参照する場所です。それ以外の：

<controls:AppBarHint Grid.Row="1" />

使用する必要があります

<controls:AppBarHint Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" />

さらに整理するために、メイン グリッドを変更して 3 行目を追加します。

<Grid.RowDefinitions>
    <RowDefinition Height="140"/>
    <RowDefinition Height="*"/>
    <RowDefinition Height="15"/>
</Grid.RowDefinitions>

行参照を に変更しGrid.Row="2"ます。これを行う理由は、アプリ バーのヒントが行 1 の他のもの (水平スクロール バーなど) を覆い隠していないことを確認するためです。

最後に、メール アプリはツールヒントを提供し、それをコントロールの XAML に追加できます。

ToolTipService.ToolTip="Show more commands (Windows logo key+Z, or right-click)"

于 2013-12-24T12:18:00.903 に答える