WindowsPhone7第7章.ppt

郑州大学软件学院 赵哲,布局控件,第7章,郑州大学软件学院 赵哲,布局系统,Grid Canvas StackPanel,郑州大学软件学院 赵哲,没有布局系统时的困惑,当程序支持手机垂直或水平时 手机翻转 布局乱 丢失控件 如何解决？ 布局系统！,郑州大学软件学院 赵哲,Grid网格布局控件,用途 多用在布局参考，类似网页中的table 当手机垂直和水平翻转时，用来布局,郑州大学软件学院 赵哲,几个注意事项,默认已有了一个2行1列的Grid 行 行们，行的集合 RowDefinitions 列 列们，列的集合 ColumnDefinitions,郑州大学软件学院 赵哲,一个十字架布局的Grid,郑州大学软件学院 赵哲,高和宽值的含义,列： 宽 Width 行 高Height P82、84 =“*”表示除上面几行以外的高度或宽度 =“100”表示固定值 =“100*”表示比例,郑州大学软件学院 赵哲,可以通过文档视图看到,郑州大学软件学院 赵哲,拖拉控件到Grid中的方法,阴影,清晰,郑州大学软件学院 赵哲,Grid重要属性,ShowGridLines bool类型 是否显示Grid线 RowDefinitions RowDefinition类型 行们 ColumnDefinitions ColumnDefinition 类型 列们,郑州大学软件学院 赵哲,XAML中控件的Grid的属性,Grid.Row Grid.Column 以上两个属性不写为0，表示第一行，第一列 Grid.RowSpan 合并的行有几个，默认为1 Grid.ColumnSpan 合并的列有几个，默认为1,郑州大学软件学院 赵哲,横屏、竖屏控件位置改变,解决方法有两种： 1：将Grid的行和列设为固定值或比例值 并在手机水平时，将TitlePanel不可见(Why?)。,郑州大学软件学院 赵哲,解决方法2,在代码中更改Grid的行高和列宽 事件： 代码：见下页 cs代码设置控件的行和列 (控件名，行index),郑州大学软件学院 赵哲,代码设置grid的行和列,Grid的名字,Grid的行们,数值可以通过界面设置知道,郑州大学软件学院 赵哲,注意！,解决方法1中，手机的横屏竖屏的变化中，原来的行会变为变化后的列，原来的列会变为变化后的行，(即，在手机变化时网格线方向不动)因此，若不在乎行列变化，或行列比例都为1:1可用此方法，否则不建议使用！ 因此方法1简单但不能被经常使用！,郑州大学软件学院 赵哲,多控件布局,放一个Grid控件，容纳4个按钮,放一个Grid控件，容纳2个按钮,郑州大学软件学院 赵哲,布局练习,郑州大学软件学院 赵哲,更多参考,MSDN /zh-cn/library/system.windows.controls.grid.aspx,郑州大学软件学院 赵哲,读懂代码,P85,郑州大学软件学院 赵哲,小课中常见问题,问题1：Grid在水平翻转中发生奇怪的左移现象 问题2：以Grid命名项目，然后不能用Grid这个类的任何属性和方法了 问题3：cs代码写控件,郑州大学软件学院 赵哲,本节主要内容,C,郑州大学软件学院 赵哲,Canvas画布布局,在画布布局中 可以任意移动控件位置 可以任意移动控件层次 用途：弹出框、或需要层次叠放的地方 P87 演示：移动的小球,郑州大学软件学院 赵哲,Canvas类主要方法,郑州大学软件学院 赵哲,StackPanel,堆叠布局 可以将自己的子元素按水平或垂直方向依次排开 排排坐吃果果 重要属性 Orientation Horizontal水平 Vertical垂直 P89,郑州大学软件学院 赵哲,P90,读代码,郑州大学软件学院 赵哲,自定义面板,有兴趣可以自学 不明白的可以问老师,郑州大学软件学院 赵哲,边距和对齐,Margin 即为边距，每个控件都对应有Margin属性，该属性决定了每个UI元素的布局 演示 Margin的值有时候会看起来不起作用 那是因为需要和HorizontalAlignment和VerticalAlignment属性相结合 注意看点击控件时的箭头,郑州大学软件学院 赵哲,补充,删除控件的宽、高、Margin属性，可以使该控件四周紧贴父控件。 类的创建和应用 演示 学会用Tab Tab在属性中切换 学会调用类的方法,作业,无间道(UnderCover) 背景：你是一名隐职业人员，要查出卧底的身份和相关信息,郑州大学软件学院 赵哲,作业,郑州大学软件学院 赵哲,ListBox,布局不限制格式 可用自己喜欢的布局 自己定义布局,作业要求,新建一个类名叫underCover 类有5个属性1个方法,郑州大学软件学院 赵哲,作业要求,方法为Save方法，暂时不写任何东西 要求点过It is you 按钮之后，实例化underCover类，给5个属性赋值，并调用Save方法保存。 最后清空各个控件 作业可以写的不够完整，或者有很多Bug都可以。 下周小课检查,郑州大学软件学院 赵哲,本周小课内容,练习Can