欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

WPF氣泡樣式彈窗效果代碼分享

 更新時間：2016年09月02日 14:16:41   作者：Amiry  
這篇文章主要為大家詳細(xì)介紹了WPF氣泡樣式彈窗效果的實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下

頁面設(shè)計需求，做了一個氣泡形狀的彈出框，效果如下：

 

設(shè)計思路如下：

1. 使用Path繪制氣泡的尖尖，將這個放到頂層；

2. 在用border繪制長方形框，將這個放到底層，并且設(shè)置Margin值，使得Path圖層和border看起來銜接在一起。 

代碼如下：

<Window x:Class="BubblePanelTest.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="MainWindow" Height="350" Width="525">
 <Window.Resources>
  <Style TargetType="Label" x:Key="TopBubblePanel">
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="{x:Type Label}">
      <Grid>
       <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" VerticalAlignment="Top" Background="Yellow" HorizontalAlignment="Left" Margin="0,8.5,0,0" Padding="5">
        <ContentPresenter />
       </Border>
       <Canvas Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,0,0,0" Background="Transparent">
        <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
         <Path.Data>
          <PathGeometry Figures="M 0,10
         L 0,10,5,0
         L 5,0,10,10
         "/>
         </Path.Data>
        </Path>
       </Canvas>
      </Grid>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
  <Style TargetType="Label" x:Key="BottomBubblePanel">
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="{x:Type Label}">
      <Grid>
       <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" VerticalAlignment="Bottom" Margin="0,0,0,8.5" Background="Yellow" HorizontalAlignment="Left" Padding="5">
        <ContentPresenter />
       </Border>
       <Canvas Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="10,0,0,0" Background="Transparent">
        <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
         <Path.Data>
          <PathGeometry Figures="M 0,0
         L 0,0,5,10
         L 5,10,10,0
         "/>
         </Path.Data>
        </Path>
       </Canvas>
      </Grid>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
  <Style TargetType="Label" x:Key="LeftBubblePanel">
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="{x:Type Label}">
      <Grid>
       <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" VerticalAlignment="Top" Margin="8.5,0,0,0" Background="Yellow" HorizontalAlignment="Left" Padding="5">
        <ContentPresenter />
       </Border>
       <Canvas Width="10" Height="10" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,10,0,0" Background="Transparent">
        <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
         <Path.Data>
          <PathGeometry Figures="M 10,0
         L 10,0,0,5
         L 0,5,10,10
         "/>
         </Path.Data>
        </Path>
       </Canvas>
      </Grid>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
  <Style TargetType="Label" x:Key="RightBubblePanel">
   <Setter Property="Template">
    <Setter.Value>
     <ControlTemplate TargetType="{x:Type Label}">
      <Grid HorizontalAlignment="Left">
       <Border CornerRadius="4" BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,8.5,0" Background="Yellow" Padding="5">
        <ContentPresenter />
       </Border>
       <Canvas Width="10" Height="10" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,0,0" Background="Transparent">
        <Path Stroke="Black" StrokeThickness="0.5" Fill="Yellow">
         <Path.Data>
          <PathGeometry Figures="M 0,0
         L 0,0,10,5
         L 10,5,0,10
         "/>
         </Path.Data>
        </Path>
       </Canvas>
      </Grid>
     </ControlTemplate>
    </Setter.Value>
   </Setter>
  </Style>
 </Window.Resources>
 <StackPanel>
  <Label Style="{StaticResource TopBubblePanel}" Tag="Top" Margin="2">
   <StackPanel>
    <StackPanel Orientation="Horizontal">
     <TextBlock Text="abc" />
     <TextBox Width="80"/>
    </StackPanel>
   </StackPanel>
  </Label>
  <Label Style="{StaticResource BottomBubblePanel}" Tag="Top" Margin="2">
   <StackPanel>
    <StackPanel Orientation="Horizontal">
     <TextBlock Text="abc" />
     <TextBox Width="80"/>
    </StackPanel>
   </StackPanel>
  </Label>
  <Label Style="{StaticResource LeftBubblePanel}" Tag="Top" Margin="2">
   <StackPanel>
    <StackPanel Orientation="Horizontal">
     <TextBlock Text="abc" />
     <TextBox Width="80"/>
    </StackPanel>
   </StackPanel>
  </Label>
  <Label Style="{StaticResource RightBubblePanel}" Tag="Top" Margin="2">
   <StackPanel>
    <StackPanel Orientation="Horizontal">
     <TextBlock Text="abc" />
     <TextBox Width="80"/>
    </StackPanel>
   </StackPanel>
  </Label>
  <StackPanel Orientation="Horizontal" Margin="0,30,0,0">
   <Button Name="btnTestPopup1" Width="100" Height="30" Content="Bottom" Click="btnTestPopup1_Click" />
   <Button Name="btnTestPopup2" Width="100" Height="30" Content="Top" Click="btnTestPopup2_Click" />
   <Button Name="btnTestPopup3" Width="100" Height="30" Content="Right" Click="btnTestPopup3_Click" />
   <Button Name="btnTestPopup4" Width="100" Height="30" Content="Left" Click="btnTestPopup4_Click" />
  </StackPanel>
  <Popup Name="pop1" AllowsTransparency="True" StaysOpen="False" PopupAnimation="Slide" PlacementTarget="{Binding ElementName=btnTestPopup1}" Placement="Bottom" >
   <Label Style="{StaticResource TopBubblePanel}" Tag="Top">
    <StackPanel>
     <StackPanel Orientation="Horizontal">
      <TextBlock Text="abc" />
      <TextBox Width="80" Name="txtTest1" />
     </StackPanel>
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
      <Button Content="確定" Click="btnOK1_Click" Width="50" Height="25" Margin="5" />
      <Button Content="取消" Click="btnCancel1_Click" Width="50" Height="25" Margin="5"/>
     </StackPanel>
    </StackPanel>
   </Label>
  </Popup>
  <Popup Name="pop2" AllowsTransparency="True" StaysOpen="False" PopupAnimation="Fade" PlacementTarget="{Binding ElementName=btnTestPopup2}" Placement="Top" >
   <Label Style="{StaticResource BottomBubblePanel}" Tag="Top">
    <StackPanel>
     <StackPanel Orientation="Horizontal">
      <TextBlock Text="abc" />
      <TextBox Width="80" Name="txtTest2" />
     </StackPanel>
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
      <Button Content="確定" Click="btnOK2_Click" Width="50" Height="25" Margin="5"/>
      <Button Content="取消" Click="btnCancel2_Click" Width="50" Height="25" Margin="5"/>
     </StackPanel>
    </StackPanel>
   </Label>
  </Popup>
  <Popup Name="pop3" AllowsTransparency="True" StaysOpen="False" PopupAnimation="Scroll" PlacementTarget="{Binding ElementName=btnTestPopup3}" Placement="Right" >
   <Label Style="{StaticResource LeftBubblePanel}" Tag="Top">
    <StackPanel>
     <StackPanel Orientation="Horizontal">
      <TextBlock Text="abc" />
      <TextBox Width="80" Name="txtTest3" />
     </StackPanel>
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
      <Button Content="確定" Click="btnOK2_Click" Width="50" Height="25" Margin="5"/>
      <Button Content="取消" Click="btnCancel3_Click" Width="50" Height="25" Margin="5"/>
     </StackPanel>
    </StackPanel>
   </Label>
  </Popup>
  <Popup Name="pop4" AllowsTransparency="True" StaysOpen="False" PopupAnimation="None" PlacementTarget="{Binding ElementName=btnTestPopup4}" Placement="Left" >
   <Label Style="{StaticResource RightBubblePanel}" Tag="Top">
    <StackPanel>
     <StackPanel Orientation="Horizontal">
      <TextBlock Text="abc" />
      <TextBox Width="80" Name="txtTest4" />
     </StackPanel>
     <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
      <Button Content="確定" Click="btnOK4_Click" Width="50" Height="25" Margin="5"/>
      <Button Content="取消" Click="btnCancel4_Click" Width="50" Height="25" Margin="5"/>
     </StackPanel>
    </StackPanel>
   </Label>
  </Popup>
 </StackPanel>
</Window>

后臺代碼，很簡單，就是控制pupup顯示或隱藏

private void btnTestPopup1_Click(object sender, RoutedEventArgs e)
  {
   pop1.IsOpen = true;
  }
  private void btnOK1_Click(object sender, RoutedEventArgs e)
  {
   pop1.IsOpen = false;
  }
  private void btnCancel1_Click(object sender, RoutedEventArgs e)
  {
   pop1.IsOpen = false;
  }

  private void btnTestPopup2_Click(object sender, RoutedEventArgs e)
  {
   pop2.IsOpen = true;
  }
  private void btnOK2_Click(object sender, RoutedEventArgs e)
  {
   pop2.IsOpen = false;
  }
  private void btnCancel2_Click(object sender, RoutedEventArgs e)
  {
   pop2.IsOpen = false;
  }

  private void btnTestPopup3_Click(object sender, RoutedEventArgs e)
  {
   pop3.IsOpen = true;
  }
  private void btnOK3_Click(object sender, RoutedEventArgs e)
  {
   pop3.IsOpen = false;
  }
  private void btnCancel3_Click(object sender, RoutedEventArgs e)
  {
   pop3.IsOpen = false;
  }

  private void btnTestPopup4_Click(object sender, RoutedEventArgs e)
  {
   pop4.IsOpen = true;
  }
  private void btnOK4_Click(object sender, RoutedEventArgs e)
  {
   pop4.IsOpen = false;
  }
  private void btnCancel4_Click(object sender, RoutedEventArgs e)
  {
   pop4.IsOpen = false;
  }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • Entity Framework Core更新時間映射

    Entity Framework Core更新時間映射

    這篇文章介紹了Entity Framework Core更新時間映射的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-03-03
  • ASP.net處理XML數(shù)據(jù)實(shí)例淺析

    ASP.net處理XML數(shù)據(jù)實(shí)例淺析

    這篇文章主要介紹了ASP.net處理XML數(shù)據(jù)實(shí)例淺析,分析了XML的原理與用法,并以實(shí)例形式講述了asp.net處理XML數(shù)據(jù)的方法,需要的朋友可以參考下
    2014-10-10
  • 國產(chǎn)化之Arm64?CPU+銀河麒麟系統(tǒng)安裝.NetCore的步驟詳解

    國產(chǎn)化之Arm64?CPU+銀河麒麟系統(tǒng)安裝.NetCore的步驟詳解

    這篇文章主要介紹了國產(chǎn)化之Arm64?CPU+銀河麒麟系統(tǒng)安裝.NetCore,這里就以ARM架構(gòu)舉例，其它CPU平臺的安裝過程都一樣，要下載的包不同而已，感興趣的朋友跟隨小編一起看看吧
    2022-03-03
  • .Net使用Xunit工具進(jìn)行單元測試

    .Net使用Xunit工具進(jìn)行單元測試

    這篇文章介紹了.Net使用Xunit工具進(jìn)行單元測試的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-06-06
  • .Net中的序列化和反序列化詳解

    .Net中的序列化和反序列化詳解

    這篇文章主要介紹了.Net中的序列化和反序列化詳解的相關(guān)資料,需要的朋友可以參考下
    2016-04-04
  • asp.net 無刷新翻頁就是這么簡單

    asp.net 無刷新翻頁就是這么簡單

    前兩天看了一個自定義分頁控件，和AspNetPager一樣是實(shí)現(xiàn)IPostBackEventHandler接口，不過簡潔許多，就想能不能實(shí)現(xiàn)ICallbackEventHandler接口做到無刷新分頁呢？想到了就馬上去做，終于，設(shè)想變成了現(xiàn)實(shí)??！
    2010-03-03
  • ASP.NET中的幾種彈出框提示基本實(shí)現(xiàn)方法

    ASP.NET中的幾種彈出框提示基本實(shí)現(xiàn)方法

    NET程序的開發(fā)過程中，常常需要和用戶進(jìn)行信息交互，對話框的出現(xiàn)將解決了這些問題，下面是本人對常用對話框使用的小結(jié)，希望對大家有所幫助
    2013-03-03
  • asp.net關(guān)于onpropertychange和oninput事件實(shí)現(xiàn)代碼

    asp.net關(guān)于onpropertychange和oninput事件實(shí)現(xiàn)代碼

    文本框，數(shù)據(jù)列表，當(dāng)在文本框中輸入條件時需要實(shí)時刷新數(shù)據(jù)列表，而且需要滿足多瀏覽器(IE6.0/7.0/8.0,FireFox,Opera,google chrome,Safair)其功能類似google的智能匹配,我是用asp.net實(shí)現(xiàn)的。
    2009-11-11
  • 關(guān)于.NET Attribute在數(shù)據(jù)校驗中的應(yīng)用教程

    關(guān)于.NET Attribute在數(shù)據(jù)校驗中的應(yīng)用教程

    這篇文章主要給大家介紹了關(guān)于.NET Attribute在數(shù)據(jù)校驗中的應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用.NET具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總

    asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總

    本文給大家介紹的是asp.net實(shí)現(xiàn)文件無刷新上傳的2種方法，分別是使用swfupload插件和uploadify插件，講述的十分細(xì)致全面，附上示例，有需要的小伙伴可以參考下。
    2015-06-06

最新評論