46、深入探索Silverlight控件模板与浏览器集成

深入探索Silverlight控件模板与浏览器集成

1. 自定义ToggleButton模板

在Silverlight开发中，虽然可以在ToggleButton中放置任意内容，但FlipPanel需要更多定制。它要去除标准背景，并根据ToggleButton的状态改变内部元素外观。ToggleButton能指示内容翻转方向，为实现这一效果，需为ToggleButton设计自定义控件模板。

以下是一个示例，使用Ellipse元素绘制圆形，Path元素绘制箭头，它们都放置在一个单单元格的Grid中：

<ToggleButton Grid.Row="1" x:Name="FlipButton" RenderTransformOrigin="0.5,0.5" Margin="0,10,0,0">
  <ToggleButton.Template>
    <ControlTemplate>
      <Grid>
        <Ellipse Stroke="#FFA9A9A9" Fill="AliceBlue" Width="19" Height="19"></Ellipse>
        <Path RenderTransformOrigin="0.5,0.5" Data="M1,1.5L4.5,5 8,1.5" Stroke="#FF666666" StrokeThickness="2" HorizontalAlignment="Center" VerticalAlignment="Center"></Path>