PROSAGA码农传奇-雾计算/网格计算-Xamarin Forms：如何使用mvvm动态设置网格中两列的宽度

Xamarin Forms：如何使用mvvm动态设置网格中两列的宽度

作者: 生如夏花
发布时间: 2024-03-01 02:08:53 (4月前)
转自：

<div class =“post-text”itemprop =“text”>
  
    此错误是因为您将字符串绑定到需要另一个对象的宽度。
  
  
    要解决这个问题，其中一个解决方案是使用a
     <code>
 Converter
 </code>
     这会将您的类型（来自ViewModel的类型）转换为网格宽度的预期类型。有关转换器的更多信息
    <a href="https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/data-binding/converters" rel="nofollow noreferrer">
      这里
    </A>
  
  
    你需要的转换器看起来像这样：
  
   <pre>
 <code>
 public class IntToGridLengthConverter : IValueConverter
{
 public IntToGridLengthConverter()
 {
 }

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var intValue = System.Convert.ToInt32(value);
        return new GridLength(intValue, GridUnitType.Star);
    }

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

</code>
 </pre>
  
    然后在XAML中你只需要使用它。
  
  
    将新节添加到XAML并调用Converter
  
   <pre>
 <code>
 <ContentPage.Resources>
 <ResourceDictionary>
 <local:IntToGridLengthConverter x:Key="gridLengthConverter" />
 </ResourceDictionary>
</ContentPage.Resources>

</code>
 </pre>
  
    然后在Bindings中使用Converter
  
   <pre>
 <code>
 <Grid.ColumnDefinitions>
 <ColumnDefinition Width="{Binding firstColValue, Converter={StaticResource gridLengthConverter}}" /> 
 <ColumnDefinition Width="{Binding secondColValue, Converter={StaticResource gridLengthConverter}}"/> 
</Grid.ColumnDefinitions>

</code>
 </pre>
  
    如你所见，我正在使用
    的
      键
    </强>
     这是在上一部分中设定的。
  
  
    您需要在ViewModel属性中进行一项小改动，现在它们应该是类型
     <code>
 int
 </code>
     （整数）。因此，在ViewModel中，您只需设置要设置的值的整数部分，例如：
  
   <pre>
 <code>
 firstColValue = 7; 
secondColValue = 3;

</code>
 </pre>
  
    将这些值转换为的工作
     <code>
 7*
 </code>
     和
     <code>
 3*
 </code>
     分别将负责
    的
      变流器
    </强>
    。
  
  
    使用转换器将阻止您使用
    的
      Xamarin.Forms
    </强>
     ViewModel中的元素应该是不可知的。此外，此转换器可以在您需要的任何其他页面中重复使用。
  
  
    希望这可以帮助。-
  
</DIV>