Silverlight4入门之Button控件(三)

将上节的MainPage.xaml文件替换如下：

<UserControl x:Class="FirstSilverlightApplication.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Grid x:Name="LayoutRoot" Background="White">
        <Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1"  VerticalAlignment="Top" Width="75" Click="button1_Click">
         
        </Button> 
    </Grid>
</UserControl>

MainPage.xaml.cs替换如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace FirstSilverlightApplication
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            button1.Content = 0;
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            int n = Convert.ToInt16(button1.Content.ToString());
            n++;
            button1.Content = n;
        } 
    }
}

按F5运行

 

把button1.Content = 0;注释掉,点击事件以及代码注释掉

<UserControl x:Class="FirstSilverlightApplication.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Grid x:Name="LayoutRoot" Background="White">
        <Button Height="116" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1"  VerticalAlignment="Top" Width="341">
            <Button.Content>
                <Image Height="93" HorizontalAlignment="Left" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="270" Source="/FirstSilverlightApplication;component/xu_xi_yuan.jpg" />
            </Button.Content>
        </Button>

    </Grid>
</UserControl>

其中<Button.Content>里面只能放一个元素，因为它不是<StackPanel>等这类型的容器