Enhance the visual appearance of a ContentControl by applying a style. : ControlTemplate « Windows Presentation Foundation « VB.Net Tutorial

Home
VB.Net Tutorial
1.Language Basics
2.Data Type
3.Operator
4.Statements
5.Date Time
6.Class Module
7.Development
8.Collections
9.Generics
10.Attributes
11.Event
12.LINQ
13.Stream File
14.GUI
15.GUI Applications
16.Windows Presentation Foundation
17.2D Graphics
18.I18N Internationlization
19.Reflection
20.Regular Expressions
21.Security
22.Socket Network
23.Thread
24.Windows
25.XML
26.Database ADO.net
27.Design Patterns
VB.Net
VB.Net by API
VB.Net Tutorial » Windows Presentation Foundation » ControlTemplate 
16.106.9.Enhance the visual appearance of a ContentControl by applying a style.
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:c="CodeMapNS"
    x:Class="ContentControlSimple.Page1">
    <StackPanel>
        <StackPanel.Resources>
            <Style x:Key="ContentCtrl" TargetType="{x:Type ContentControl}">
                <Setter Property="Background" Value="Black"/>
                <Setter Property="Foreground" Value="Red"/>
                <Setter Property="FontSize" Value="40"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ContentControl}">
                            <Grid>
                                <Ellipse Width="{TemplateBinding Width}" Height="{TemplateBinding Width}" Fill="{TemplateBinding Background}"/>
                                <ContentPresenter VerticalAlignment="Center"
                                    HorizontalAlignment="Center"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <DataTemplate x:Key="template1">
                <TextBlock Text="{Binding}" FontSize="12" FontWeight="Bold" TextWrapping="Wrap"></TextBlock>
            </DataTemplate>
        </StackPanel.Resources>
        <Label Margin="10, 10, 3, 3" Grid.Column="0" Grid.Row="2">
            <ContentControl Width="75" Style="{StaticResource ContentCtrl}" Content="Hello"/>
        </Label>
        <Label Margin="10, 10, 3, 3" Grid.Column="0" Grid.Row="3"
           Background="Blue">
            <ContentControl Name="contCtrl" ContentTemplate="{StaticResource template1}" 
          Content="This is the content of the content control."/>
        </Label>
        <Button Name="btn2" Margin="10, 10, 3, 3" Grid.Column="0" Grid.Row="4" Background="LightBlue" Click="OnClick">
            <TextBlock TextWrapping="Wrap">Click </TextBlock>
        </Button>

    </StackPanel>
</Canvas>
//File:Window.xaml.vb
Imports System
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Documents
Imports System.Windows.Navigation
Imports System.Windows.Shapes
Imports System.Windows.Data
Imports System.Windows.Media
Imports System.Collections.ObjectModel

Namespace ContentControlSimple
  Public Partial Class Page1
    Inherits Canvas
    Private Sub OnClick(sender As Object, e As RoutedEventArgs)
      If contCtrl.HasContent = True Then
        MessageBox.Show("contCtrl has content")
      End If
    End Sub
  End Class
End Namespace
WPF Enhance The Visual Appearance Of A Content Control By Applying A Style
16.106.ControlTemplate
16.106.1.Button With Template: change borderButton With Template: change border
16.106.2.Create a Control TemplateCreate a Control Template
16.106.3.Create a Control Template That Can Be Customized by PropertiesCreate a Control Template That Can Be Customized by Properties
16.106.4.Use ControlTemplate and event handlerUse ControlTemplate and event handler
16.106.5.Finding the border that is generated by the ControlTemplate of the ButtonFinding the border that is generated by the ControlTemplate of the Button
16.106.6.Get The actual width of the border in the ControlTemplateGet The actual width of the border in the ControlTemplate
16.106.7.ControlTemplates and style xaml fileControlTemplates and style xaml file
16.106.8.Use a ContentTemplate and determine whether the control contains content.Use a ContentTemplate and determine whether the control contains content.
16.106.9.Enhance the visual appearance of a ContentControl by applying a style.Enhance the visual appearance of a ContentControl by applying a style.
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.