Skip to content

Visual Challenge - Pocket Casts #56

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Visual Challenge - Pocket Casts #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
f835cc8
Add the image of the app we're trying to recreate.
Mar 31, 2019
b10afa2
Rough pass of layout for Android.
Mar 31, 2019
5bc5c0a
Some spacing tweaks.
Mar 31, 2019
9ed4545
Matching colours!
Mar 31, 2019
5c212f6
Use the same data.
Mar 31, 2019
1c98fc1
Tweks for iOS.
markmccaigue Apr 1, 2019
0d03cd1
Small tweak, updating images.
markmccaigue Apr 1, 2019
006aa1b
Towards icons. Bringing in Material Design Icons as an icon font with…
Apr 29, 2019
ad97e12
Updating more icos.
May 26, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added VisualChallenge/VisualChallenge.Android/Assets/materialdesignicons-webfont.ttf
View file
Open in desktop
Binary file not shown.
120 changes: 63 additions & 57 deletions VisualChallenge/VisualChallenge.Android/Resources/Resource.designer.cs
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added VisualChallenge/VisualChallenge.Android/Resources/drawable/invisibila.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added VisualChallenge/VisualChallenge.Android/Resources/drawable/makingsense.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion VisualChallenge/VisualChallenge.Android/Resources/values/styles.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<!-- colorPrimary is used for the default action bar background -->
<item name="colorPrimary">#2196F3</item>
<!-- colorPrimaryDark is used for the status bar -->
<item name="colorPrimaryDark">#1976D2</item>
<item name="colorPrimaryDark">#000</item>
<!-- colorAccent is used as the default value for colorControlActivated
which is used to tint widgets -->
<item name="colorAccent">#FF4081</item>
Expand Down
8 changes: 7 additions & 1 deletion VisualChallenge/VisualChallenge.Android/VisualChallenge.Android.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@
<Compile Include="Properties\AssemblyInfo.cs" />
</ItemGroup>
<ItemGroup>
<AndroidAsset Include="Assets\materialdesignicons-webfont.ttf" />
<None Include="Resources\AboutResources.txt" />
<None Include="Assets\AboutAssets.txt" />
<None Include="Properties\AndroidManifest.xml" />
Expand Down Expand Up @@ -86,12 +87,17 @@
<AndroidResource Include="Resources\drawable-xxhdpi\xamagon_preview.png" />
<AndroidResource Include="Resources\drawable-xxxhdpi\xamagon_preview.png" />
</ItemGroup>
<ItemGroup />
<ItemGroup>
<AndroidResource Include="Resources\drawable\invisibila.jpg" />
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\VisualChallenge\VisualChallenge.csproj">
<Project>{DF343C5B-66F1-4EF5-B721-6246D8F1DC39}</Project>
<Name>VisualChallenge</Name>
</ProjectReference>
</ItemGroup>
<ItemGroup>
<AndroidResource Include="Resources\drawable\makingsense.png" />
</ItemGroup>
<Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
</Project>
4 changes: 4 additions & 0 deletions VisualChallenge/VisualChallenge.iOS/Info.plist
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,5 +34,9 @@
<string>VisualChallenge</string>
<key>XSAppIconAssets</key>
<string>Assets.xcassets/AppIcon.appiconset</string>
<key>UIAppFonts</key>
<array>
<string>materialdesignicons-webfont.ttf</string>
</array>
</dict>
</plist>
Binary file added VisualChallenge/VisualChallenge.iOS/Resources/invisibila.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added VisualChallenge/VisualChallenge.iOS/Resources/makingsense.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added VisualChallenge/VisualChallenge.iOS/Resources/materialdesignicons-webfont.ttf
View file
Open in desktop
Binary file not shown.
Binary file added VisualChallenge/VisualChallenge.iOS/Resources/xamagon_preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions VisualChallenge/VisualChallenge.iOS/VisualChallenge.iOS.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,7 @@
<None Include="Entitlements.plist" />
<None Include="Info.plist" />
<Compile Include="Properties\AssemblyInfo.cs" />
<BundleResource Include="Resources\materialdesignicons-webfont.ttf" />
</ItemGroup>
<ItemGroup>
<ImageAsset Include="Assets.xcassets\AppIcon.appiconset\Contents.json">
Expand Down Expand Up @@ -144,4 +145,13 @@
<Name>VisualChallenge</Name>
</ProjectReference>
</ItemGroup>
<ItemGroup>
<BundleResource Include="Resources\invisibila.jpg" />
</ItemGroup>
<ItemGroup>
<BundleResource Include="Resources\makingsense.png" />
</ItemGroup>
<ItemGroup>
<BundleResource Include="Resources\xamagon_preview.png" />
</ItemGroup>
</Project>
7 changes: 6 additions & 1 deletion VisualChallenge/VisualChallenge/App.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,11 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="VisualChallenge.App">
<Application.Resources>


<OnPlatform x:Key="MaterialFontFamily" x:TypeArguments="x:String">
<On Platform="iOS" Value="Material Design Icons" />
<On Platform="Android" Value="materialdesignicons-webfont.ttf#Material Design Icons" />
</OnPlatform>

</Application.Resources>
</Application>
52 changes: 43 additions & 9 deletions VisualChallenge/VisualChallenge/AppShell.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,26 +16,60 @@
-->
<Shell.Resources>
<ResourceDictionary>
<Color x:Key="NavigationPrimary">#2196F3</Color>
<Color x:Key="NavigationPrimary">#24272B</Color>
<Style x:Key="BaseStyle" TargetType="Element">
<Setter Property="Shell.ShellBackgroundColor" Value="{StaticResource NavigationPrimary}" />
<Setter Property="Shell.ShellBackgroundColor" Value="#24272B" />
<Setter Property="Shell.ShellForegroundColor" Value="White" />
<Setter Property="Shell.ShellTitleColor" Value="White" />
<Setter Property="Shell.ShellDisabledColor" Value="#B4FFFFFF" />
<Setter Property="Shell.ShellUnselectedColor" Value="#95FFFFFF" />
<Setter Property="Shell.ShellTabBarBackgroundColor" Value="{StaticResource NavigationPrimary}" />
<Setter Property="Shell.ShellTabBarBackgroundColor" Value="White" />
<Setter Property="Shell.ShellTabBarForegroundColor" Value="White"/>
<Setter Property="Shell.ShellTabBarUnselectedColor" Value="#95FFFFFF"/>
<Setter Property="Shell.ShellTabBarTitleColor" Value="White"/>
<Setter Property="Shell.ShellTabBarUnselectedColor" Value="Gray"/>
<Setter Property="Shell.ShellTabBarTitleColor" Value="#2196F3"/>
</Style>
<Style TargetType="ShellItem" BasedOn="{StaticResource BaseStyle}" />
</ResourceDictionary>
</Shell.Resources>

<FlyoutItem>
<Tab>
<ShellItem>

<ShellSection Title="Podcasts">
<ShellSection.Icon>
<FontImageSource
FontFamily="{DynamicResource MaterialFontFamily}"
Glyph="{x:Static local:MaterialFontIcons.Apps}"/>
</ShellSection.Icon>
<ShellContent ContentTemplate="{DataTemplate local:VisualChallengePage}"/>
</ShellSection>

<ShellSection Title="Filters">
<ShellSection.Icon>
<FontImageSource
FontFamily="{DynamicResource MaterialFontFamily}"
Glyph="{x:Static local:MaterialFontIcons.FilterVariant}"/>
</ShellSection.Icon>
<ShellContent ContentTemplate="{DataTemplate local:VisualChallengePage}"/>
</ShellSection>

<ShellSection Title="Discover">
<ShellSection.Icon>
<FontImageSource
FontFamily="{DynamicResource MaterialFontFamily}"
Glyph="{x:Static local:MaterialFontIcons.Magnify}"/>
</ShellSection.Icon>
<ShellContent ContentTemplate="{DataTemplate local:VisualChallengePage}"/>
</ShellSection>

<ShellSection Title="Profile">
<ShellSection.Icon>
<FontImageSource
FontFamily="{DynamicResource MaterialFontFamily}"
Glyph="{x:Static local:MaterialFontIcons.AccountOutline}"/>
</ShellSection.Icon>
<ShellContent ContentTemplate="{DataTemplate local:VisualChallengePage}"/>
</Tab>
</FlyoutItem>
</ShellSection>

</ShellItem>

</Shell>
Loading