共用方式為


將玻璃框架擴充至 WPF 應用程式中

本主題會示範如何將 Windows Vista 玻璃框架擴充至 Windows Presentation Foundation (WPF) 應用程式的工作區。

注意

此範例只能在執行桌面視窗管理員 (DWM) 且已啟用玻璃效果的 Windows Vista 機器上使用。 Windows Vista 家用入門版不支援透明的玻璃效果。 在 Windows Vista 的其他版本上通常以透明玻璃效果呈現的區域會呈現不透明。

網址列中擴充玻璃框架

下圖會說明如何將玻璃框架擴充至 Internet Explorer 7 的網址列:

顯示 IE7 網址列後方擴充的玻璃框架的螢幕擷取畫面。

若要在 WPF 應用程式上擴充玻璃框架,請視需要存取非受控 API。 下列程式碼範例會針對所需的兩個 API 執行平台叫用 (pinvoke),將框架擴充到工作區。 這些 API 中每一個都會在名為 NonClientRegionAPI 的類別中宣告。

[StructLayout(LayoutKind.Sequential)]
public struct MARGINS
{
    public int cxLeftWidth;      // width of left border that retains its size
    public int cxRightWidth;     // width of right border that retains its size
    public int cyTopHeight;      // height of top border that retains its size
    public int cyBottomHeight;   // height of bottom border that retains its size
};

[DllImport("DwmApi.dll")]
public static extern int DwmExtendFrameIntoClientArea(
    IntPtr hwnd,
    ref MARGINS pMarInset);
<StructLayout(LayoutKind.Sequential)>
Public Structure MARGINS
    Public cxLeftWidth As Integer ' width of left border that retains its size
    Public cxRightWidth As Integer ' width of right border that retains its size
    Public cyTopHeight As Integer ' height of top border that retains its size
    Public cyBottomHeight As Integer ' height of bottom border that retains its size
End Structure

<DllImport("DwmApi.dll")>
Public Shared Function DwmExtendFrameIntoClientArea(ByVal hwnd As IntPtr, ByRef pMarInset As MARGINS) As Integer
End Function

DwmExtendFrameIntoClientArea 是會將框架擴充至工作區的 DWM 函式。 它接受兩個參數:視窗控制代碼和 MARGINS 結構。 MARGINS 是用來告知 DWM 應該額外將多少框架擴充至工作區。

Loaded 事件的擴充玻璃框架

若要使用 DwmExtendFrameIntoClientArea 函式,必須取得視窗控制代碼。 在 WPF 中,視窗控制代碼可以從 HwndSourceHandle 屬性取得。 在下列範例中,框架會擴充至視窗 Loaded 事件的工作區。

void OnLoaded(object sender, RoutedEventArgs e)
{
   try
   {
      // Obtain the window handle for WPF application
      IntPtr mainWindowPtr = new WindowInteropHelper(this).Handle;
      HwndSource mainWindowSrc = HwndSource.FromHwnd(mainWindowPtr);
      mainWindowSrc.CompositionTarget.BackgroundColor = Color.FromArgb(0, 0, 0, 0);

      // Get System Dpi
      System.Drawing.Graphics desktop = System.Drawing.Graphics.FromHwnd(mainWindowPtr);
      float DesktopDpiX = desktop.DpiX;
      float DesktopDpiY = desktop.DpiY;

      // Set Margins
      NonClientRegionAPI.MARGINS margins = new NonClientRegionAPI.MARGINS();

      // Extend glass frame into client area
      // Note that the default desktop Dpi is 96dpi. The  margins are
      // adjusted for the system Dpi.
      margins.cxLeftWidth = Convert.ToInt32(5 * (DesktopDpiX / 96));
      margins.cxRightWidth = Convert.ToInt32(5 * (DesktopDpiX / 96));
      margins.cyTopHeight = Convert.ToInt32(((int)topBar.ActualHeight + 5) * (DesktopDpiX / 96));
      margins.cyBottomHeight = Convert.ToInt32(5 * (DesktopDpiX / 96));

      int hr = NonClientRegionAPI.DwmExtendFrameIntoClientArea(mainWindowSrc.Handle, ref margins);
      //
      if (hr < 0)
      {
         //DwmExtendFrameIntoClientArea Failed
      }
   }
   // If not Vista, paint background white.
   catch (DllNotFoundException)
   {
      Application.Current.MainWindow.Background = Brushes.White;
   }
}

工作區中的擴充玻璃框架

下列範例示範將框架擴充至工作區的簡單視窗。 在內含兩個 TextBox 物件的上框線後面擴充框架。

<Window x:Class="SDKSample.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Extended Glass in WPF" Height="300" Width="400"
    Loaded="OnLoaded" Background="Transparent"
    >
  <Grid ShowGridLines="True">
    <DockPanel Name="mainDock">
      <!-- The border is used to compute the rendered height with margins.
           topBar contents will be displayed on the extended glass frame.-->
      <Border Name="topBar" DockPanel.Dock="Top" >
        <Grid Name="grid">
          <Grid.ColumnDefinitions>
            <ColumnDefinition MinWidth="100" Width="*"/>
            <ColumnDefinition Width="Auto"/>
          </Grid.ColumnDefinitions>
          <TextBox Grid.Column="0" MinWidth="100" Margin="0,0,10,5">Path</TextBox>
          <TextBox Grid.Column="1" MinWidth="75" Margin="0,0,0,5">Search</TextBox>
        </Grid>
      </Border>
      <Grid DockPanel.Dock="Top" >
        <Grid.ColumnDefinitions>
          <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBox Grid.Column="0" AcceptsReturn="True"/>
      </Grid>
    </DockPanel>
  </Grid>
</Window>

下圖會說明如何將玻璃框架擴充至 WPF 應用程式:

顯示擴充至 WPF 應用程式中的玻璃框架的螢幕擷取畫面。

另請參閱