Thanh ứng dụng dưới cùng của Windows 8

Question

Tôi đã cố gắng để có được App bar được triển khai trong một WinRT metro app (C#/XAML), nhưng không biết bắt đầu từ đâu. Tôi đã thử sử dụng thẻ <ApplicationBar/> và tôi nhận được lỗi Type not found.

Không có sự trợ giúp trực tuyến, ai đó có thể cập nhật bài đăng này bằng câu trả lời để nó cũng đóng vai trò tham chiếu đến các lập trình viên khác?

Chỉ có một mẫu JavaScript không có nhiều trợ giúp.

Answer 1

này nên làm việc:

<AppBar 
    VerticalAlignment="Bottom"> 
    <Button 
     AutomationProperties.Name="Play" 
     Style="{StaticResource PlayAppBarButtonStyle}" 
     Command="{Binding PlayCommand}" /> 
</AppBar> 

– bạn sẽ đặt rằng trong lưới gốc bố cục của trang.

* EDIT

Lưu ý: Theo tài liệu - bạn nên đặt nó trong Page.BottomAppBar bất động sản, mặc dù ít nhất trong Windows Preview 8 Consumer - nó hoạt động tốt khi được sử dụng trong bất kỳ Lưới, đó là tiện lợi nếu UI isn' của bạn t chặt chẽ cùng với một điều khiển trang.

* EDIT 2, response from MSFT:

Phương pháp khuyến cáo là sử dụng các thuộc tính/TopAppBar Page.BottomAppBar.

• Có được biết vấn đề hit-thử nghiệm trong Preview Consumer nếu AppBars được thêm vào mà không sử dụng các đặc tính này
• Các AppBars không sử dụng các hình ảnh động thích hợp nếu chúng được thêm vào mà không sử dụng các đặc tính này
• Nếu AppBars là thêm vào như là trẻ em của các yếu tố tùy ý sau đó nó dễ dàng hơn cho nhiều điều khiển để cố gắng tạo/sửa đổi AppBars, kết quả là một kinh nghiệm người dùng không phù hợp

* EDIT 3

CustomAppBar trong WinRT XAML Toolkit có thể được sử dụng ở mọi nơi, hoạt ảnh dựa trên Vertical/Horizontal-Alignment, có thể có nội dung khác được phủ lên trên nó và cũng có thuộc tính CanOpen cho phép chặn nó mở.

Answer 2

Có một mẫu XAML trực tuyến:

http://code.msdn.microsoft.com/windowsapps/XAML-AppBar-control-sample-2aa1cbb4

Answer 3

bạn có thể làm theo hướng dẫn này: Quickstart: adding app bars

Answer 4

<Page.TopAppBar> 
    <AppBar> 
     <TextBlock x:Name="TextBlock1" Text="Sample Text" Margin="0,0,0,0" Height="Auto" VerticalAlignment="Center" HorizontalAlignment="Left"/> 
    </AppBar> 
</Page.TopAppBar>