CozyRSS开发记录4-抽屉效果订阅列表栏

时间:2023-05-16 22:20:58

CozyRSS开发记录4-抽屉效果订阅列表栏

1、LeftDrawerContent实现侧滑菜单

抽屉效果,又有人称做侧滑菜单,在手机和平板应用里也是广泛用到。这里,决定把订阅列表栏用抽屉效果实现,而materialDesign有对应的LeftDrawerContent。

XAML中的写法是:

CozyRSS开发记录4-抽屉效果订阅列表栏

IsLeftDrawerOpen=”False” 默认收起来。

成品订阅列表栏效果如下:

CozyRSS开发记录4-抽屉效果订阅列表栏

2、用ContentControl来整理xaml

为了让MainWindow.xaml里的代码更整洁好看,使用ContentControl来整理xaml,修改如下:

CozyRSS开发记录4-抽屉效果订阅列表栏

首先是将Grid重新划分为两行,然后将标题栏、订阅列表栏和订阅内容栏分到了三个xaml里。

3、绑定两个ToggleButton

标题栏和订阅列表栏里都有一个ToggleButton,来控制订阅列表栏的展示。我们把这两个ToggleButton都绑定到RSSListFrame的IsLeftDrawerOpen。

CozyRSS开发记录4-抽屉效果订阅列表栏

CozyRSS开发记录4-抽屉效果订阅列表栏

CozyRSS开发记录4-抽屉效果订阅列表栏