Image Button by resource : Button « UI Controls « Silverlight






Image Button by resource

Image Button by resource
    

<UserControl x:Class='SilverlightApplication3.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:DesignWidth='640' 
    d:DesignHeight='480'>
    <Canvas Background="LightBlue">
        <Canvas.Resources>
            <Style TargetType="TextBlock" x:Key="TextBlockStyle">
                <Setter Property="FontFamily" Value="Comic Sans Ms"></Setter>
                <Setter Property="Text" Value="Click!"></Setter>
                <Setter Property="Foreground" Value="MediumBlue"></Setter>
                <Setter Property="FontSize" Value="20"></Setter>
            </Style>
            <Style x:Key="ImageButton" TargetType="Button">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <StackPanel Orientation="Vertical">
                                <Image Source="c:/image.jpg" Height="48" Width="48"></Image>
                                <TextBlock Style="{StaticResource TextBlockStyle}" Foreground="Black"></TextBlock>
                            </StackPanel>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Canvas.Resources>
        <Button x:Name="btn1" Style="{StaticResource ImageButton}" Canvas.Top="20" Canvas.Left="20"></Button>
    </Canvas>
</UserControl>


//File: Page.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
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 SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            //btn1.Click+=
        }

        void btn1_Click(object sender, RoutedEventArgs e)
        {
            string strTest = "Hello";
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Creating a ButtonCreating a Button
2.Define a border around a single Button control setting the BorderThickness and BorderBrush propertiesDefine a border around a single Button control setting the BorderThickness and BorderBrush properties
3.Place a border around several Button controls contained in a StackPanelPlace a border around several Button controls contained in a StackPanel
4.Flashing Button
5.Button controls provide several properties that can be set to customize the look and feel of the controlButton controls provide several properties that can be set to customize the look and feel of the control
6.Simple Button Template
7.Button with OpacityMaskButton with OpacityMask
8.Click to rotate a Button
9.Click to scale a Button
10.Button Click event handler
11.Put Button onto a Grid
12.Add buttons to a Canvas with code
13.Gradient background buttonGradient background button
14.Set Click Mode for ButtonSet Click Mode for Button
15.Convert event send to ButtonConvert event send to Button
16.Polygon as Button contentPolygon as Button content
17.Set Min width and max width for ButtonSet Min width and max width for Button
18.Creating a Button that enlarges when a user hovers over itCreating a Button that enlarges when a user hovers over it
19.Creating a Button that transitions when a user hovers, or leavesCreating a Button that transitions when a user hovers, or leaves
20.Button TemplateButton Template
21.Button click eventButton click event
22.Stack three button elements verticallyStack three button elements vertically
23.The button and text block are up-side down in the custom coordinate system.
24.Button HorizontalAlignment="Center"
25.Button ClipButton Clip