xamarin.forms - 可绑定属性更新未使用自定义渲染

Question

请考虑以下问题。

在我的 Xamarin.Forms 应用程序中，我有一个用于 UWP 的自定义渲染，它允许一个按钮有两行，并且是集中的。

问题中的按钮是 Listview 中绑定到对象的项目。最初生成它们时，它们会正确显示按钮中心的两行文本，但是如果我更新文本，它会更新，但似乎绕过了自定义呈现“居中”代码。

请参阅下面的代码片段和图像以进一步解释这种情况。

自定义渲染

[assembly: ExportRenderer(typeof(TwoLinedButton), typeof(TwoLinedButtonUWP))]
namespace aphiresawesomeproject.UWP
{
    public class TwoLinedButtonUWP : ButtonRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
        {
            base.OnElementChanged(e);

            if (Control != null && e.NewElement.Text != null)
            {
                var textBlock = new Windows.UI.Xaml.Controls.TextBlock
                {
                    Text = e.NewElement.Text,
                    TextAlignment = Windows.UI.Xaml.TextAlignment.Center,
                    TextWrapping = TextWrapping.WrapWholeWords
                };
                Control.Content = textBlock;
            }
        }
    }
}

XAML

<ListView x:Name="AphiresListView" CachingStrategy="RecycleElement" ItemsSource="{Binding ListViewItems}" Margin="0,20,0,0" RowHeight="130" SeparatorVisibility="None" VerticalOptions="FillAndExpand" Grid.Column="1" Grid.Row ="3" >
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <local:TwoLinedButton Command="{Binding ClickedCommand}" Margin="5,10,5,10" HorizontalOptions ="FillAndExpand" BackgroundColor="{Binding color_hex}" Grid.Column="1" TextColor="{StaticResource LightTextColor}" FontSize="Medium" Text="{Binding problem_title}"></local:TwoLinedButton>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

在 Viewmodel 中更新

foreach (AphiresObject ViewItem in ListViewItems)
{
    ViewItem.problem_title = ViewItem.problem_title.Replace("Line 2", "Updated Line 2");
}

前

后

score 3 · Accepted Answer

我认为您需要做的就是override OnElementPropertyChanged在您的渲染器中，并在您的文本属性更改时再次设置 textBlock 属性。

protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
{
    base.OnElementPropertyChanged(sender, e);

    if (e.PropertyName == TwoLinedButton.TextProperty.PropertyName)
    {
        //Set text block properties
    }
}

score 0 · Accepted Answer

您可能还需要告诉视图重新渲染自己。

iOS: this.SetNeedsDisplay();

Android: this.Invalidate();

xamarin.forms - 可绑定属性更新未使用自定义渲染

2 回答 2

Related

Reference