【发布时间】: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