Question

我想将项目滚动到其他项目上。我有一个这样的观点：

我的代码：

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <RelativePanel>
        <CalendarView  MinHeight="250" MaxHeight="500" MaxWidth="720"   FontWeight="Normal" 
         DayItemFontWeight="Light" MinWidth="100"
                      SelectionMode="Single" 
                      Style="{StaticResource Mahcalenderstyle}" Visibility="Visible" 
         HorizontalAlignment="Stretch" x:Name="MyCalendarView" DisplayMode="Month" Margin="9,25,9,0"
         VerticalAlignment="Top" SelectedDatesChanged="CalendarView_SelectedDatesChanged"
         CalendarViewDayItemStyle="{StaticResource CalendarViewDayItemStyle1}"
         RelativePanel.AlignTopWithPanel="True" RelativePanel.AlignLeftWithPanel="True"
         RelativePanel.AlignRightWithPanel="True"
                      />
        <Grid
              RelativePanel.Below="MyCalendarView" RelativePanel.AlignLeftWithPanel="True"
         RelativePanel.AlignRightWithPanel="True" RelativePanel.AlignTopWithPanel="True"
            >
            <ScrollViewer Margin="0,0,0,0">
                <RelativePanel Margin="0,0,0,0">
                    <Grid x:Name="EmptyGrid" Height="470" RelativePanel.AlignRightWithPanel="True" RelativePanel.AlignLeftWithPanel="True"
                         RelativePanel.AlignTopWithPanel="True"  />
                                           <StackPanel  Background="{ThemeResource AppBackgroundColor}"
                        RelativePanel.Below="EmptyGrid" RelativePanel.AlignRightWithPanel="True" RelativePanel.AlignLeftWithPanel="True"
                        >
                        <Controls:TemplatedChart Percent1="100" Percent2="20" SegmentColor="Red" DoneTasks="3" 
                         PostponedTasks="4" PendingTasks="4" GlyphBrush="Red"   HorizontalAlignment="Center"   VerticalAlignment="Top"              />
                        <Controls:TaskList TaskLists="{Binding TodayList,Mode=TwoWay}" />

                    </StackPanel>
                </RelativePanel>
            </ScrollViewer>

        </Grid>

    </RelativePanel>
</Grid>

问题是我想滚动的日历视图不起作用。

Answer 1

UWP社区工具包有一个名为ParallaxService的动画，它完全符合您的要求。

您可以通过搜索Microsoft.Toolkit.Uwp.UI.Animations

添加工具包

或者您可以直接在Package Manager控制台中运行它

Install-Package Microsoft.Toolkit.Uwp.UI.Animations

然后包括以下

xmlns:an="using:Microsoft.Toolkit.Uwp.UI.Animations"

以下是您需要的简单示例。

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ScrollViewer>
        <StackPanel>
            <CalendarView HorizontalAlignment="Stretch" an:ParallaxService.VerticalMultiplier="-1"/>
            <Border Background="LightGray">
                <TextBlock TextWrapping="WrapWholeWords" FontSize="20">
                                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fringilla ultrices est eu ornare. Suspendisse purus massa, iaculis in finibus dictum, gravida vel purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vitae dolor imperdiet, vehicula enim quis, mollis tellus. Donec placerat diam sed est porttitor, venenatis semper mauris tempus. Sed placerat ipsum enim, quis porta nibh accumsan sit amet. Etiam tempus dapibus dolor, eget sollicitudin risus cursus eget. Vestibulum non rhoncus velit. Vestibulum volutpat, lacus quis laoreet accumsan, erat diam dignissim ligula, sit amet molestie purus erat eget tortor. Vestibulum posuere consequat libero, at fermentum tellus tempus eget. Curabitur viverra nisl a augue porta luctus. 
                    Duis sodales metus et purus finibus, at tincidunt felis porta. Fusce elementum ut diam ut sodales. Nunc eget varius lectus. Fusce nec rhoncus arcu. Nunc feugiat, nulla non luctus dapibus, justo odio tincidunt libero, mattis commodo sem nulla sed tellus. Aliquam ut condimentum est, id euismod turpis. Donec nec orci nulla. Suspendisse faucibus mollis sapien, ac congue nulla aliquet vel. In hac habitasse platea dictumst. Duis dapibus sem a ullamcorper vestibulum. 
                    Aliquam varius imperdiet tortor vitae elementum. Curabitur eget diam a neque blandit egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus pulvinar laoreet ipsum ut scelerisque. Praesent eget molestie sem. Sed pretium suscipit orci, mollis interdum purus vestibulum vitae. Curabitur accumsan nec enim eu imperdiet. Fusce nec lectus mollis, laoreet odio vel, rhoncus nisi. Nulla mi neque, imperdiet nec diam et, tincidunt blandit metus. Quisque bibendum nisl a orci efficitur, sit amet volutpat nisi convallis. Sed lobortis ac lacus et volutpat. Nullam sodales porta nibh, eget semper augue fermentum sit amet. Phasellus sed nibh volutpat, fringilla ligula ut, lacinia dolor. 
                    Donec vulputate interdum mattis. Proin quam libero, ultricies quis sapien quis, feugiat consectetur sem. Fusce tincidunt mauris orci. Praesent ut mollis risus, in vestibulum dolor. Quisque nisi ex, vehicula ut libero at, pharetra feugiat velit. Sed mauris lorem, fermentum in nibh eu, ultrices ornare erat. Sed eu scelerisque felis. Suspendisse potenti. Donec ut odio sit amet lacus hendrerit commodo efficitur vel purus. Vestibulum pretium aliquam augue vel tincidunt. Quisque non urna a erat eleifend dapibus. Proin eget odio aliquet, hendrerit tellus sed, iaculis enim. In efficitur urna vel ante venenatis pellentesque. Curabitur nunc nisi, scelerisque at eros non, pellentesque mollis mauris. 
                    In sit amet dui ac mi scelerisque molestie ut vel ante. Mauris vitae interdum nisl. Vivamus ut mauris imperdiet, tincidunt odio non, dapibus massa. Nam a purus et justo porttitor viverra. Aenean consectetur massa a purus viverra auctor. Nunc pellentesque cursus orci non venenatis. Proin lacinia ullamcorper luctus. Quisque enim turpis, varius at arcu at, condimentum elementum odio. Vestibulum auctor aliquam arcu, et vulputate risus finibus id. Maecenas id erat vitae quam accumsan pretium nec ac orci. Cras massa eros, viverra id semper non, feugiat ut est. Fusce sodales mi a gravida ultrices. Nam congue dui quis imperdiet commodo. 
                    Ut nec ipsum a leo sollicitudin accumsan non nec velit. Cras luctus lorem sed ante accumsan tempus. Donec sollicitudin eleifend metus nec accumsan. Maecenas id purus nisl. Aliquam ut placerat augue, id tempus magna. Integer auctor tortor in augue placerat sollicitudin. Mauris facilisis fermentum massa, in rutrum dolor tempor id. 
                    Nam eu lobortis velit, ac lobortis nibh. Mauris facilisis urna mi, id iaculis leo tempor sit amet. Nullam fringilla, tellus vitae cursus fermentum, justo est consequat erat, faucibus malesuada erat orci eget enim. Curabitur condimentum dui quis scelerisque tincidunt. Vestibulum pretium bibendum neque, eget malesuada tellus lobortis ut. Phasellus in scelerisque nunc, sit amet eleifend massa. Nullam cursus orci et malesuada pretium. Quisque magna diam, semper nec auctor et, vulputate nec nisl. Cras feugiat accumsan urna, in vulputate erat convallis at. Pellentesque sapien metus, lacinia id nunc interdum, vehicula mollis urna.
                </TextBlock>
            </Border>
        </StackPanel>
    </ScrollViewer>
</Grid>

，您的输出将是

祝你好运。

在scrollview下无法点击的项目

1 个答案: