【问题标题】:How to reduce spacing between items xamarin forms如何减少 xamarin 表单项之间的间距
【发布时间】:2017-07-27 02:24:03
【问题描述】:

我有一个StackLayout和一个标签,两者的间距很大,我想减小让两者尽可能靠近,我该怎么做

       <ScrollView BackgroundColor="#ffffff" Padding="15">
   <StackLayout HorizontalOptions="Fill" VerticalOptions="FillAndExpand">
        <Image Source="{Binding Image}" HeightRequest="200"  x:Name="image">
              <Image.GestureRecognizers>
                <TapGestureRecognizer Tapped="OnTapped" />
              </Image.GestureRecognizers>
            </Image>

        <StackLayout Orientation="Horizontal" Spacing="0">
            <Button x:Name="Amais" Text="A+" />
            <Button x:Name="Amenos" Text="A-" />
       </StackLayout>

        <Label x:Name="webView" VerticalOptions="FillAndExpand" FontSize="18"/>
    </StackLayout>
 </ScrollView>

【问题讨论】:

    标签: xamarin


    【解决方案1】:

    *编辑:让我们再试一次,在父级StackLayout 上将Spacing 设置为0,并在Label 和父级StackLayout 上删除VerticalOptions。这会让你得到你之后的结果吗?

     <ScrollView BackgroundColor="#ffffff" Padding="15">
       <StackLayout HorizontalOptions="Fill" Spacing="0">
            <Image Source="{Binding Image}" HeightRequest="200"  x:Name="image">
                  <Image.GestureRecognizers>
                    <TapGestureRecognizer Tapped="OnTapped" />
                  </Image.GestureRecognizers>
                </Image>
    
            <StackLayout Orientation="Horizontal">
                <Button x:Name="Amais" Text="A+" />
                <Button x:Name="Amenos" Text="A-" />
           </StackLayout>
    
            <Label x:Name="webView" FontSize="18"/>
        </StackLayout>
     </ScrollView>
    

    【讨论】:

    • 什么都没有改变,同样的分歧
    • 看上面的照片