本文讲解UWP开发中隐藏Hub等滚动控件的滚动条方法,适用于无需显示内容边界长度或高度的场景,避免滚动条影响界面美观。
1、 以一个简单场景为例,MainPage.xaml代码中包含一个带有两个HubSection的Hub控件。由于该Hub宽度较大,超出显示范围,因此会自动出现滚动条以便用户查看全部内容。
2、 在 MainPage.xaml 设计界面中,选中 Hub 控件,右键选择编辑面板中的编辑副本选项。
3、 随后将出现创建Style资源的对话框。需设置名称并指定资源位置,为使该样式在整个应用中均可使用,选择应用程序级别作为作用范围。
4、 创建样式后,打开App.xaml文件,在Application.Resources中即可看到刚才添加的样式资源。
5、 在样式资源中包含多个设置项,定位到用于定义模板的设置项,进入控件模板后,查找其中的滚动视图组件。
6、 需留意,初始状态下HorizontalScrollBarVisibility属性值为可见。
7、 修改该属性时会出现四个选项,选中Hidden可启用滚动功能但隐藏滚动条。
8、 打开 MainPage.xaml 文件,找到 Hub 控件,将其 Style 属性设置为指定样式。
9、 使用之前定义的静态资源样式名称进行引用。
10、 圆满成功。
