読者です 読者をやめる 読者になる 読者になる

yamamoWorks

.NET技術を中心に気まぐれに更新していきます

ActivityIndicatorをProgressBarからProgressRingに変更する

Xamarin Formsの読み込み中などの状態を表現するActivityIndicatorですが、iOSとAndroidではグルグル回る円で描画され、UWPでは何故か左から右に粒が流れるProgressBarで描画されておりデザインの統一が取れなくて困ります。

iOS Android UWP
f:id:yamamoWorks:20160816184154g:plain f:id:yamamoWorks:20160816184158g:plain f:id:yamamoWorks:20160816184205g:plain

そこでカスタムレンダラーを用いてProgressRingに置き換えてみました。

UWP(Ring版)
f:id:yamamoWorks:20160816185830g:plain

Xamarin FormsはオープンソースになっているのでデフォルトのレンダラーActivityIndicatorRenderer.csをコピペして少し変更しただけです。

GitHubにソースコードを置いておきます。 github.com