【问题标题】:Xamarin Editor PaddingXamarin 编辑器填充
【发布时间】:2019-03-23 00:30:14
【问题描述】:

在我的 xaml 中,我试图在我的背景和我的标签/编辑器和日期选择器之间添加填充,但我无法做到正确。我尝试将网格放入网格中并在该网格上放置填充或边距。我尝试将标签/编辑器放在网格/堆栈布局中,我什至尝试过负填充和边距。

这是没有填充的样子

https://gyazo.com/3809306e3b5a27a5f10058bbc17c295a

但是每当我尝试在任何地方添加填充或边距时,编辑器都会变得太小并像这样在内部被剪裁:

https://gyazo.com/46f25b9c44e1717bf1fa124eb2b10068

这就是我希望它看起来的样子,但我无法摆脱编辑器上的那个该死的剪辑,为什么剪辑器被剪辑而不是标签?

我已经尝试在编辑器上设置边距 0 和填充 0,但也没有帮助。

 <!-- Bottom Command Bar -->
            <Grid Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="8" BackgroundColor="LightGray"  VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" Padding="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="1.5*"/>
                </Grid.ColumnDefinitions>

                <Label Grid.Row="0" Grid.Column="0" BackgroundColor="White" Text="{Binding QuoteNumber}" TextColor="Black"  VerticalOptions="Fill" HorizontalOptions="Fill"   />
                <Editor Grid.Row="0" Grid.Column="1" BackgroundColor="White" Placeholder="PO Number" TextColor="Black" Text="{Binding PoNumber}" VerticalOptions="Fill" HorizontalOptions="Fill" />
                <Editor Grid.Row="0" Grid.Column="2" BackgroundColor="White" Placeholder="Drop Date" TextColor="Black" Text="{Binding DropDate}" VerticalOptions="Fill" HorizontalOptions="Fill" />
                <DatePicker Grid.Row="0" Grid.Column="2" MinimumDate="{Binding MinimumDate}" MaximumDate="{Binding MaximumDate}" Date="{Binding DropDate}" BackgroundColor="{StaticResource ThemeBkColor}" TextColor="White"/>
                <Editor Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3" BackgroundColor="White" Placeholder="Comment" TextColor="Black" Text="{Binding Comment}" VerticalOptions="Fill" HorizontalOptions="Fill"/>


                <Label Grid.Row="0" Grid.Column="3" VerticalOptions="Center" HorizontalOptions="Center" FontSize="32" Text="{Binding TotalOrderValue, StringFormat='{0:C2}'}"/>

                <Button Grid.Row="1" Grid.Column="3" Margin="10,0,10,2"  VerticalOptions="Fill" HorizontalOptions="Fill" Text="SUBMIT PART ORDER"  Command="{Binding SubmitJourneyCommand}" BackgroundColor="{StaticResource ThemeBkColor}" TextColor="White" />


            </Grid>

【问题讨论】:

  • 您在这里误解的是,内边距在内部起作用,而边距在控件外部起作用,因此当您对控件应用过多的边距和内边距时,它可能会分别从内部或外部收缩
  • 其次,您尝试实现的视图实际上非常容易,因为它的上部使用具有 3 列的网格,而下部则使用堆栈来完成这项工作
  • 您好,感谢您的回复。你能举个例子吗?试着按照你说的做一个,但不知道你的意思。
  • 是的,星期一我现在就去度假
  • 谢谢! :) 欣赏它,我自己也解决不了这个问题。

标签: xaml xamarin xamarin.forms


【解决方案1】:

在您将值从 * 更改为 AUTO

从那里您可以在主 Grid 控件或其中的单个 Row 元素和控件上使用“填充”或“边距”。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2015-02-21
  • 2021-06-04
  • 2014-11-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多