边距和宽度的 Xamarin 单位
Xamarin Units for Margins and Widths
我正在尝试理解 Xamarin 的边距和宽度。据说 Xamarin 使用 DIP。
我的 UX 人员在她的设计中使用 Invision。当我将 Invision 设置为显示 DIP 时,我得到从左边距到标题
的尺寸为 122
和上面标签中的 90
然而,在 Xamarin 中,我必须为左侧宽度指定 78,为上边距指定 75,以便它们与设计相匹配。用信封的边缘来确认。
<Frame Grid.Column="0" Grid.RowSpan="5" WidthRequest="78"/>
<Label Text="Title" Grid.Row="0" Grid.Column="1" FontSize="22" Margin="0,75,0,0"/>
None 的 Invision 选择、像素、点或 DIP 接近于反复试验得出的值。我是 运行 UWP 中的应用程序。我的值在 1366x768 和 1680x1050 显示器上效果很好。
- 框架的默认内边距为 20
- 网格的默认 RowSpacings 和 ColumnSpacing 为 6
- Stacklayout 的默认间距为 6
尝试使用这些父值或将它们设置为 0,因为它们具有默认值。看起来你有其中之一:
例如:90 - 2*6 = 78
我正在尝试理解 Xamarin 的边距和宽度。据说 Xamarin 使用 DIP。
我的 UX 人员在她的设计中使用 Invision。当我将 Invision 设置为显示 DIP 时,我得到从左边距到标题
的尺寸为 122和上面标签中的 90
然而,在 Xamarin 中,我必须为左侧宽度指定 78,为上边距指定 75,以便它们与设计相匹配。用信封的边缘来确认。
<Frame Grid.Column="0" Grid.RowSpan="5" WidthRequest="78"/>
<Label Text="Title" Grid.Row="0" Grid.Column="1" FontSize="22" Margin="0,75,0,0"/>
None 的 Invision 选择、像素、点或 DIP 接近于反复试验得出的值。我是 运行 UWP 中的应用程序。我的值在 1366x768 和 1680x1050 显示器上效果很好。
- 框架的默认内边距为 20
- 网格的默认 RowSpacings 和 ColumnSpacing 为 6
- Stacklayout 的默认间距为 6
尝试使用这些父值或将它们设置为 0,因为它们具有默认值。看起来你有其中之一: 例如:90 - 2*6 = 78