Entryフィールドのすべての変更をキャプチャする方法は？

Question

私はユーザーがデータを入力する入力フィールドを持っていて、テキストが変わるたびにキャプチャして、ユーザーが入力したデータと一致するものがあるかどうかを照会して結果を表示します。

   <StackLayout Grid.Row="0" Grid.Column="0" Padding="16,13,16,9"> 
       <StackLayout Orientation="Horizontal" Padding="10,0"> 
        <StackLayout.GestureRecognizers> 
        <TapGestureRecognizer Tapped="OnTapVINRecognizer"/> 
        </StackLayout.GestureRecognizers> 
        <local:CustomLabel x:Name="VINLabel" Text="VIN" TextColor="#3680a4" Style="{StaticResource AccordTitleStyle}"/> 
        <Image x:Name="VINImage" Source="arrow_down.png"/> 
       </StackLayout> 
       <StackLayout x:Name="VINAccordion" IsVisible="True" Padding="0,5,0,16" Spacing="10"> 
        <StackLayout Spacing="0" Orientation="Horizontal"> 
        <local:CustomEntry x:Name="VINText" Placeholder="17 CHARACTERS" HorizontalOptions="FillAndExpand"/> 
        </StackLayout> 
        <local:CustomLabel Style="{StaticResource AccordLabelStyle}"> 
        <local:CustomLabel.Text> 
         If the motor has a VIN, enter the VIN. A VIN is the 17 character identifier recorded on most vehicles built after 1998 
        </local:CustomLabel.Text> 
        </local:CustomLabel> 
        <local:CustomButton Clicked="OnClickSearchBtn" ClassId="vin"/> 
       </StackLayout> 
       </StackLayout> 

この行は、ユーザーの入力は、テキスト：

<StackLayout Spacing="0" Orientation="Horizontal"> 
     <local:CustomEntry x:Name="VINText" Placeholder="17 CHARACTERS" HorizontalOptions="FillAndExpand"/> 
    </StackLayout> 

どのように私は、テキストにそれが変わるたびにキャプチャしますか？その後に結果が表示される場合、どうすれば表示されますか？ UはTextChangedイベントを準備していますが、使用方法がわかりません。このシナリオに適用可能ですか？助けを前にありがとう。

Answer 1

MVVMのアプローチをチェックして、エントリテキストプロパティのバインディングを使用し、ルールを決めてください！

Answer 2

Text propertyのEntryにバインドすることができます（VMを使用してバインドする場合）またはTextChanged Eventを使用できます。

すべてのテキスト変更でデータベースを照会する必要があると言ったので、メインスレッド（UIスレッド）がブロックされていないことを確認するには、Asyncメソッドとして実行してください。結果を取得したら、Device.BeginInvokeOnMainThreadメソッドを使用してUIスレッドから必要な変更を加えて、UIを更新できます。

例：

VINText.TextChanged += async (s,e) => 
{ 
    //Long running task - query the db 
    await FetchResultFromDatabase(); 

    Device.BeginInvokeOnMainThread (() => {    
     // update UI 
     label.Text = "Async operation completed"; 
    }); 
}