В настоящее время я разрабатываю приложение для чата, например whatsapp.
Все отлично работает, кроме стратегии кеширования. Я хочу использовать элемент recycle, так как в моем сценарии он выглядит наиболее плавным.
Я использую Селектор шаблонов дат, и мой список просмотра имеет значение hasunevenrows = true (из-за изменения длины сообщения).
Проблема в том, что более длинные многострочные сообщения обрезаются, как только я прокручиваю представление списка вверх, а затем снова вниз. Я подумал, что это как-то связано с повторным использованием моих viewcells (элемент recycle), но я просто не понимаю, почему listview не пересчитывает высоты, чтобы соответствовать содержанию сообщения.
Я использую привязки, и это мой список:
<ListView CachingStrategy="RetainElement" Grid.Row="0" Grid.Column="0" x:Name="ChatListView" IsVisible="{Binding ChatVisible}" ItemsSource="{Binding ChatList, Mode=TwoWay}" ItemTemplate="{StaticResource ChatSelectorTemplate}" HasUnevenRows="True" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" SeparatorVisibility="None">
<ListView.Behaviors>
<behavior:EventToCommandBehavior EventName="ItemTapped" Command="{Binding ChatTap}" Converter="{StaticResource TappedItemConverter}" />
<behavior:EventToCommandBehavior EventName="ItemAppearing" Command="{Binding ItemAppearingEvent}" Converter="{StaticResource ItemAppearingConverter} " />
</ListView.Behaviors>
</ListView>
Проблемный шаблон данных:
<DataTemplate x:Key="OtherTemplate">
<local:CustomViewCell>
<Grid ColumnSpacing="5" Padding="0,5,0,5" HorizontalOptions="FillAndExpand">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="40" />
</Grid.ColumnDefinitions>
<ff:CachedImage LoadingPlaceholder="nopic.png" Grid.Row="0" Grid.Column="0" DownsampleToViewSize="True" WidthRequest="50" HeightRequest="50" Aspect="AspectFit" Source="{Binding ProfilePic}" VerticalOptions="StartAndExpand">
<ff:CachedImage.Transformations>
<ffTransformations:CircleTransformation />
</ff:CachedImage.Transformations>
</ff:CachedImage>
<Frame Grid.Row="0" Grid.Column="1" HorizontalOptions="FillAndExpand" Padding="15,10,15,10" BackgroundColor="#eaeaea" CornerRadius="20" HasShadow="False">
<StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" Spacing="3">
<Label TextColor="#616161" FontSize="14" Text="{Binding Name}">
<Label.FontFamily>
<OnPlatform x:TypeArguments="x:String">
<On Platform="iOS" Value="SourceSansPro-Semibold"/>
<On Platform="Android" Value="Fonts/SourceSansPro-Semibold.ttf#SourceSansPro-Semibold"/>
</OnPlatform>
</Label.FontFamily>
</Label>
<Label LineBreakMode="WordWrap" TextColor="#828282" FontSize="14" Text="{Binding Text}">
<Label.FontFamily>
<OnPlatform x:TypeArguments="x:String">
<On Platform="iOS" Value="SourceSansPro-Regular"/>
<On Platform="Android" Value="Fonts/SourceSansPro-Regular.ttf#SourceSansPro-Regular"/>
</OnPlatform>
</Label.FontFamily>
</Label>
</StackLayout>
</Frame>
<StackLayout Grid.Row="0" Grid.Column="2" Orientation="Vertical" Spacing="3" WidthRequest="40" VerticalOptions="CenterAndExpand" HorizontalOptions="EndAndExpand">
<Label TextColor="#828282" FontSize="14" Text="{Binding Time}" HorizontalOptions="EndAndExpand" HorizontalTextAlignment="End">
<Label.FontFamily>
<OnPlatform x:TypeArguments="x:String">
<On Platform="iOS" Value="SouceSansPro-Regular"/>
<On Platform="Android" Value="Fonts/SourceSansPro-Regular.ttf#SourceSansPro-Regular"/>
</OnPlatform>
</Label.FontFamily>
</Label>
</StackLayout>
</Grid>
</local:CustomViewCell>
</DataTemplate>
Любая помощь приветствуется, поскольку я действительно не хочу придерживаться "RetainElement".
PS: я тестировал на Android
Спасибо:)