0

I have a CollectionView that has an ItemTemplate similar to the below:

<CollectionView>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>

                <Label Grid.Column="0"
                       Text="{Binding Name}" />

                <Label Grid.Column="1"
                       Text="{Binding Cost}" />
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

On iOS, everything seems fine, whereas on Android, specifically my physical Samsung device, there is a default "tap" sound that plays whenever I tap anywhere within the bounds of the item.

I can disable the sound by adding an empty TapGestureRecognizer to the ItemTemplate like so:

<Grid>
    <Grid.GestureRecognizers>
        <TapGestureRecognizer />
    </Grid.GestureRecognizers>
</Grid>

This removes the sound but seems like a hack that I really don't want coming back to bite me sometime in the future, so I'd much prefer an actual solution.

rbrettj
  • 36
  • 1
  • 8
  • I have tested the collectionview in my project on the emulator and xiaomi physical device, there is no tapped sound. – Liyun Zhang - MSFT Apr 06 '23 at 09:58
  • There for sure is on my physical Samsung A10e. It's the default sound that plays all over the OS. Thanks for confirming that it isn't across the board. I know Samsung has their own flavor of Android that does things a bit differently, so not sure how best to solve this. I've edited the question to reflect this information. Will need to think on how best to fix this issue. – rbrettj Apr 07 '23 at 17:39

1 Answers1

0

So, the issue isn't across the board and seems to only affect some devices (in my case, Samsung). The best solution I found was to create a new style for the application that disables sound effects and apply that to the MainActivity. To do this, I created a new styles.xml file under Platforms/Android/Resources/values/ that contained the following:

<resources>
  <style name="AppTheme" parent="Maui.SplashTheme">
    <!-- Tells the Android OS not to play OS-specific SFX -->
    <item name="android:soundEffectsEnabled">false</item>
  </style>
</resources>

Since Maui already defined a style that's frustratingly hidden from the user (see here), I went ahead and derived my style from that using the parent tag.

After that, the only thing left to do to apply the style was to open MainActivity.cs and update the Activity attribute near the top of the file like so, using my style instead of the Maui one:

[Activity(Theme = "@style/AppTheme", ...)]
public class MainActivity : MauiAppCompatActivity
{
    // Other app initialization stuff
}

This fixed the issue I was seeing. I will note that should you prefer, you could override the entire app's style instead of the individual Activity's by applying an Application attribute to the MainApplication.cs file, but this is only really necessary if your app has multiple Activities that need different styles.

rbrettj
  • 36
  • 1
  • 8