【MAUI】スタイルを統一して指定する - 創作世界のいろいろ〜AdobeとかC#とか

詳細記事書きましたので、実際の記述方法は下記の記事から

---MAUI入門におすすめの参考書籍---

--------------------------------------------

ビュー（見た目）の装飾を一括で変更して統一感のあるUIにしたいとき。

<Style>タグを使いますが、いくつかの手段が考えられると思います。

1.　アプリ全体で統一したいUI

2.　ページごとに統一したいUI

3.　個別に指定したいUI

これをどう分けて指定したらいいのかというと、"xamlのどこにデザインの指定を置くか"である程度整理できます。

cssに使い方が似てると思う（cssは中途半端にしかやったことがないからいまいちわかりませんが）

1.アプリ全体で統一したいUI

一番楽な方法は、既存のStyles.xaxmlを参考に修正してしまう方法

サンプルとは全く別のUIにしたいなら、一からStyle.xamlを新規作成してしまっても良いです。

cssなら、htmlファイルとは別に.cssファイルを作る感じ？

2.ページ毎に統一したいUI

これは、該当するページの上部に<ContentPage.Resources>~</>を配置して、その中にまとめればいいだけ。

htmlの上部にcssタグを入れられるのと同じかな？

3.個別に指定したいUI

これは単純にその要素に入れるだけ。

<Style>タグの使い方

<Style TargetType="ターゲットにするパーツ">
　 <Setter Property="ターゲットのどの部分を" Value="どう指定するか"/>
</Style>

ざっくりまとめると、上記のようになる。

たとえば、ボタンを統一して指定したいなら、

<Style TargetType="Button">
    <Setter Property="BackgroundColor" Value="#606060" />
    <Setter Property="FontSize" Value="Large" />
</Style>

とかになります。

ページ上部にButtonの装飾を指定して入れた場合↓

Buttonそのものには角丸の装飾は入れてないのに、自動的に反映してくれるので、何個もButtonを配置しても同じように角丸にしてくれる。