Xamarin: Listview с элементом Recycle и динамической высотой строки - PullRequest
0 голосов
/ 07 июля 2019

В настоящее время я разрабатываю приложение для чата, например 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

Спасибо:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...