2017-05-03 6 views
0

他のアイテムにスクロールしたい MyViewアイテムがスクロールビューでクリックできない

マイコード: そして、私はこのような観点持っ

<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> 

をそして問題は、私は上をスクロールしたい私のcalendarviewは、動作しないということです。

+0

あなたはscrollviwerの中にcalendarViewを入れる必要があります – Archana

+0

@Archana次に私はそれをスクロールできません:) – Mohsen

+0

calenderviewをスクロールできませんか? calenderviewにZ-インデックスをつけて試してみてください – Archana

答えて

1

UWPコミュニティツールキットには、あなたが探しているものと全く同じアニメーションがParallaxServiceと呼ばれています。

あなたはMicrosoft.Toolkit.Uwp.UI.Animations

を検索することによってツールキットを追加することができたり、あなたのパッケージマネージャコンソールで直接これを実行することができます

インストール・パッケージを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> 

とあなたの出力は

enter image description here

幸運になります。

+1

ありがとうございます。ワックスは素敵です – Mohsen

関連する問題