MAUI(.NET C#)での水平スクロールバーの表示ができない

MAUI(.NET C#)での水平スクロールバーの表示

MAUIでAndroid/iOS向けアプリを開発中です。
画面より広いGridを表示し、水平・垂直スクロールバーが表示される、
つまり指でドラッグすることで上下左右にGridエリアを移動させるUIとしたいです（下記例ではGridは複雑になるためImageで代用しています）。
垂直スクロールバーは表示されますが、水平スクロールバーが表示されません。

該当のソースコード

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp2.NewPage1" Title="NewPage1">
    <Grid RowDefinitions="100,*,100">
        <ScrollView Grid.Row="1"
                    VerticalScrollBarVisibility="Always" 
                    HorizontalScrollBarVisibility="Always">
            <Image
                Source="dotnet_bot.png"
                HeightRequest="2000"
                WidthRequest="2000"/>
        </ScrollView>
    </Grid>
</ContentPage>

試したこと

HorizontalScrollBarVisibilityが該当の機能のため、Alwaysを指定していますがバーは表示されません。Default, Neverでも変わりません。
VerticalScrollBarVisibilityも指定してみましたが、Always、Defaultでスクロールバーが表示されNeverでは表示されないので想定通りです。
ScrollViewではなくScrollViewerというものも存在しますが、MAUIではサポートしていないようです。
上記例のImage部分をGridにしても水平スクロールバーは表示されませんでした。

よろしくお願い致します。

Zuishin

2023/04/06 14:30

https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/scrollview?view=net-maui-7.0#orientation

INUINU

2023/04/06 17:14

ありがとうございます。Orientationに水平垂直両方を可とするBothを指定しても同じく垂直スクロールバーしか表示されませんでした。 <ScrollView Grid.Row="1" VerticalScrollBarVisibility="Always" HorizontalScrollBarVisibility="Always" Orientation="Both">

Zuishin

2023/04/06 21:30

同じページに書いてありますが、他のスクロール可能なコントロールとネストしてはいけないという制限があります。 NestedScrollingEnabled プロパティがあるなら設定を試してみてください。また、次のような情報もあります。 https://stackoverflow.com/questions/74444141/net-maui-scrollview-doesnt-scroll-in-both-directions

INUINU

2023/04/07 14:45 編集

ありがとうございます。同じような内容でこんな記事もありました。 https://atmarkit.itmedia.co.jp/ait/articles/1612/28/news021.html ScrollViewの中に入れているImageはNestedScrollingEnabled は存在しませんでした。ScrollView自身にも存在せず、Xamarinとの違いなのかと思っています。試行錯誤し、Winodws上での起動では下記で水平・垂直スクロールバーが表示されました。 ``` <ContentPage 略> <Grid RowDefinitions="100,*,100"> <ScrollView Grid.Row="1" VerticalScrollBarVisibility="Always" HorizontalScrollBarVisibility="Always" Orientation="Both"> <Grid HeightRequest="3000" WidthRequest="3000" RowDefinitions="*,*,*" ColumnDefinitions="*,*,*"> <Image Source="pink.png" Grid.Row="0" Grid.Column="0"/> <Image Source="green.png" Grid.Row="0" Grid.Column="2"/> <Image Source="pink.png" Grid.Row="1" Grid.Column="1"/> <Image Source="green.png" Grid.Row="2" Grid.Column="0"/> <Image Source="green.png" Grid.Row="2" Grid.Column="2"/> </Grid> </ScrollView> </Grid> </ContentPage> ``` しかし、同じソースでAndroid上で実行すると、水平スクロールバーのみ表示され、垂直スクロールはできない状態です。 OrientationをBoth以外にも試しましたが、垂直か水平どちらかしかスクロールバーはでませんでした。現状のMAUIにおけるAndroid仕様なのかもしれません・・

Zuishin

2023/04/07 14:50

リンクした Stack Overflow の回答では、Android のバグかもしれないので Issue にある解決法を試せと書いてあります。そして StackLayout で解決しています。

INUINU

2023/04/10 17:23

StackLayout で縦横スクロールが可能となりました。スクロールするエリアで先頭行・先頭列の固定など実現したいことがいろいろあり、StackLayoutで実現できるかわからないですが、スクロールの実績ができましたのでこれをベースに試行錯誤したいと思います。本件解決しました。ありがとうございます。

Zuishin

2023/04/10 22:13

自己解決してください。