ローディングインジケータ付きXamarinフォームボタン

Question

私は約1週間からXamarinに入っていて、ボタンの中にローディングアイコンを作成する可能性について質問があります。

私はこれに似何かを達成したいと思います：溶液中のアクティビティインジケータを使用するのは悪くないだろうので、私は、FontAwesomeでこの効果を達成しようとしているが、それをアニメーション化問題を有していた https://jsfiddle.net/mr8fwtcv/

。

マイボタンがスタックレイアウトの内部に配置され、そしてここでのコードです：

var loginButton = new Button 
{ 
    BackgroundColor = Color.FromHex("689F38"), 
    TextColor = Color.White, 
    HeightRequest = 46, 
    Text = "Log in", 
    FontAttributes = FontAttributes.Bold, 
    FontSize = 18, 
    Margin = margin 
}; 

私はすでにいくつかのプラグイン/ソリューションを探していましたが、いずれも見つけることができませんでした。 ありがとうございます。

Answer 1

複数のコントロールを配置するには、レイアウトを使用する必要があります。 CustomRenderersを探していない場合は、RelativeLayoutがあり、その中にButtonとActivity Indicatorの両方があります。また、IsBusyがtrueのときにテキストをstring.Emptyに設定するボタンテキスト用のConverterを作成する必要があります。

例：また

<StackLayout> 
    <ActivityIndicator IsVisible="{Binding IsBusy}" IsRunning="{Binding IsBusy}"> 
    <Button Text="{Binding ButtonText, Converter={StaticResource ButtonTextConverter}, ConverterParameter={Binding IsBusy}> 
<StackLayout> 

あなたはカスタムコントロールとしてこれを作成することができ、複数の場所でこれを使用することを計画している場合。

カスタムコントロールコードhereをチェックアウトすることができます。

フルプロジェクトはhereです。