[WP 8] Tạo Menu giống facebook

• Đầu tiên là phải có vs 2012 hoặc hơn :

• Tiếp theo vào MainPage.xaml tạo thêm Grid thứ 2 và đặt giá trị cho margin là -480.

• hiện giờ ta có 2 trang như thế này

• sau đó ta mở project bằng blend( click phải chuột vào project/open in blend...)
• thêm 1 [ApplicationBar]

• tiếp theo nhấn vào  Add state group và đặt lại tên(double clicking lên tên) là SettingsStateGroup 

• tạo thêm 2 state và đổi tên là SettingsOpenState  và SettingsClosedState(ở đây để cho dễ quản lý nên đổi lại tên bạn hay nhớ)

• khi recording của SettingsOpenState được active, ta chọn grid LayoutRoot và trong tab Properties chọn như hình(ở đây mình thử với giá trị 380 cho layoutRoot và SettingPane là 480)

• và đừng quên để thời gian của frame, để ở 0.3s là chuẩn men rồi :D

• Lưu lại Blend và chuyển qua bên VS, sẽ được hỏi load lại hay không, cứ load lại hết. sau đó bắt sự kiện cho button applicationBar với đoạn code sau:

• Test và tận hưởng thành quả, có thể tùy biến theo ý bạn
• Sample của chương trình http://gg.gg/DemoApp_Menu (không phải link quảng cáo nha)

Minh Đức