LeoAndo / xamarin-forms-app-templates

templates for xamarin-forms-app
1 stars 0 forks source link

マテリアル対応 #1

Open LeoAndo opened 3 years ago

LeoAndo commented 3 years ago

使用するNugetパッケージ

https://www.nuget.org/packages/Xamarin.Forms.Visual.Material/

refs

https://docs.microsoft.com/ja-jp/xamarin/xamarin-forms/user-interface/visual/material-visual https://github.com/xamarin/xamarin-forms-samples/tree/main/UserInterface/VisualDemos https://devblogs.microsoft.com/xamarin/beautiful-material-design-android-ios/

LeoAndo commented 3 years ago

手順1 NuGetでパッケージのインストールを行う

各Platformのプロジェクト(Android、iOS)にNuGetで「Xamarin.Forms.Visual.Material」パッケージをインストールする

スクリーンショット 2021-09-11 23 47 15 スクリーンショット 2021-09-11 23 43 00

インストール成功したら、visual studioの上部に以下のような表示がされる。

スクリーンショット 2021-09-11 23 47 03

ここの作業をAndroid, iOSそれぞれで行ってください。

スクリーンショット 2021-09-11 23 49 16
LeoAndo commented 3 years ago

手順2 マテリアルビジュアルの初期化

以下の赤枠の通りコードを追加してください。

iOS

スクリーンショット 2021-09-24 15 54 46

Android

スクリーンショット 2021-09-11 23 56 17
LeoAndo commented 3 years ago

手順3 マテリアルビジュアルの適用

xamlファイルに以下の赤枠の通りコードを追加してください。

スクリーンショット 2021-09-12 0 16 13
LeoAndo commented 3 years ago

マテリアルを適用すると、ボタンとかが黒くなっているが、xamarinのマテリアルのデフォルト色らしい。