<p><font style="COLOR: #ff0000">原理:使用Popup控件,并且设置Popup控件的位置居中。</font></p>
<p>1:新建自定义控件PopupBorder,作为Popup的child。<strong>代码如下:<br></strong></p><div class="codetitle"><span><a class="copybut" data="24795" id="copybut24795"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code24795"><br><UserControl x:Class="SLStudy.PopupBorder"<br> xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"<br> xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"<br> xmlns:d="http://schemas.microsoft.com/expression/blend/2008"<br> xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"<br> mc:Ignorable="d"><br> <UserControl.Resources><br> <Storyboard x:Name="myStoryboard"><br> <DoubleAnimation<br> Storyboard.TargetName="LayoutRoot"<br> Storyboard.TargetProperty="Opacity"<br> From="1.0" To="0" Duration="0:0:1"<br> AutoReverse="True" /><br> </Storyboard><br> </UserControl.Resources>
<p> <Grid x:Name="LayoutRoot" ><br> <!--<Border Background="#FFCC0D0D" BorderThickness="0" CornerRadius="5">--><br> <Border BorderThickness="0" CornerRadius="5"><br> <Border.Background><br> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><br> <GradientStop Color="#FF27A3D7" Offset="0.51"/><br> <GradientStop Color="#FF76C2E1" Offset="0.004"/><br> <GradientStop Color="#FF27A3D7" Offset="1"/><br> </LinearGradientBrush><br> </Border.Background><br> <Border.Effect><br> <DropShadowEffect BlurRadius="10" Color="#FFCC0D0D" ShadowDepth="0"/><br> </Border.Effect><br> <TextBlock x:Name="txtMessage" HorizontalAlignment="Center" Margin="10" VerticalAlignment="Center"<br> FontSize="28" Foreground="White" FontFamily="Comic Sans MS"<br> >This is a Simple Example</TextBlock><br> </Border><br> </Grid><br></UserControl><br></p></div><p><br></p>
<p><img alt="image" border="0" height="159" src="https://beijingoptbbs.oss-cn-hangzhou.aliyuncs.com/jb/2426819-4249753865f44cc5499268e279c5e5f1.png" style="BORDER-RIGHT-WIDTH: 0px; DISPLAY: inline; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" title="image" width="469"> </p><pre><strong>新建PopupDemo页面,代码如下:<br></strong><p></p><div class="codetitle"><span><a class="copybut" data="16509" id="copybut16509"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code16509"><br><Grid x:Name="LayoutRoot"><br> <StackPanel><br> <Button Content="Show" Click="ShowPopup_Clicked"></Button><br> </StackPanel><br> </Grid><br></div><p><br>后台cs代码为:<br></p><div class="codetitle"><span><a class="copybut" data="94482" id="copybut94482"><u>复制代码</u></a></span> 代码如下:</div><div class="codebody" id="code94482"><br>private void ShowPopup_Clicked(object sender, RoutedEventArgs e)<br> {<br> Popup popup = new Popup();<p> //设置popup的Child属性为自定义的用户控件。<br> &nbs |
|