自定义渲染未在可绑定属性更新中使用

Question

请考虑以下问题。

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

问题中的按钮是列表视图中绑定到对象的项目。当它们最初生成时，它们会正确显示按钮中心的两行文本，但是如果我更新文本，它会更新，但似乎绕过了自定义呈现 "be in the center" 代码。

请查看下面的代码片段和图片以进一步说明情况。

自定义渲染

[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");
}

之前

之后

Answer 1

我认为您需要做的就是在渲染器中 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
    }
}

Answer 2

您可能还需要告诉视图重新呈现自己。

iOS: this.SetNeedsDisplay();

Android: this.Invalidate();

自定义渲染未在可绑定属性更新中使用

Custom Render not being used on Bindable property update

custom-renderer

xaml-binding

xamarin.forms

自定义渲染未在可绑定 属性 更新中使用

Custom Render not being used on Bindable property update

custom-renderer

xaml-binding

xamarin.forms

自定义渲染未在可绑定属性更新中使用