Curriculum WPF Authoring Learning Step One

Beginning to get this idea of learning ideas after not know how to start, although it is also a fairly simple design, but for such a small white I, can only learn one step to calculate one step;

Please the Great God presence, do not like to spray good, good;

The spirit of "learning from the difficulties, with the easy place" principle, the title of the main learning is directly with the XAML code bar by tapping the XAML code implementation, so also try to use the direct hit code implementation, which helps to zoom, it is also said to be very useful in the future 0.0

The first step in curriculum creation is to draw a table

Here I use grid to make the table, the code is as follows:

1<window x:class="Curriculum.mainwindow"2xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"3xmlns:x="Http://schemas.microsoft.com/winfx/2006/xaml"4title="MainWindow" height= "Width= ">5<Grid>6<Grid>7<grid.rowdefinitions >8<rowdefinition height=" -"></RowDefinition>9<RowDefinition></RowDefinition>Ten<RowDefinition></RowDefinition> One<RowDefinition></RowDefinition> A<RowDefinition></RowDefinition> -<RowDefinition></RowDefinition> -</Grid.RowDefinitions> the<Grid.ColumnDefinitions> -<columndefinition width=" -"></ColumnDefinition> -<ColumnDefinition></ColumnDefinition> -<ColumnDefinition></ColumnDefinition> +<ColumnDefinition></ColumnDefinition> -<ColumnDefinition></ColumnDefinition> +<ColumnDefinition></ColumnDefinition> A<ColumnDefinition></ColumnDefinition> at<ColumnDefinition></ColumnDefinition> -</Grid.ColumnDefinitions> -</Grid> -</Grid> -</Window>

This outlines a table of 6 rows and 8 columns, where the No. 0 row height (height) is 90 and the No. 0 column width (width) is 100

The interface is as follows:

There is actually no table edge in the window

The next step is to define the table contents, as follows:

1<textblock grid.row="0"grid.column="1"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Monday </TextBlock>2<textblock grid.row="0"grid.column="2"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Tuesday </TextBlock>3<textblock grid.row="0"grid.column="3"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Wednesday </TextBlock>4<textblock grid.row="0"grid.column="4"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Thursday </TextBlock>5<textblock grid.row="0"grid.column="5"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Friday </TextBlock>6<textblock grid.row="0"grid.column="6"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Saturday </TextBlock>7<textblock grid.row="0"grid.column="7"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"Foreground="#FFBD1096"> Sunday </TextBlock>8<textblock grid.row="0"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"> Time period </TextBlock>9<textblock grid.row="1"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"text="8:00& #x0a; --& #x0a; 9:35"></TextBlock>Ten<textblock grid.row="2"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"text="9:55& #x0a; --& #x0a;"></TextBlock> One<textblock grid.row="3"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"text="14:00& #x0a; --& #x0a; 15:35"></TextBlock> A<textblock grid.row="4"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"text="15:55& #x0a; --& #x0a; 17:30"></TextBlock> -<textblock grid.row="5"grid.column="0"Horizontalalignment="Center"Verticalalignment="Center"Fontsize=" -"text="Night"></TextBlock> -<image source="Image\1.jpeg"grid.columnspan="8"grid.rowspan="6"opacity="0.5"Stretch="Fill"/>

Note: The text value in the TextBlock & #x0a;

At this point there is a problem!!!!!

My design shows the following:

However, after run the result is this:

Where did the background picture go??????

Check it out. The image is not set as resources need add resources

Specific operation reference: http://blog.csdn.net/studentsky/article/details/7933532

The final interface is as follows:

Over 0.0

/**
*
*----------Caonima is here!----------/
*┏┓┏┓
*┏┛┻━━━┛┻┓
*┃┃
*┃━┃
*┃┳┛┗┳┃
*┃┃
*┃┻┃
*┃┃
*┗━┓┏━┛
*┃┃ God Beast Bless
*┃┃ Code No bug!
*┃┗━━━┓
*┃┣┓
*┃┏┛
*┗┓┓┏━┳┓┏┛
*┃┫┫┃┫┫
*┗┻┛┗┻┛
The *━━━━━━ of gods and Beasts ━━━━━━
*/

Curriculum WPF Authoring Learning Step One