[Windows Phone] 导览控制项(Navigation controls)
2014-03-08 21:20
351 查看
原文:[Windows Phone] 导览控制项(Navigation controls)
如果应用程式只有单一页面,在画面呈现上可能会让使用者容易没有新鲜感,这个范例是使用导览控制项(Navigation controls)来做页面的转跳。
?
?
?
?
Step1. 新增 Windows Phone 应用程式专案。
?
Step2. 在专案中新增项目名为 Page1.xaml 的 Windows Phone 直向页面。
?
Step3. MainPage.xaml 画面设计
TextBlock-->Text="请输入帐号密码:",FontSize="30",Width="258",Height="41"
TextBlock-->Text="帐号:",FontSize="30",Height="44",Width="98"
TextBox-->Name="AccNo",FontSize="30"
TextBlock-->Text="密码:",FontSize="30"
PasswordBox-->Name="PassWd",FontSize="30"
Button-->Name="btnOk",Content="确定"
?
XAML程式码:
?
Step4. 产生 btnOk 的 Click 事件
?
?
Step5. btnOk 事件内容
?
?
Step6. Page1.xaml 画面设计
TextBlock-->Text="欢迎进入WIN PHONE 8 的世界"
Button-->Name="btnBack",Content="返回"
XAML程式码:
?
Step7. 产生 btnBack 的 Click 事件
?
Step8. btnBack 事件内容
?
Controls for Windows Phone - Navigation controls
?
导览控制项Navigation controls.rar
var now = new Date();var index=now.getTime();document.write('');
posted on 2013/11/24 23:07 |
阅读数 : 989
|
2 人推荐
我要推荐
|
Add Comment
| 文章分类 [
Windows Phone
]
|
订阅
[前言]
如果应用程式只有单一页面,在画面呈现上可能会让使用者容易没有新鲜感,这个范例是使用导览控制项(Navigation controls)来做页面的转跳。?
[成品]
?
?
?
[范例]
Step1. 新增 Windows Phone 应用程式专案。?
Step2. 在专案中新增项目名为 Page1.xaml 的 Windows Phone 直向页面。
?
Step3. MainPage.xaml 画面设计
TextBlock-->Text="请输入帐号密码:",FontSize="30",Width="258",Height="41"
TextBlock-->Text="帐号:",FontSize="30",Height="44",Width="98"
TextBox-->Name="AccNo",FontSize="30"
TextBlock-->Text="密码:",FontSize="30"
PasswordBox-->Name="PassWd",FontSize="30"
Button-->Name="btnOk",Content="确定"
?
XAML程式码:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBlock Text="请输入帐号密码:" FontSize="30" Width="258" Height="41" Margin="118,16,80,550" /> <TextBlock Text="帐号:" FontSize="30" Height="44" Width="98" Margin="10,71,348,492" /> <TextBox Name="AccNo" FontSize="30" Height="72" Width="268" Margin="108,62,80,473" /> <TextBlock Text="密码:" FontSize="30" Height="44" Width="98" Margin="10,134,348,415" /> <PasswordBox Name="PassWd" FontSize="30" Height="72" Width="268" Margin="108,125,80,410" /> <Button Name="btnOk" Content="确定" Height="72" Width="108" Margin="160,197,188,338" /> </Grid>
?
Step4. 产生 btnOk 的 Click 事件
?
// 建构函式 public MainPage() { InitializeComponent(); ////产生 btnOk 的 click 事件,在 += 後按 Tab 2 次 btnOk.Click += btnOk_Click; }
?
Step5. btnOk 事件内容
?
void btnOk_Click(object sender, RoutedEventArgs e) { //当按下按钮btnOk的时候浏览Page1.xaml页面,用NavigationService来取得浏览页面的服务 //Navigate()方法是转跳浏览页面的位置 NavigationService.Navigate(new Uri("/Page1.xaml", UriKind.Relative)); }
?
Step6. Page1.xaml 画面设计
TextBlock-->Text="欢迎进入WIN PHONE 8 的世界"
Button-->Name="btnBack",Content="返回"
XAML程式码:
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <TextBlock Text="欢迎进入WIN PHONE 8 的世界" FontSize="28" TextWrapping="Wrap" Margin="25,55,25,516" TextAlignment="Center" /> <Button Name="btnBack" Content="返回" Height="72" Margin="160,197,148,338" /> </Grid>
?
Step7. 产生 btnBack 的 Click 事件
public Page1() { InitializeComponent(); //产生 btnBack 的 click 事件,在 += 後按 Tab 2 次 btnBack.Click += btnBack_Click; }
?
Step8. btnBack 事件内容
void btnBack_Click(object sender, RoutedEventArgs e) { //当按下按钮btnBack的时候浏览MainPage.xaml页面 NavigationService.Navigate(new Uri("/MainPage.xaml", UriKind.Relative)); //下面是另一种返回写法 //NavigationService.GoBack(); }
?
[相关参考与引用]
Controls for Windows Phone - Navigation controls?
[范例下载]
导览控制项Navigation controls.rarvar now = new Date();var index=now.getTime();document.write('');
posted on 2013/11/24 23:07 |
阅读数 : 989
|
2 人推荐
我要推荐
|
Add Comment
| 文章分类 [
Windows Phone
]
|
订阅
相关文章推荐
- java设计模式之工厂方法模式
- focusin事件
- (转)理解storm 进程内消息流(很好的一篇文章)
- 本地通知UILocalNotification
- [Windows Phone] 地图控制项的经纬度
- [Windows Phone] 实作不同的地图显示模式
- 完全背包详解
- POJ 2125 最小割最大流
- Logic 标签库
- ZOJ 2619: Generator
- Linux socket编程(TCP,UDP,RAW)
- 《mysql技术内幕》---第一章总结笔记
- pat 1061
- Android之json数据解析
- [Windwos Phone] 实作地图缩放 MapAnimationKind 属性效果
- 单片机编程文件作用及规范
- SQL Server 存储过程
- Android出现java.net.SocketException: Permission denied的问题
- [Windwos Phone] 实作地图缩放 MapAnimationKind 属性效果
- Android 利用Mainfest.xml隐藏ActionBar