2011-02-08 2 views
0

Mac 또는 ObjectBar에서 DockBar를 모방하려고합니다. 이 과정에서 나는 WPF Custom Controls를 배우고 저와 공동체를위한 유용한 컨트롤을 만들기를 희망합니다. 지금까지 내가 가지고있는이WPF의 Mac 스타일 DockBar 기능

<Window x:Class="WPFMacStyleTBar.Window1" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
Title="Window1" Height="356" Width="577"> 
<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 
     <RowDefinition/> 
     <RowDefinition/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 
    <Grid Grid.Row="3"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
     </Grid.ColumnDefinitions> 
     <Button Grid.Column="1" x:Name="btnHome" Background="Transparent" BorderBrush="Transparent" Margin="0,0,47,0" Foreground="Transparent"> 
      <Button.Content> 
       <Image Source="C:\Vikram\Projects\WPFMacStyleTBar\WPFMacStyleTBar\Images\Home.png"></Image> 
      </Button.Content> 
     </Button> 
     <Button Grid.Column="2" x:Name="btnGlobe" Background="Transparent" BorderBrush="Transparent" Margin="0,0,47,0" Foreground="Transparent"> 
      <Button.Content> 
       <Image Source="C:\Vikram\Projects\WPFMacStyleTBar\WPFMacStyleTBar\Images\Globe.png"></Image> 
      </Button.Content> 
     </Button> 
     <Button Grid.Column="3" x:Name="btnNotes" Background="Transparent" BorderBrush="Transparent" Margin="0,0,49,0" Foreground="Transparent"> 
      <Button.Content> 
       <Image Source="C:\Vikram\Projects\WPFMacStyleTBar\WPFMacStyleTBar\Images\Notes.png"></Image> 
      </Button.Content> 
     </Button> 
    </Grid>   
</Grid> 

조금 초보입니다하지만 우선이 잘되어야한다 느꼈다. 배경과 테두리를 투명으로 설정 한 후에도 단추 경계선이 계속 표시됩니다. 그 위에 이미지를 잘라 내기 위해 버튼 영역을 사용하고 싶습니다. 어떻게 할 수 있는지에 대한 도움을 주시면 감사하겠습니다.

편집은 내가 랩 패널 (http://msdn.microsoft.com/en-us/library/system.windows.controls을 생각 나는 here

답변

0

을 찾고 있었다 발견했다. wrappanel.aspx)는 사용자가 설정할 수있는 단추를 제한하는 것보다 현명한 선택입니다.

또한 단추 스타일을 만들고 단추 크기를 이미지 크기에 바인딩 할 수도 있습니다. 코드 숨김을 확인하여 최대 이미지 크기를 설정하십시오.

비 투명 버튼 테두리에 관해서는, 내가 실제로 그런 일이 일어나지 않는 단서가 있습니다. 가능한 경우 스크린 샷 게시;

+0

가능한 경우 랩 패널을 확인하고 스크린 샷을 게시합니다. 주어진 XAML을 복사하는 것만으로도 내가 의미 한 바를 알 수 있습니다. – vikramjb

+0

당신은 이것에 대한 고유의 스타일 및/또는 ControlTemplate을 만들어야합니다 .... http://msdn.microsoft.com/en-us/library/ms745683.aspx 시작 하시겠습니까;) – Machinarius

+0

제어 템플릿은 다음과 같습니다. 확실히 올바른 방향으로 나아갈 것입니다. 링크 주셔서 감사합니다, 그것을 주셔서 감사합니다 :). – vikramjb