MauppleMusic

📝 Purpose

Copy/paste the Library tab of the AppleMusic app using MAUI.

• Available on Android & IOS
• Only work on view (no model/databiding)
• Use theme (light/dark)

🛠 Languages & tools

🖊️ Versions

• .NET 7
• Android API 33 (tested)
• iOS 16 (tested)

📍 Visuals

Please note that the screenshots from the original app were taken with an Iphone. Thoses of the "Clone-app" were taken with an Android with a different resolution.

Library section

AppleMusic	MauppleMusic

Albums section

AppleMusic	MauppleMusic

⚙️ Known limitations

Due to its youngness (and maybe certainly because of my lack of knowledge) the CollectionView seems to have some bugs with iOS such as:

• Have it's own ScrollView went placed in a component that already own one.
• Wrongly displays the first items when using the GridItemsLayout.

Here is an exemple of code that gave this issue based on the MAUI project version.

<CollectionView ItemsSource="{Binding SomeCollection}"
                SelectionMode="None">
    <CollectionView.ItemsLayout>
        <GridItemsLayout Orientation="Vertical" 
                         Span="2" />
    </CollectionView.ItemsLayout>
                    
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <SomeComponent/>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

✍️ Credits

• Author: Valetin Clergue