Share via

iOS の VisualElement ぼかし

  • [アーティクル]

この iOS プラットフォーム固有設定は、その下に重ねられたコンテンツをぼかすために使用され、任意の VisualElement に適用できます。 VisualElement.BlurEffect 添付プロパティを BlurEffectStyle 列挙型の値に設定することで、XAML で使用されます。

<ContentPage ...
             xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core">
  ...
  <Image Source="monkeyface.png"
         ios:VisualElement.BlurEffect="ExtraLight" />
  ...
</ContentPage>

あるいは、Fluent API を使用して C# から使用することもできます。

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.iOSSpecific;
...

image.On<iOS>().UseBlurEffect(BlurEffectStyle.ExtraLight);

Image.On<iOS> メソッドは、このプラットフォーム固有が iOS でのみ実行されるように指定します。 Xamarin.Forms.PlatformConfiguration.iOSSpecific 名前空間の VisualElement.UseBlurEffect メソッドは、ぼかし効果を適用するために使用され、BlurEffectStyle 列挙型では次の 4 つの値が提供されます。

結果として、指定された BlurEffectStyle が Image に適用されます。

ぼかし効果プラットフォーム固有設定

Note

VisualElement にぼかし効果を追加すると、タッチ イベントは引き続き VisualElement によって受信されます。