Forrest Humphrey avatar Forrest Humphrey committed 6816f5d

remove unecessary border until we go over animation

Comments (0)

Files changed (2)

Meme/Meme/MainWindow.xaml

         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         Title="MainWindow" Height="600" Width="525">
-    <DockPanel>
-        <Button DockPanel.Dock="Top" Width="100" HorizontalAlignment="Left" Click="GetNextMeme">Random Meme</Button>
+    <Window.Resources>
+        <!-- glass button obtained from http://mrpmorris.blogspot.com/2008/04/wpf-custom-button-templates.html -->
+        <Style TargetType="{x:Type Button}">
+            <Setter Property="Foreground" Value="White"/>
+            <Setter Property="Margin" Value="5" />
+        </Style>
+        <ControlTemplate x:Key="glassButton" TargetType="{x:Type Button}">
+            <Border BorderThickness="1,1,1,1" CornerRadius="4,4,4,4" BorderBrush="Black" Background="Black">
+                <Grid>
+                    <Border x:Name="BorderUp" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4">
+                        <Border.BorderBrush>
+                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" >
+                                <GradientStop Color="White" Offset="0"/>
+                                <GradientStop Color="#222222" Offset="1"/>
+                            </LinearGradientBrush>
+                        </Border.BorderBrush>
+                        <Border.Background>
+                            <LinearGradientBrush StartPoint=".5,0" EndPoint=".5,1">
+                                <GradientStop Color="#aaaaff" Offset="0"/>
+                                <GradientStop Color="#444466" Offset="0.6"/>
+                                <GradientStop Color="#444444" Offset="1"/>
+                            </LinearGradientBrush>
+                        </Border.Background>
+                    </Border>
+                    <ContentPresenter x:Name="Contents" HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Margin="3,3,3,3"/>
+                </Grid>
+            </Border>
+        </ControlTemplate>
+    </Window.Resources>
+        <DockPanel>
+        <Button Template="{StaticResource glassButton}" DockPanel.Dock="Top" Width="100" HorizontalAlignment="Left" Click="GetNextMeme">Random Meme</Button>
         <Border DockPanel.Dock="Bottom">
             <Image Name="image"></Image>
         </Border>

Presentation/coding_note_card.txt

 	* Talk about why the buttons turn weird when you mouse over them, add a normal button ('hg up 62')
 	        <Button Name="Button" Grid.Row="0" Grid.Column="1" Height="50" Width="100">Normal Button</Button>
 
-	* 
+	* Open Meme app, show basic functionality ('hg up 65')
+	* Use glass button template ('hg up 66')
+	* talk about why the button doesn't change on MouseOver
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.