XAML 中可以使用百分比值吗？

Question

在 html 中可以说 width="20%"。这在 XAML 中当然是不允许的。有谁知道为什么会这样，或者有没有办法在 XAML 中获得百分比值支持？

Answer 1

网格列定义和行定义允许比例单位（除了固定像素和自动）。

以下是 2 个示例：

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition Width="20" />
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="*"/>
  <ColumnDefinition Width="*"/>
  <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>

第一列将根据需要设置大小，以容纳该列中的所有内容。下一列的宽度为 20 个与设备无关的像素。网格的剩余宽度将在剩余的列之间平均分配。 （每列 100% / 4 = 25%）

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="4*"/>
  <ColumnDefinition Width="4*"/>
  <ColumnDefinition Width="*"/> 
</Grid.ColumnDefinitions>

此代码会将 4 列分为总网格宽度的 10%、40%、40% 和 10%。

Answer 2

如果您不使用网格，那么您可以使用 Xamarin.Essentials 获取以像素为单位的实际宽度/高度，然后除以密度并乘以所需的尺寸，

即

Convert.ToInt32(Math.Round(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density * 0.9))

以像素为单位的实际屏幕宽度/密度 * 所需的百分比

我的示例是 90% 绑定到 VM 中的此计算

屏幕宽度，您可以从 Xaml Xaml

<StackLayout WidthRequest="{Binding PickerWidth}" BackgroundColor="AliceBlue">
    <Label Text="Test" HorizontalOptions="FillAndExpand"/>
</StackLayout>

VM

private int _pickerWidth;
public int PickerWidth
{
     get => _pickerWidth;
     set => SetProperty(ref _pickerWidth, value);
}

public void Init()
{
   PickerWidth = Convert.ToInt32(Math.Round(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density * 0.9))
}

我刚刚开始使用 XF 4.8 在 iOS 和 Android 上运行的应用程序中使用此计算，并且它可以正常工作，将弹出页面的大小设置为屏幕宽度的 90%可用屏幕宽度

在平板电脑和手机上进行了测试

Answer 3

您最好采用编程方式来解决该问题。

为元素分配半个屏幕大小的示例：

var deviceScreenHeight = DeviceDisplay.MainDisplayInfo.Height;
view.HeightRequest = deviceScreenHeight * .5; 

限制是它无法通过直接绑定到 XAML 来应用，但可以轻松解决相关问题，并且可以分配给任何视图尺寸（当然）。永远要明白，事物的复杂应用是基于像这样的简单计算，并且因此可以很容易地应用。请随意将其应用于根据任何百分比计算重载高度或宽度的继承类。