1
我有一個包含兩個較小網格的大網格的滾動視圖。網格應垂直滾動，但只有右側的網格才能水平滾動。這是因爲左側網格中的信息需要作爲參考，而右側網格中可以包含100個以上的列。只鏈接兩個滾動視圖的垂直偏移量
我已經嘗試將網格放在單獨的滾動視圖中，並將它們與事件處理程序鏈接起來。但是我沒有在Windows 8.1應用程序中發現任何代碼。
有沒有辦法爲WinRT應用程序做到這一點？
A
回答
1
你應該巢ScrollViewers。這樣的事情：
<Grid
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<ScrollViewer>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="Auto"/>
<ColumnDefinition
Width="700"/>
</Grid.ColumnDefinitions>
<StackPanel>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
</StackPanel>
<ScrollViewer
Grid.Column="1"
VerticalScrollBarVisibility="Disabled"
VerticalScrollMode="Disabled"
HorizontalScrollBarVisibility="Auto"
HorizontalScrollMode="Auto"
ZoomMode="Disabled">
<StackPanel>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
<TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
</StackPanel>
</ScrollViewer>
</Grid>
</ScrollViewer>
</Grid>
+0
我試過了，但是當你在右側的scrollviewer中向下滾動時，它不會顯示所有的數據，只是最初適合scrollviewer/grid的數據。它不是真正的可滾動的，因爲需要禁用垂直滾動來完成這項工作。 – Reutelkeutel
+0
所以它看起來像這樣，而每個文本框應該有那些綠色方塊http://tinypic.com/r/2hdnmds/8 – Reutelkeutel
+0
更新：這個工程，我只需要改變scrollviewer的高度來解決上述問題問題。謝謝！ – Reutelkeutel
相關問題
- 1. 滾動視圖中的垂直滾動
- 2. UIViewController：extendedLayoutIncludesOpaqueBars和滾動視圖偏移量
- 3. 兩個垂直滾動條
- 4. ScrollViewer垂直偏移動畫
- 5. 將垂直偏移量減去文檔片段滾動
- 6. 視差效應 - 垂直滾動只有
- 7. 移動和滾動垂直
- 8. JScrollPane-只有垂直滾動？
- 9. UIScrollView只能垂直滾動
- 10. iframe - 垂直滾動只有
- 11. 桌面視圖的垂直滾動條
- 12. Android：垂直LinearLayout的滾動視圖
- 13. 在Android的雙垂直滾動視圖？
- 14. NSUserDefaults的 - 節能滾動視圖偏移
- 15. 如何在Flex移動視圖中啓用垂直滾動？
- 16. 在mvvm中設置滾動查看器的垂直偏移
- 17. jQuery的滾動偏移量
- 18. 設置動態擴展滾動視圖的內容偏移量
- 19. 滾動垂直視差
- 20. 自定義垂直滾動視圖
- 21. 顯示垂直滾動視圖
- 22. 追加一個滾動視圖（水平）到具有滾動視圖（垂直）和兩個標籤iPhone的SDK
- 23. 如何垂直滾動兩個UITableView
- 24. 垂直偏移幹情節
- 25. stellar.js - 爲垂直滾動網站配置偏移/對齊元素？
- 26. 超鏈接和片段ID垂直偏移問題
- 27. 如何讓UIScroll視圖只有水平和垂直滾動？
- 28. Android列表視圖行移動垂直
- 29. UITableView headerView滾動偏移量
- 30. UIColectionView在滾動視圖中垂直滾動 - 在滾動收藏視圖的區域時禁用滾動視圖
請注意，對於大量的行/列 - 你應該儘可能地嘗試使用虛擬化 - 例如，通過使用默認的'ListView'控件。 –