本章节主要展示如何实现特殊导航条任务。
添加一个面板
本节中,你将添加一个面板到C1NavBar控制器,这个过程将会使用到智能标签以及浮动工具条。
使用智能标签
完成以下步骤:
- 找到工具栏,然后双击C1NavBar按钮。C1NavBar控制器将会添加到表单中。你会注意到一个叫做Notes的面板,缺省情况下将会在控制器中显示。
- 单击C1NavBar智能标签( ),打开C1NavBarTasks菜单。
- 在C1NavBarTasks菜单中,单击Addbutton下拉按钮,然后选择一种面板类型。例如,选择Calendar类型。
使用浮动工具条
完成以下步骤:
- 找到工具栏,然后双击C1NavBar按钮。C1NavBar控制器将会添加到表单汇总,你会注意到一个叫做Page1的页面,缺省情况下将会出现在控制器中。
- 将鼠标的光标在控制器上盘旋,激活浮动工具条。浮动工具条将会出现在页面上,效果如下所示:
- 在Adding button and corresponding panel 下拉列表中,选择一个面板类型。本例中,将选择Calendar类型。
本节效果如下所示:本节的实现效果如下所示:
创建一个面板页眉
在本节中,你将会学习到如何添加一个页眉到面板中,这个过程将会使用到智能标签以及浮动工具条。
使用智能标签
完成以下步骤:
- 选择你想要添加页眉的面板,然后单击它的智能标签( )。这里将会打开C1NavBarPanelTasks菜单。
- 从C1NavBarPanelTasks菜单中,选择添加区域页眉。
- 选择页眉,c1NavBarSectionHeader1,然后在Text属性窗口,使用一个字符串设置它的属性。本例中,将文本属性设置为"HelloWorld"。
使用浮动工具条
完成以下步骤:
- 将鼠标的光标在控制器上盘旋,激活浮动工具条。浮动工具条展示效果如下图所示:
C1NavBar控制器将被添加到表单中。你会观察到一个叫做Page1的页面,在缺省情况下会出现在控制器中。
- 在浮动工具条中,选择Addsectionheader按钮。
- 选择页眉,c1NavBarSectionHeader1,然后在属性窗口中,使用字符串设置它的Text属性,本例中,设置它的文本属性为"Hello World"。
本节实现效果如下所示:
在折叠面板中使用垂直文本
当一个面板被缩小时,你可以强制C1NavBar控制器显示垂直文本。是否显示垂直文本,是由
NavBarCollapsedBarTextUIString决定的。想要实现这一功能,你将需要设置ShowVerticalTextOnCollapse属性为True。
完成以下步骤:
- 右键单击C1NavBar控制器,打开它的上下文菜单。然后选择属性选项。这将打开属性窗口。
- 在属性窗口中,完成下面的步骤:
将AllowCollapse属性设置为True。这将允许你在运行时缩小控制器,从而实现在缩小面板中显示垂直文本的功能。
将ShowVerticalTextOnCollapse属性设置为True。
打开UIStrings节点,使用字符串设置UIStrings.NavBarCollapsedBarText明细的内容,然后在
NavBarCollapsedBarText文本输入框中输入文本。
- 按F5,运行项目
本节效果如下所示:
当项目运行时,单击按钮来收缩控制器。收缩面板上的文本显示效果如下所示: