自定义Silverlight ChildWindow 弹出窗口样式

本来想模拟childwindow的效果,但实在是做不出效果一样的,还是改模板样式吧,下面是万能模板的修改样式

 
<controls:ChildWindow x:Class="FruitWar.Login"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
           Title="LoginGame" FontSize="15" BorderThickness="5" HasCloseButton="False" AllowDrop="True" BorderBrush="#63FFFFFF" mc:Ignorable="d" 
                      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                      Height="280" Width="400">

    <controls:ChildWindow.Resources>

      <Style TargetType="controls:ChildWindow" x:Name="ChildWindowStyle">
      <Setter Property="IsTabStop" Value="false" />
      <Setter Property="TabNavigation" Value="Cycle" />
      <Setter Property="HorizontalAlignment" Value="Center" />
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="HorizontalContentAlignment" Value="Stretch" />
      <Setter Property="VerticalContentAlignment" Value="Stretch" />
      <Setter Property="BorderThickness" Value="1" />
      <Setter Property="BorderBrush">
          <Setter.Value>
              <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                  <GradientStop Color="#FFA3AEB9" Offset="0" />
                  <GradientStop Color="#FF8399A9" Offset="0.375" />
                  <GradientStop Color="#FF718597" Offset="0.375" />
                  <GradientStop Color="#FF617584" Offset="1" />
              </LinearGradientBrush>
          </Setter.Value>
      </Setter>
      <Setter Property="OverlayBrush">
          <Setter.Value>
              <SolidColorBrush Color="#7F000000" />
          </Setter.Value>
      </Setter>
      <Setter Property="OverlayOpacity" Value="1" />
      <Setter Property="Template">
          <Setter.Value>
              <ControlTemplate TargetType="controls:ChildWindow">
                  <Grid x:Name="Root">
                      <Grid.Resources>
                          <Style x:Key="ButtonStyle" TargetType="Button">
                              <Setter Property="Background" Value="#FF1F3B53" />
                              <Setter Property="Foreground" Value="#FF000000" />
                              <Setter Property="Padding" Value="3" />
                              <Setter Property="BorderThickness" Value="1" />
                              <Setter Property="BorderBrush">
                                  <Setter.Value>
                                      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                          <GradientStop Color="#FFA3AEB9" Offset="0" />
                                          <GradientStop Color="#FF8399A9" Offset="0.375" />
                                          <GradientStop Color="#FF718597" Offset="0.375" />
                                          <GradientStop Color="#FF617584" Offset="1" />
                                      </LinearGradientBrush>
                                  </Setter.Value>
                              </Setter>
                              <Setter Property="Template">
                                  <Setter.Value>
                                      <ControlTemplate TargetType="Button">
                                          <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Width="15" Height="14" Background="#02FFFFFF" x:Name="grid">
                                              <VisualStateManager.VisualStateGroups>
                                                  <VisualStateGroup x:Name="CommonStates">
                                                      <VisualState x:Name="Normal" />
                                                      <VisualState x:Name="MouseOver">
                                                          <Storyboard>
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz2" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz1" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz0" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                              <DoubleAnimation Duration="0" Storyboard.TargetName="X" Storyboard.TargetProperty="Opacity" To="0.95" />
                                                          </Storyboard>
                                                      </VisualState>
                                                      <VisualState x:Name="Pressed">
                                                          <Storyboard>
                                                              <DoubleAnimation Duration="0" Storyboard.TargetName="X" Storyboard.TargetProperty="Opacity" To="0.85" />
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz2" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz1" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                              <ObjectAnimationUsingKeyFrames Storyboard.TargetName="X_Fuzz0" Storyboard.TargetProperty="Visibility">
                                                                  <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                              </ObjectAnimationUsingKeyFrames>
                                                          </Storyboard>
                                                      </VisualState>
                                                      <VisualState x:Name="Disabled">
                                                          <Storyboard>
                                                              <DoubleAnimation Duration="0" Storyboard.TargetName="X" Storyboard.TargetProperty="Opacity" To="0.5" />
                                                          </Storyboard>
                                                      </VisualState>
                                                  </VisualStateGroup>
                                              </VisualStateManager.VisualStateGroups>
                                              <Path HorizontalAlignment="Center" Margin="0,-1,0,0" Width="9" Fill="#14C51900" Stretch="Fill" Data="F1 M 6.742676,3.852539 L 9.110840,1.559570 L 8.910645,0.500000 L 6.838379,0.500000 L 4.902832,2.435547 L 2.967285,0.500000 L 0.895020,0.500000 L 0.694824,1.559570 L 3.062988,3.852539 L 0.527832,6.351563 L 0.689941,7.600586 L 2.967285,7.600586 L 4.897949,5.575195 L 6.854004,7.600586 L 9.115723,7.600586 L 9.277832,6.351563 L 6.742676,3.852539 Z" x:Name="X_Fuzz2" Stroke="#14C51900" Height="8" VerticalAlignment="Center" Opacity="1" RenderTransformOrigin="0.5,0.5" Visibility="Collapsed">
                                                  <Path.RenderTransform>
                                                      <TransformGroup>
                                                          <ScaleTransform ScaleX="1.3" ScaleY="1.3" />
                                                      </TransformGroup>
                                                  </Path.RenderTransform>
                                              </Path>
                                              <Path HorizontalAlignment="Center" Margin="0,-1,0,0" Width="9" Fill="#1EC51900" Stretch="Fill" Data="F1 M 6.742676,3.852539 L 9.110840,1.559570 L 8.910645,0.500000 L 6.838379,0.500000 L 4.902832,2.435547 L 2.967285,0.500000 L 0.895020,0.500000 L 0.694824,1.559570 L 3.062988,3.852539 L 0.527832,6.351563 L 0.689941,7.600586 L 2.967285,7.600586 L 4.897949,5.575195 L 6.854004,7.600586 L 9.115723,7.600586 L 9.277832,6.351563 L 6.742676,3.852539 Z" x:Name="X_Fuzz1" Stroke="#1EC51900" Height="8" VerticalAlignment="Center" Opacity="1" RenderTransformOrigin="0.5,0.5" Visibility="Collapsed">
                                                  <Path.RenderTransform>
                                                      <TransformGroup>
                                                          <ScaleTransform ScaleX="1.1" ScaleY="1.1" />
                                                      </TransformGroup>
                                                  </Path.RenderTransform>
                                              </Path>
                                              <Path HorizontalAlignment="Center" Margin="0,-1,0,0" Width="9" Fill="#FFC51900" Stretch="Fill" Data="F1 M 6.742676,3.852539 L 9.110840,1.559570 L 8.910645,0.500000 L 6.838379,0.500000 L 4.902832,2.435547 L 2.967285,0.500000 L 0.895020,0.500000 L 0.694824,1.559570 L 3.062988,3.852539 L 0.527832,6.351563 L 0.689941,7.600586 L 2.967285,7.600586 L 4.897949,5.575195 L 6.854004,7.600586 L 9.115723,7.600586 L 9.277832,6.351563 L 6.742676,3.852539 Z" x:Name="X_Fuzz0" Stroke="#FFC51900" Height="8" VerticalAlignment="Center" Opacity="1" Visibility="Collapsed" />
                                              <Path HorizontalAlignment="Center" Margin="0,-1,0,0" Width="9" Fill="#FFFFFFFF" Stretch="Fill" Data="F1 M 6.742676,3.852539 L 9.110840,1.559570 L 8.910645,0.500000 L 6.838379,0.500000 L 4.902832,2.435547 L 2.967285,0.500000 L 0.895020,0.500000 L 0.694824,1.559570 L 3.062988,3.852539 L 0.527832,6.351563 L 0.689941,7.600586 L 2.967285,7.600586 L 4.897949,5.575195 L 6.854004,7.600586 L 9.115723,7.600586 L 9.277832,6.351563 L 6.742676,3.852539 Z" x:Name="X" Height="8" VerticalAlignment="Center" Opacity="0.7">
                                                  <Path.Stroke>
                                                      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                                          <GradientStop Color="#FF313131" Offset="1" />
                                                          <GradientStop Color="#FF8E9092" Offset="0" />
                                                      </LinearGradientBrush>
                                                  </Path.Stroke>
                                              </Path>
                                          </Grid>
                                      </ControlTemplate>
                                  </Setter.Value>
                              </Setter>
                          </Style>
                      </Grid.Resources>
                      <VisualStateManager.VisualStateGroups>
                          <VisualStateGroup x:Name="WindowStates">
                              <VisualState x:Name="Open">
                                  <Storyboard>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="Overlay" Storyboard.TargetProperty="Opacity">
                                          <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                                          <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="1" />
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="ContentRoot" Storyboard.TargetProperty="(RenderTransform).(Children)[0].ScaleX">
                                          <SplineDoubleKeyFrame KeyTime="0" Value="0" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="0" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.4" Value="1" />
                                          <SplineDoubleKeyFrame KeySpline="0,0,0.5,1" KeyTime="00:00:00.45" Value="1.05" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.55" Value="1" />
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="ContentRoot" Storyboard.TargetProperty="(RenderTransform).(Children)[0].ScaleY">
                                          <SplineDoubleKeyFrame KeyTime="0" Value="0" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="0" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.4" Value="1" />
                                          <SplineDoubleKeyFrame KeySpline="0,0,0.5,1" KeyTime="00:00:00.45" Value="1.05" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.55" Value="1" />
                                      </DoubleAnimationUsingKeyFrames>
                                  </Storyboard>
                              </VisualState>
                              <VisualState x:Name="Closed">
                                  <Storyboard>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="Overlay" Storyboard.TargetProperty="Opacity">
                                          <EasingDoubleKeyFrame KeyTime="0" Value="1" />
                                          <EasingDoubleKeyFrame KeyTime="00:00:00.3" Value="0" />
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="ContentRoot" Storyboard.TargetProperty="(RenderTransform).(Children)[0].ScaleX">
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.2" Value="1" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="1.05" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.45" Value="0" />
                                      </DoubleAnimationUsingKeyFrames>
                                      <DoubleAnimationUsingKeyFrames BeginTime="0" Storyboard.TargetName="ContentRoot" Storyboard.TargetProperty="(RenderTransform).(Children)[0].ScaleY">
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.2" Value="1" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="1.05" />
                                          <SplineDoubleKeyFrame KeyTime="00:00:00.45" Value="0" />
                                      </DoubleAnimationUsingKeyFrames>
                                  </Storyboard>
                              </VisualState>
                          </VisualStateGroup>
                      </VisualStateManager.VisualStateGroups> <!-- 打开动画  可设置禁用-->
                      <Grid x:Name="Overlay" HorizontalAlignment="Stretch" VerticalAlignment="Top" Margin="0" Background="{TemplateBinding OverlayBrush}" Opacity="{TemplateBinding OverlayOpacity}" />
                      <!-- 内容区域 包括标题 -->
                      <Grid x:Name="ContentRoot" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" RenderTransformOrigin="0.5,0.5" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}">
                          <Grid.RenderTransform>
                              <TransformGroup>
                                  <ScaleTransform />
                                  <SkewTransform />
                                  <RotateTransform />
                                  <TranslateTransform />
                              </TransformGroup>
                          </Grid.RenderTransform>
                          <!-- 最外框边样式 -->
                          <!--<Border BorderThickness="1" CornerRadius="2" BorderBrush="#14000000" Background="#14000000" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="-1" />
                          <Border BorderThickness="1" CornerRadius="2.25" BorderBrush="#0F000000" Background="#0F000000" HorizontalAlignment="Stretch" Margin="-2" VerticalAlignment="Stretch" />
                          <Border BorderThickness="1" CornerRadius="2.5" BorderBrush="#0C000000" Background="#0C000000" HorizontalAlignment="Stretch" Margin="-3" VerticalAlignment="Stretch" />
                          <Border BorderThickness="1" CornerRadius="2.75" BorderBrush="#0A000000" Background="#0A000000" HorizontalAlignment="Stretch" Margin="-4" VerticalAlignment="Stretch" />--> 
                          
                          <!--<Border Background="#FFFFFFFF" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="2">-->
                              <Border CornerRadius="1.5" Margin="1">
                                    <!-- 底层背景色 -->
                                    <!--<Border.Background> 
                                      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                          <GradientStop Color="#FFE5E8EB" Offset="1" />
                                          <GradientStop Color="#FFF6F8F9" Offset="0" />
                                      </LinearGradientBrush>
                                  </Border.Background>-->
                                  
                                  <Grid>
                                      <Grid.RowDefinitions>
                                          <RowDefinition Height="Auto" />
                                          <RowDefinition />
                                      </Grid.RowDefinitions>
                                      <Border x:Name="Chrome" Visibility="Collapsed" Width="Auto" BorderBrush="#FFFFFFFF" BorderThickness="0,0,0,1"> <!-- 标题区 设置是否显示标题 -->
                                          <Border.Background>
                                              <LinearGradientBrush EndPoint="0.5,0.528" StartPoint="0.5,0">
                                                  <GradientStop Color="#FFE5E8EB" Offset="1" />
                                                  <GradientStop Color="#FFFEFEFE" Offset="0" />
                                              </LinearGradientBrush>
                                          </Border.Background> <!-- 标题区域背景颜色 -->
                                          <Grid Height="Auto" Width="Auto">
                                              <Grid.ColumnDefinitions>
                                                  <ColumnDefinition />
                                                  <ColumnDefinition Width="30" />
                                              </Grid.ColumnDefinitions>
                                              <ContentControl Content="{TemplateBinding Title}" IsTabStop="False" FontWeight="Bold" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="6,0,6,0" />
                                              <Button x:Name="CloseButton" Grid.Column="1" IsTabStop="False" HorizontalAlignment="Center" VerticalAlignment="Center" Width="15" Height="14" Style="{StaticResource ButtonStyle}" />
                                          </Grid>
                                      </Border>
                                      <Border Background="{TemplateBinding Background}" Grid.Row="1"> <!-- 内容区域 不包括标题 -->
                                          <ContentPresenter x:Name="ContentPresenter" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                      </Border>
                                  </Grid>
                              </Border>
                          <!--</Border>-->
                      </Grid>
                  </Grid>
              </ControlTemplate>
          </Setter.Value>
      </Setter>
  </Style>

    </controls:ChildWindow.Resources>

    <controls:ChildWindow.Style>
        <StaticResource ResourceKey="ChildWindowStyle" />
    </controls:ChildWindow.Style>


    <Canvas  x:Name="LayoutRoot" Width="400" Height="280">
        <Border BorderBrush="#FF767676" BorderThickness="0,1,0,0" Name="border1" Background="#FFE0C0A7" HorizontalAlignment="Left" Width="400" Margin="0,0,0,17" Canvas.Left="-1" Canvas.Top="213" Height="1" />
        <Button x:Name="RegButton" Content="注册" Width="80" Height="30" HorizontalAlignment="Left" Margin="108,17,0,22"  FontSize="13" Canvas.Top="210" Canvas.Left="109" />
        <Button x:Name="LoginButton" Content="登陆" Width="80" Height="30" HorizontalAlignment="Right"  Margin="0,17,100,22" FontSize="13" Canvas.Top="210" Canvas.Left="109" />
        <TextBlock Height="23" HorizontalAlignment="Left"  Name="TextBlock1" Text="用户名:" VerticalAlignment="Top" Canvas.Left="80" Canvas.Top="112" />
        <TextBox Height="23" HorizontalAlignment="Left" Name="TextBox1" VerticalAlignment="Top" Width="167" FontSize="12" Padding="5,1,0,0" Grid.Row="1" Canvas.Top="112" Canvas.Left="148" />
        <TextBlock Height="23" HorizontalAlignment="Left"  Name="TextBlock2" Text="密    码:" VerticalAlignment="Top" Canvas.Left="80" Canvas.Top="146" />
        <PasswordBox Height="23" HorizontalAlignment="Left"  Name="PasswordBox1" VerticalAlignment="Top" Width="167" Padding="5,1,0,0" FontSize="12" Canvas.Top="145" Canvas.Left="148" />
        <TextBlock Height="23" HorizontalAlignment="Left"  Name="TextBlock3" Text=" " VerticalAlignment="Top" Foreground="Red" Canvas.Left="83" Canvas.Top="178" />
        <Image Margin="0,0,0,0" Name="image1" Stretch="Fill" Source="/FruitWar;component/Images/LoginHead.jpg" Height="91" Width="399" Canvas.Left="-1" Canvas.Top="-1" />
        <Canvas.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="White" Offset="0" />
                <GradientStop Color="#FFF8A76C" Offset="1" />
            </LinearGradientBrush>
    </Canvas.Background>
    </Canvas>
</controls:ChildWindow>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值