Question

我注意到，当ScrollView包装在另一个布局小部件内时，它将停止响应平移。我正在寻找一种解决方案，以使ScrollView即使包装也可以按预期工作。这是sample app in Playground，我在这里发布其模板

此示例不会滚动：

<AbsoluteLayout #wrapTop class="wrapTop" left="0" top="0" width="100%" height="100%">
<ScrollView orientation="horizontal" sdkExampleTitle sdkToggleNavButton>
    <GridLayout class="m-15" columns="auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto">
         <Label width="50" height="50" class="h3 m-15" col="0" text="Title 1"></Label>
         <Label width="50" height="50" class="h3 m-15" col="1" text="Title 2"></Label>
         <Label width="50" height="50" class="h3 m-15" col="2" text="Title 3"></Label>
         <Label width="50" height="50" class="h3 m-15" col="3" text="Title 4"></Label>
         <Label width="50" height="50" class="h3 m-15" col="4" text="Title 5"></Label>
         <Label width="50" height="50" class="h3 m-15" col="5" text="Title 6"></Label>
         <Label width="50" height="50" class="h3 m-15" col="6" text="Title 7"></Label>
         <Label width="50" height="50" class="h3 m-15" col="7" text="Title 8"></Label>
         <Label width="50" height="50" class="h3 m-15" col="8" text="Title 9"></Label>
         <Label width="50" height="50" class="h3 m-15" col="9" text="Title 10"></Label>
         <Label width="50" height="50" class="h3 m-15" col="10" text="Title 10"></Label>
         <Label width="50" height="50" class="h3 m-15" col="11" text="Title 11"></Label>
         <Label width="50" height="50" class="h3 m-15" col="12" text="Title 12"></Label>
         <Label width="50" height="50" class="h3 m-15" col="13" text="Title 13"></Label>
         <Label width="50" height="50" class="h3 m-15" col="14" text="Title 14"></Label>
         <Label width="50" height="50" class="h3 m-15" col="15" text="Title 15"></Label>
    </GridLayout>
</ScrollView>
</AbsoluteLayout>

Answer 1

至少在您不打算将子组件放置在绝对位置时，我认为这里不需要AbsoluteLayout。

当您只想水平堆叠项目时，也不需要GridLayout，而是可以使用水平堆叠StackLayout。

我已经更新了您的Playground示例。

通过https://www.nslayouts.com/

了解有关布局的更多信息

更新：

感谢@DrAchernar提出了一个有效的观点。如果计划渲染n个看起来相似的项目，则应考虑使用ListView / RadListView。 RadListView支持不同的布局和水平方向，这应该适合您的要求。

滚动视图在布局中包装时不起作用

1 个答案: