Xamarin.FormsをMAUI移行中にツマった話

重要
HorizontalOptions プロパティと VerticalOptions プロパティは、AbsoluteLayout の子には影響しません
https://learn.microsoft.com/ja-jp/dotnet/maui/user-interface/layouts/absolutelayout?view=net-maui-8.0

全部、ちゃんと子要素のサイズも指定するか、Gridに置き換えるかは、ケースバイケースな気がする。

GridはGridで怪しくて、列や行の高さをプログラムから変更するコードを書くと、Debug版では動くのに、Release版ではアプリが吹っ飛んだ。
また、特定の端末ではGridの隙間を0にしているのに微妙に空いてしまったり。
画像を配置して厳密に指定したいなら、AbsoluteLayoutに置き換えましょう。
動的に変えたいなら、例えばOnSizeAllocatedで計算して反映しましょう。

double x, y, itemWidth, itemHeigt;
// 計算は調略
// 例えばbuttonStartの位置を調整
AbsoluteLayout.SetLayoutBounds(buttonStart, new Rect(x, y, itemWidth, itemHeigt));

あと、確証はないけど、OnSizeAllocatedをoverrideして、base.OnSizeAllocatedの呼び出しタイミングは最初よりは諸々処理した後が良さげ？
下記も参照してください。

みにましあ

https://minimashia.net/net-maui-grid-convert-absolutelayout

2024.05.31

.NET MAUIでGridをAbsoluteLayoutへ

Xamarin時代例えば、XAMLで画面全体にGridを配置してmainGridって名前をつけてるとする。そこに、hogeList、hogeViw、hogeButtonの３要素があったとして、それをコードからこんな感じで修正してたとする。mainGrid.RowDefinitions.Clear();mainGrid.ColumnDefinitions.Clear();// Y軸mainGrid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(1, GridUnitType.Absolute) });mainGrid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(400, GridUnitType.Absolute) });mainGrid.RowDefinitions.Add(ne...

透明なラベルはGridを跨ぐべからず

タップ用に透明なラベルを配置して、ボタンの画像を正常時・タップ中で切り替えたかった。
が、Gridの行や列を跨いで配置すると、透明ラベルが表示しているテキストの領域に引きづられる = つまりTextが空文字だとラベル領域が消えた。
これが、iOSやAndroid 9では起こらず、手持ちのAndroid 13で、配置したボタンの一部でしか出ない。なんでや。

Aspect=”AspectFill”が効くようになった？

Aspect=”AspectFill”（アスペクト比を固定する）を選択してるのに、Xamarinは効果がなかったっぽい？
MAUIではちゃんと適用されたことがきっかけで、画像サイズがいまいちだったものが見つかった。

ステータスバーの色

XamarinはiOSのステータスバーもホームバーも無視して突き抜けてた。
けど、これが土台のViewの背景色が反映されつつ、突き抜けなくなった。
でも、ステータスバーの色はむしろ突き抜けててほしい。
Community.Toolkit.Maui.CoreをNugetからインストールして、プログラムから変更するようにした。
ただ、横回転もサポートするとダメダメなので、こちらも参照してください。

みにましあ

https://minimashia.net/net-maui-iphone-usersafearea

2024.06.06

.NET MAUIでiPhoneの描画調整

Androidだとあまり気にならないけど、iPhoneだとアプリの外周が気になるわーiPhone13(iOS 16.5.1)で確認してみる。アプリ上に配置したコントロールの描画領域は、こんなイメージ（茶色部分）。横回転してみると、おいぃぃ！って感じ。縦向き固定なら、ステータスバーの色を同期させる処理を実装すれば良い。横向きもサポートするなら困るので、安全領域レイアウトガイドを有効化すれば良いらしい。いちいち全Pageに入れなきゃダメなのか？<?xml version="1.0" encoding="utf-8" ?><ContentPage xmlns=&q...

/// <summary>
/// ステータスバーにアプリ上部の色を適用する
/// </summary>
private void updateStatusBarColor()
{
    // 失敗してもエラーにはしない
    try
    {
        CommunityToolkit.Maui.Core.Platform.StatusBar.SetColor(Color.FromRgb(0x66, 0x66, 0x66));
    }
    catch (Exception ex)
    {
        Console.WriteLine(ex.Message);
    }
}

Android.App.AlertDialogの色（未解決）

Android.App.AlertDialog.Builderを使ってダイアログを出すとき、今までは背景のみ白を指定して、問題なかった。
それが、Xperia Ace Ⅱだと背景もボタンが白くて見えなくなっちゃった。

じゃあ、指定もメンドイし、Styleの指定をやめて、デフォルトで行こう。
Pixel6で、背景もボタンも黒くて見えない。なんでや。

なので、ボタンは黒を明示的に指定するようStyle.xmlを修正。
こちらを参考にさせてもらいました。
https://qiita.com/hanaaaa/items/dd58ab6946d8ff4a0994

<?xml version="1.0" encoding="utf-8" ?>
<resources>
  <style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="buttonBarPositiveButtonStyle">@style/PositiveButtonStyle</item>
    <item name="buttonBarNegativeButtonStyle">@style/NegativeButtonStyle</item>
    <item name="android:background">@android:color/white</item>
    
  </style>

  <!-- AlertDialogPositiveButtonStyle -->
  <style name="PositiveButtonStyle" parent="Widget.AppCompat.ButtonBar.AlertDialog">
    <item name="android:textColor">@android:color/black</item>
    <item name="backgroundTint">@android:color/white</item>
  </style>

  <!-- AlertDialogrNegativeButtonStyle -->
  <style name="NegativeButtonStyle" parent="Widget.AppCompat.ButtonBar.AlertDialog">
    <item name="android:textColor">@android:color/black</item>
    <item name="android:textColor">@android:color/white</item>
  </style>
</resources>

これで、Xperia Ace Ⅱだと白背景＋ボタン文字が緑に、Pixel6だと白背景＋ボタン文字が黒に。統一せぇ。
そしてXperia Aceで背景もボタンが白くて見えなくなっちゃった。なんなの…。

Label.FormattedTextを使うと、LabelのTextColorは無視される

なんでだ。
SpanタグにもTextColorをいちいち指定した。

<Label TextColor="White"> <!--これは無視された -->
<Label.FormattedText>
    <FormattedString>
        <Span Text="いちいち" TextColor="White"/>
        <Span Text="{x:Static sys:Environment.NewLine}" />
        <Span Text="白を指定" TextColor="White"/>
    </FormattedString>
</Label.FormattedText>