II. XÁC NH TÀI VÀ CÔNG C
2 .H đi u hành WindowsPhone 7
2.4. Sd ng ApplicationBar
Application Bar là ph n t giao di n khá quan tr ng trong Windows Phone, đ c dùng đ th hi n Menu cho ng d ng. Khi ch n vào Application Bar thì l p t c m t Menu g m nh ng MenuItem nh ng Application Bar Button s hi n ta, giúp ng d ng tr nên m i m và linh ho t h n.
Application bar có th đ c ho c bán trong su t và có th ch a đ n b n bi u t ng trong panel d i cùng c a màn hình thi t b . Nó c ng có th cung c p cho ng i s d ng truy c p vào danh sách các l nh c a menu text thông qua m t panel l a ch n pop-up. Windows Phone 7 toolkit cho phép b n thêm các button và các item text. Microsoft th m chí cung c p m t gói download c a icon đ b n s d ng(bao g m trong download c a Expression Blend for Windows Phone, có s n t i www.microsoft.com/expression/windowsphone/ ) , nh trong hình 2.15:
Hình 2.15: Icon Application bar icons c a Windows Phone 7.
2.4.2. S d ng Application Bar.
thêm m t application bar vào m t trang, b n cung c p m t giá tr cho thu c tính PhoneApplicationPage.ApplicationBar, thu c tính này là lo i Microsoft.Phone.Shell.IApplicationBar.
B n có th làm t t c trong code n u b n thích, nh ng th ng t t h n đ cung c p t t c thơng tin trong XAML. Ví d b n có th s d ng đo n XAML sau đây đ thêm vào m t application bar tr ng. < phone:PhoneApplicationPage ... > < phone:PhoneApplicationPage.ApplicationBar > < shell:ApplicationBar IsVisible="True" / > < /phone:PhoneApplicationPage.ApplicationBar > ... < /phone:PhoneApplicationPage >
Không gian tên shell là m c đ nh trong m t trang m i, và nó ánh x đ n .NET v i không gian tên Microsoft.Phone.Shell.
2.4.3. Thêm Application Bar Icon.
Nh đã đ c p ph n tr c, application bar icon đ c ch a trong thu c tính Button c a application bar. Thu c tính này là m t t p h p mà b n có th thêm các instance c a l p ApplicationBarIconButton. ó là l p có các thành ph n nh trong b ng 2.1.
B ng 2.1: Các thành ph n c a ApplicationBarIconButton
Thành ph n Miêu t
IconUri B n s d ng thu c tính này đ xác đnh L c a m t icon hình. Text B n nên đ t thu c tính là m t miêu t ng n cho icon.
IsEnabled N u thu c tính này là false, button này s ko ho t đ ng và s xu t hi n xám.
Click S ki n này là khi button đ c nh n vào; handle c a nó trong code đ đáp tr l i s ki n.
thêm m t icon, b n ph i có c hai thành ph n IconUri và Text.
B n có th s d ng đo n XAML sau đ t o ra m t application bar v i hai icon: < phone:PhoneApplicationPage.ApplicationBar > < shell:ApplicationBar IsVisible="True" > < shell:ApplicationBar.Buttons > < shell:ApplicationBarIconButton IconUri="/images/monkey.png" Text="monkey" Click="Monkey_Click" / > < shell:ApplicationBarIconButton IconUri="/images/badger.png" Text="badger" Click="Badger_Click" / > < /shell:ApplicationBar.Buttons > < /shell:ApplicationBar > < /phone:PhoneApplicationPage.ApplicationBar >
N u b n t o ra icon c a riêng mình, nó ph i là m t hình có kích th c 48x48 pixel và hình n n trong su t. B n nên thêm các icon vào project v i Build Action thi t l p là Content và Copy to Output Directory thi t l p là Copy Always.
2.4.4. Thêm Application Bar Text Menu Items
thêm text menu item, b n thêm m t instance c a l p ApplicationBarMenuItem vào thu c tính ApplicationBar.MenuItems. L p ApplicationBarMenuItem gi ng nh l p ApplicationBarIconButton; th c ra, ch khác bi t r ng nó khơng có thu c tính IconUri. Thay vào đó, v n b n trong Text đ c s d ng v i m c đích hi n th . B t c v n b n nào b n thêm vào s t đ ng đ c chuy n sau kí t th ng.
o n XAML sau đây th hi n application bar v i nh ng menu item đ c thêm vào: < phone:PhoneApplicationPage.ApplicationBar >
< shell:ApplicationBar IsVisible="True" > < shell:ApplicationBar.MenuItems >
< shell:ApplicationBarMenuItem Text="pirate" Click="Pirate_Click" / > < shell:ApplicationBarMenuItem Text="ninja" Click="Ninja_Click" / > < /shell:ApplicationBar.MenuItems >
< /shell:ApplicationBar >
< /phone:PhoneApplicationPage.ApplicationBar >
Application bar v i các Application bar icon và Application Bar Text Menu Items đ c th hi n trong hình 2.16.
Hình 2.16 S d ng Application Bar