我正在Xamarin.forms应用程序聊天,listView
出现了一些问题。第一个是,当我准备输入一些信息时,键盘会覆盖主聊天。第二种情况发生在我隐藏键盘并且listView
没有向下滚动时。这类问题有没有一些常规的解决方案?这是视频和各自的代码:
视频
我的xaml页面:
<StackLayout>
<ListView
x:Name="MessagesListView"
ItemTemplate="{StaticResource MessageTemplateSelector}"
ItemsSource="{Binding Pedidos}"
HasUnevenRows="True" SeparatorVisibility="None" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" IsEnabled="True" SelectionMode="None" BackgroundColor="{StaticResource BackGroundColor}"/>
<StackLayout Orientation="Horizontal" BackgroundColor="{StaticResource white}" Grid.Row="1">
<local1:CustomEntry
HorizontalOptions="FillAndExpand"
Placeholder="{translator:Translate Mensagem}"
Keyboard="Chat" Margin="8,0,0,0" PlaceholderColor="{StaticResource PlaceHolderText}" TextColor="{StaticResource texto}" FontSize="14" Text="{Binding Pedido.Message}" x:Name="Message"/>
<Image Source="send.png" WidthRequest="32" HeightRequest="32" Margin="8,8,8,8" BackgroundColor="Transparent">
<Image.GestureRecognizers>
<TapGestureRecognizer
Command="{Binding EnviarPedidoCommand}"
Tapped="Button_Clicked"
/>
</Image.GestureRecognizers>
</Image>
</StackLayout>
</StackLayout>
后端页面:
public ChatPage(Classes.ClassConversation.ResultadoConversation conversation, Classes.ClassUser.Result user)
{
InitializeComponent();
GetResult = conversation;
ConnectionsStrings.GlobalVar.email = user.rowKey;
GetUser = user;
Xamarin.Forms.Application.Current.On<Xamarin.Forms.PlatformConfiguration.Android>().UseWindowSoftInputModeAdjust(WindowSoftInputModeAdjust.Resize);
_viewModel = new ViewModels.ConnectionHub(conversation, user);
}
protected override async void OnAppearing()
{
base.OnAppearing();
GetHistoryOfConversation(GetResult.rowKey, ConnectionsStrings.GlobalVar.Token, GetUser);
BindingContext = _viewModel;
await _viewModel.Connect();
}
protected override async void OnDisappearing()
{
base.OnDisappearing();
await _viewModel.Disconnect();
}
//Limpa o campo mensagem quando envia mensagem
private void Button_Clicked(object sender, EventArgs e)
{
Message.Text = "";
}
//Função que recebe o historico de mensagens daquela conversa
async void GetHistoryOfConversation(string conversationId, string token, Classes.ClassUser.Result user)
{
try
{
Classes.ClasMessage messages = await Servicos.Servicos.GetHistoryOfConversation(conversationId, token, user, GetResult);
_viewModel.Pedidos = new ObservableRangeCollection<Classes.SendMessage>(messages.result);
var target = _viewModel.Pedidos[_viewModel.Pedidos.Count - 1];
MessagesListView.ScrollTo(target, ScrollToPosition.End, false);
var result = await Servicos.Servicos.ReadConversation(conversationId, GetResult);
}
catch (Exception)
{
await DisplayAlert(Languages.AppResources.Notifications, Languages.AppResources.ErrorOccurred, "Ok");
}
}
第一个是,当我准备好键入一些消息时键盘覆盖了主聊天。
对于第一个问题,您应该检测键盘向上/向下移动列表视图。
在Android中,您可以使用软键盘输入模式
<Application ...
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
android:Application.WindowSoftInputModeAdjust="Resize">
...
</Application>
在iOS中,您需要编写自定义渲染器来检测事件。
你可以在这个帖子中查看答案,并阅读这个博客以获得解决方案。
第二个发生在我隐藏键盘和列表视图时不会一直向下滚动。
将消息插入listView的itemSource后,应滚动EnviarPedidoCommand
中的listView。