应用程序开发技术教学课件作者章节忠宪学习单元2设计页面课件幻灯片.ppt

2.3.3 相关知识与技术 站点地图各节点及其几个重要的属性 名称 说明 siteMap 根节点，一个站点地图有且仅有一个根节点。 siteMapNode 子节点，对应于页面的节点，一个节点描述一个页面，一个siteMapNode节点下可以包含多个siteMapNode节点。 title 节点名称，用于描述页面 url 节点导航的URL地址，页面在项目中的位置 description 节点说明文字 在编写及使用站点地图时，需注意以下几点： （1）Web.sitemap文件只能存放下项目根目录下，并且只能有一个。 （2）Web.sitemap文件所指定的页面关系是逻辑关系，与页面文件存在的位置无关。 （3）Web.sitemap文件中，同一个URL仅能出现一次。 （4）若siteMapNode下包含有下一级子节点，则该节点需用siteMapNode和/siteMapNode标记，否则用siteMapNode /标记。 2.3.3 相关知识与技术 2. SiteMapPath SiteMapPath控件又称为面包屑导航控件，它可以显示从网站首页到当前浏览页的路径，并可以通过该路径轻松的定位到其他页面。 主页》计算机书籍》编程语言》C# SiteMapPath控件几个常用的属性 名称 说明 PathSeparator 分隔符样式。默认为“”，可通过该属性设置为其他符号。 PageLevelDisplayed 导航显示父节点的级数。默认为“-1”，表示显示从当前节点到顶级节点间的所有节点。 3. TreeView TreeView控件又称为树形导航控件，它与Widows资源管理器中的树非常类似，用来显示分级数据。 2.3.3 相关知识与技术 TreeView控件几个常用的属性 名称 说明 ExpandDepth 声明TreeView控件展开的深 ShowCheckBoxes 声明是否显示复选框 ShwoExpandCollapse 声明展开/折叠状态 ShowLines 声明节点间是否以线连接 HoverNodeStyle 指定当鼠标移动到节点上方时的样式 TreeView节点编辑器 添加根节点或父节点 添加叶节点 删除节点 节点跳转至的页面路径 节点显示的文字 2.3.3 相关知识与技术 TreeView数据源配置 TreeView控件可以使用站点地图或者是Xml文件作为其数据源。 单击 单击 2.3.3 相关知识与技术 Xml文件作为TreeView数据源的配置方法 单击 Xml文件所在的相对路径 2.3.3 相关知识与技术 需要绑定数据的导航节点名称 导航节点链接所对应Xml文件中的节点属性 导航节点文字所对应Xml文件中的节点属性 2.3.3 相关知识与技术 4. Menu Menu控件又称为菜单控件，它具有两种显示模式：静态模式和动态模式。 静态模式： Menu 控件始终是完全展开的，整个结构都是可视的，用户可以单击任何部位。 动态模式：只有指定的部分是静态的，而只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。 名称 说明 DisappearAfter 获取或设置鼠标指针不再置于菜单上后显示动态菜单的持续时间。 DynamicHorizontalOffset 获取或设置动态菜单相对于其父菜单项的水平移动像素数。 DynamicPopOutImageUrl 获取或设置自定义图像的 URL，如果动态菜单项包含子菜单，该图像则显示在动态菜单项中。 DynamicTopSeparatorImageUrl 获取或设置图像的 URL，该图像显示在各动态菜单项顶部，将动态菜单项与其他菜单项隔开。 DynamicVerticalOffset 获取或设置动态菜单相对于其父菜单项的垂直移动像素数。 MaximumDynamicDisplayLevels 获取或设置动态菜单的菜单呈现级别数。 Menu的常用属性 2.3.3 相关知识与技术 名称 说明 Orientation 获取或设置 Menu 控件的呈现方向。 StaticBottomSeparatorImageUrl 获取或设置图像的 URL，该图像在各静态菜单项底部显示为分隔符。 StaticDisplayLevels 获取或设置静态菜单的菜单显示级别数。 StaticTopSeparatorImageUrl 获取或设置图像的 URL，该图像在各静态菜单项顶部显示为分隔符。 2.3.4 任务的设计与实现 母版页设计 母版页界面使用控件及属性设置如下表所示。 名称 选用控件 控件ID 属性设置 菜单导航 Menu MenuDh Orientation属性：Horizontal StaticEnableDefaultPopOutImage属性：False 树形导航 Tr