计算机系统发展这么多年,虽然具体的实现方式一直在变,但底层的原理一直都不曾变化。为了更好的理解我们的程序是如何被执行如何被底层影响的,有必要开展一次全新的计算机系统之旅了。
我们学习C语言几乎都是从“helloword”开始的,这么一个简单的程序也需要计算机系统各个部件之间紧密配合、协同工作,才能使程序正确的执行。当程序执行时,我们希望知道内部到底发生了什么,只有真正了解本质,对问题的分析才能准确透彻!这次学习之旅会非常漫长,下面就以对“hello”程序的整个生命周期跟踪,大概了解一下关键概念和具体路径,后续章节会进行详细分析。
hello.c :
#include <stdio.h> int main() { printf("hello world\n"); }
通过WinHex查看hello.c文件,可以看到:
左边是文件对应的16进制代码,右边是我们的源程序,也就是说源程序在计算机中是以ascii码值来保存的,例如:“#”的ascii值是0x23。需要特别注意一下:第2行中有2个连续的0x0D 0x0A ,这是windows中特有的“换行符\r\n” ,在linux中的是“换行符\n”。可以看到,源程序文件是程序员通过编辑器建立的一个“文本文件”,test.c文件就是由一系列的字节(ascii)组成,每个byte都代表某一个“文本字符”。就像hello.c文件这样只由ascii码组成的文件叫做个“文本文件”,其他所有文件都叫“二进制文件”。
该文件说明一个基本原则:所有的信息,无论是保存在磁盘还是内存中,或者传输在网络中,都是由一系列的bits组成,区分这些不同数据对象的的唯一方法是我们观察的视角。例如:对于0x69,我们可以认为是字符“i”,或者是数值,或者是图像中某一个像素点等等。不管他们是什么,在计算机中都是用二进制表示的,因为计算机只有“开关”两种状态。关于“文本文件”和“二进制文件”:
前面讲到,计算机中的信息都是用二进制位来表示的,就上图中左边的数据内容(计算机物理级别上存储的内容),如果把它看做是文本文件,那么编译器就会把这些数值以8bits为单位,转化成ascii码展现出来,就变成了右边的代码;如果看做是二进制文件,就不会做任何转化,直接呈现出来。应该都有过打开一个未知扩展名文件的经历,这些扩展名就是告诉计算机用什么方式来解析文件,是用“文本文件”还是“二进制文件”,如果用二进制文件,还要看如何解析二进制文件(不同的文件解析规则不同)。如果把.jpg文件扩展名改为.txt,则系统会认为是“文本文件”,解析出来多半是密密麻麻的乱码,这就是把“二进制文件”故意解析成“文本文件”的后果。总的来说,物理层上讲数据都是二进制存储的,逻辑层上讲就会出现“文本文件”和“二进制文件”的不同解析方式。这些就是他们最本质的区别,至于其他的可以自行搜索相关介绍。
Windows Store应用程序有点像Web页面,一般而言,我们只有一个窗口,不会像传统的桌面应用程序那样,
使用多个子窗体。
前面我们也讨论过MessageDialog类用来弹出对话框,但是,它只能显示文本信息,如果一些复杂的内容,
就不能满足我们的要求了。本来考虑Windows.UI.Core命名空间下的CoreWindowDialog类,但,后来发现
这个类貌似一个空壳子,反正我是不知道这个类是怎么用的,那么,咋办呢,有没有其它方法呢?
其实所谓的弹出层,说白了,其本质就是一个控件,这个控件我们如果玩过WPF,会觉得灰常熟悉,谁呢
?就是这位帅哥——Popup(位于Windows.UI.Xaml.Controls.Primitives下),怎么样,似曾相识吧?
我们总结,每个弹出层,无论其内容是什么,都有以下共同特点:
1、有一个半透明的层覆盖在现有UI上,以阻止用户操作弹出对话框下的UI元素。
2、除了内容不同,弹出层的大小位置以及背景都是一个样的。
这样的话,我们不妨自己来写一个控件,这个控件具有内容模型,这样,在弹出框中需要什么内容,我们
只需设置其Content就行了。
下面,我们就实地演练一下吧。
1、用动VS,新建一个空白页面项目。
2、在“资源管理器”上右击,从菜单中选择“添加”-“新建项”。
在接下来的窗口中选择“模板化控件”,输入控件名字,确定。
然后你会看到下面这个。
3、打开Generic.xaml,先为控件定义好模板。
模板一点也不复杂,接下来是核心部分,就是控件的逻辑代码。
大至原理是这样的,把控件的大小设置和当前窗口的大小相等,这样确保弹出层可以完全覆盖在UI上。
接着把当前控件作为Popup控件的Child元素,而控件的显示与隐藏,其实就是设置Popup的IsOpen属性。
为了方便派生类扩展,ShowPop和HidePop方法都用了virtual关键字。4、接下来,新增一个用户控件,它作为弹出层的内容
【XAML】
<UserControl
x:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="700"
d:DesignWidth="900">
<UserControl.Resources>
<Style x:Key="t" TargetType="TextBlock">
<Setter Property="FontSize" Value="20"/>
<Setter Property="VerticalAlignment" Value="Center"/>
<Setter Property="Margin" Value="6,0,21,0"/>
</Style>
<Style x:Key="w" TargetType="FrameworkElement">
<Setter Property="Margin" Value="5,7,0,5"/>
</Style>
</UserControl.Resources>
<Grid VerticalAlignment="Center" Background="Green">
<Grid Margin="0,50,0,32" Width="560">
<StackPanel>
<TextBlock Text="用户注册" Margin="0,0,0,34" />
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Grid.Column="0" Text="姓名:"/>
<TextBox Grid.Row="0" Grid.Column="1" />
<TextBlock Grid.Row="1" Grid.Column="0" Text="性别:" />
<ComboBox Grid.Row="1" Grid.Column="1" >
<ComboBoxItem Content="男" IsSelected="True"/>
<ComboBoxItem Content="女" />
</ComboBox>
<TextBlock Text="电邮:" Grid.Row="2" Grid.Column="0"/>
<TextBox Grid.Row="2" Grid.Column="1"/>
<TextBlock Text="手机:" Grid.Row="3" Grid.Column="0"/>
<TextBox Grid.Column="1" Grid.Row="3" />
<TextBlock Text="地址:" Grid.Row="4" Grid.Column="0"/>
<TextBox Grid.Row="4" Grid.Column="1"/>
</Grid>
<StackPanel Orientation="Horizontal" Margin="0,15,0,7" HorizontalAlignment="Center">
<Button Content="确定" Padding="45,5" Click="onClick"/>
<Button Content="取消" Padding="45,5" Margin="22,0,0,0" Click="onClick"/>
</StackPanel>
</StackPanel>
</Grid>
</Grid>
</UserControl>
【C#】
为了方便控制PopControl,在用户控件中声明一个PopControl,在用户控件类的构造函数中传递。
5、最后,我们在MainPage.xaml中测试这个弹出框。
【XAML】
<Page
x:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<Button Content="弹出对话框" Click="onPop"/>
</Grid>
</Page>
【C#】
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
namespace App1
{
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
}
private void onPop(object sender, RoutedEventArgs e)
{
PopControl pc = new PopControl();
ucReg uc = new ucReg(pc);
pc.Content = uc;
pc.ShowPop();
}
}
}
好了,现在可以运行,效果就像下图所示,还不错吧
上回我们讨论了如何从联系人选择器中选择联系人记录。但,我们也许会发现一个问题,我们都知道,我们
选择的联系人都是通过Microsoft帐号从云服务器取出来的,那么,如果我有自己的联系人数据呢?比如,
保丰在本地数据文件中的,或者从我的Web服务中获取的联系人呢?那这种情况下,还能用联系人选择器来选择吗?
答案当然是肯定的,在Windows Store公开的API中,是允许我们对某些特殊的应用程序或UI进行自定义扩
展,如前面我们提到的打开文件UI,保存文件UI,以及选取联系人信息UI都是可以扩展的。
这些扩展使用起来不难,只是刚刚接触的话,可能你会感到有些复杂,所以,还是那句话:熟能生巧,实践才能找到真理。我们看看这个选择器是如何被扩展的,如果你安装过大智慧软件或者我们今天的应用,在选在联系人时,会看到下面的界面。
也就是说,这些扩展的应用,都集成到联系人选择器中了。
不多说了,Action!我们一边动手一边讨论吧。
1、启动VS for Win8,随便哪个版本,支持就行。新建项目,选择你喜欢的语言(C#),在模板中选择
空白页面应用程序。
2、这样吧,我们把核心知识放到前面吧,先做好护展选择器的部分吧。打开“资源管理器”窗口,在项目上右击,在弹出的菜单中选择“添加”-“新建项”,接着弹出一个新
建项窗口,选择空白页,我们就命名为MyContactsPage.xaml。
这个页面不算复杂,只放一个ListView控件,这个页面就会成为我们启动联系人选择器时显示的列表。<Page
x:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:MyApp"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<CollectionViewSource x:Key="cvs" x:Name="cvs"/>
</Page.Resources>
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<ListView Name="lvContacts" ItemsSource="{Binding Source={StaticResource cvs}}" SelectionChanged="lvContacts_SelectionChanged_1" SelectionMode="Multiple"
ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollMode="Auto">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<WrapGrid Orientation="Vertical" MaximumRowsOrColumns="3" ItemWidth="380" />
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical" Margin="8">
<TextBlock FontWeight="Bold" FontSize="20" Text="{Binding Name}" />
<StackPanel Orientation="Horizontal">
<TextBlock FontSize="18" Text="手机号码:"/>
<TextBlock FontSize="18" Text="{Binding CellPhoneNo}" />
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock FontSize="18" Text="Email:"/>
<TextBlock FontSize="18" Text="{Binding EmailAddress}"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</Page>
注意页面的资源部分,我声明了一个CollectionViewSource,而ListView的数据源正是从它里面取,所以在
ListView声明的时候,我们用Binding来获取数据。
<ListView Name="lvContacts" ItemsSource="{Binding Source={StaticResource cvs}}" ..........也就是说,我们在后台代码中只需要为CollectionViewSource赋值即可。
3、在XAML视图中右击,从弹出的菜单中选择“查看代码”,切换到代码视图。
首先,我们需要定义一个自定义联系人类。这是我们用来测试的样本数据。
public class CustContact
{
/// <summary>
/// 联系人名字
/// </summary>
public string Name { get; set; }
/// <summary>
/// 联系人手机号码
/// </summary>
public string CellPhoneNo { get; set; }
/// <summary>
/// 联系人电邮地址
/// </summary>
public string EmailAddress { get; set; }
/// <summary>
/// 获取测试数据源
/// </summary>
/// <returns></returns>
public static ObservableCollection<CustContact> GetContactSamples()
{
ObservableCollection<CustContact> mcList = new ObservableCollection<CustContact>();
mcList.Add(new CustContact { Name = "陈大冤", CellPhoneNo = "1388888552", EmailAddress = "ssdi@qq.com" });
mcList.Add(new CustContact { Name = "刘产", CellPhoneNo = "13712546810", EmailAddress = "zhe254@126.com" });
mcList.Add(new CustContact { Name = "鬼栋梁", CellPhoneNo = "18925445525", EmailAddress = "fuckdog@foxmail.com" });
mcList.Add(new CustContact { Name = "小气鬼", CellPhoneNo = "13628845781", EmailAddress= "ass054@21cn.com" });
mcList.Add(new CustContact { Name = "吴狗", CellPhoneNo = "13425546387", EmailAddress = "laobin@foxmail.com" });
mcList.Add(new CustContact { Name = "小赵", CellPhoneNo = "159999558462", EmailAddress = "hxdok@163.com" });
mcList.Add(new CustContact { Name = "老吹", CellPhoneNo = "1382601021", EmailAddress = "gaosu22@foxmail.com" });
mcList.Add(new CustContact { Name = "史珍香", CellPhoneNo = "10101010110", EmailAddress = "25466887@qq.com" });
mcList.Add(new CustContact { Name = "杜子腾", CellPhoneNo = "10084", EmailAddress = "bageyalu@21cn.com" });
mcList.Add(new CustContact { Name = "B哥", CellPhoneNo = "15525863314", EmailAddress = "ruxinde@126.com" });
return mcList;
}
}
4、处理ListView的SelectionChanged事件,以响应用户的选择操作。
private void lvContacts_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
if (pkUI == null)
{
return;
}
ContactFieldFactory ctFactory = new ContactFieldFactory();
// 将选中的项添加到已选联系人列表
foreach (var itemAdded in e.AddedItems)
{
CustContact c = (CustContact)itemAdded;
if (!pkUI.ContainsContact(c.Name))
{
Contact contact = new Contact();
contact.Name = c.Name;
// 创建手机号码和电邮地址字段
ContactField phoneNoField = ctFactory.CreateField(c.CellPhoneNo, ContactFieldType.PhoneNumber);
ContactField emailField = ctFactory.CreateField(c.EmailAddress, ContactFieldType.Email);
// 别忘了把字段添加到联系人中
contact.Fields.Add(phoneNoField);
contact.Fields.Add(emailField);
pkUI.AddContact(c.Name, contact);
}
}
// 将未选中的联系人从已选列表中删除
foreach (var removedItem in e.RemovedItems)
{
CustContact ct = (CustContact)removedItem;
if (pkUI.ContainsContact(ct.Name))
{
pkUI.RemoveContact(ct.Name);
}
}
}
已经选择的项就添加到选择器的联系人列表中,而没有被选中的就从联系人列表中移除。添加联系人
列表时(AddContact方法调用)有一个id参数,我们可以用联系人的名字作为其id值。
5、为了不影响生成的App代码,同时也方便我们维护,还是另起一个App类,并重写OnActivated方法。
sealed partial class App : Application
{
protected override void OnActivated(Windows.ApplicationModel.Activation.IActivatedEventArgs args)
{
// 判断是否联系人选择器激活本应用程序
if (args.Kind == Windows.ApplicationModel.Activation.ActivationKind.ContactPicker)
{
Frame root = Window.Current.Content as Frame;
// 判断当前窗口是否有内容
if (root == null)
{
root = new Frame();
// 导航到选择联系人的页面
root.Navigate(typeof(MyContactsPage), (ContactPickerActivatedEventArgs)args);
// 将此Frame设置为当前窗口的内容
Window.Current.Content = root;
}
Window.Current.Activate(); //激活当前窗口
}
}
}
因为我们在页面的代码中要操作ContactPickerUI对象,所以将参数args传递到页面导航。
完整的代码如下。