原創|其它|編輯:郝浩|2012-12-24 15:59:07.000|閱讀 445 次
概述:Mindscape WPF Elements中的Outlook Bar OutlookBar控件功能類似于一個TabControl,顯示一個項目集合中的每個按鈕,Mindscape WPF Elements中的 OutLookBar支持兩種級別的顯示,便于選擇的大按鈕或是節省空間的小按鈕。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
OutlookBar控件功能類似于一個TabControl,顯示一個項目集合中的每個按鈕,Mindscape WPF Elements中的 OutLookBar支持兩種級別的顯示,便于選擇的大按鈕或是節省空間的小按鈕。你就可以創建適用于自己的用戶界面,效果上比較類似于最近新版的Microsoft Outlook左邊顯示的導航窗格。
OutLookBar的內容模型就是一個OutlookBarItem對象的集合,每個對象指定了標題的“大”、“小”和內容。適用標題屬性指定的“大”標題,這個特殊的面板包含哦圖像和文本塊;使用CollapsedHeader屬性指定“小”標題,一般是一個圖像,使用內容屬性來指定內容。在默認的模版中,在選擇按鈕上先睡內容,用戶可以拖動bar來更改的內容和選擇bar大小。
<ms:OutlookBar Width="200"> <ms:OutlookBarItem IsSelected="True"> <!-- Large button display --> <ms:OutlookBarItem.Header> <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="5,0,0,0"> <Image Source="MailLarge.png" Width="21" Height="21" VerticalAlignment="Center" HorizontalAlignment="Left" /> <TextBlock Margin="13,0,0,0" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Left">Mail</TextBlock> </StackPanel> </ms:OutlookBarItem.Header> <!-- Icon display --> <ms:OutlookBarItem.CollapsedHeader> <Image Source="MailSmall.png" Width="16" Height="15" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="3,0,3,0" /> </ms:OutlookBarItem.CollapsedHeader> <!-- Content --> <ms:MulticolumnTreeView ItemsSource=Binding MailFoldersms:OutlookBarItemms:OutlookBarItemLarge buttondisplay --> <ms:OutlookBarItem.Header> <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="5,0,0,0"> <Image Source="CalendarLarge.png" Width="21" Height="21" VerticalAlignment="Center" HorizontalAlignment="Left" /> <TextBlock Margin="13,0,0,0" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Left">Calendar</TextBlock> </StackPanel> </ms:OutlookBarItem.Header> <!-- Icon display --> <ms:OutlookBarItem.CollapsedHeader> <Image Source="CalendarSmall.png" Width="16" Height="15" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="3,0,3,0" /> </ms:OutlookBarItem.CollapsedHeader> <!-- Content --> <ListBox ItemsSource="{Binding AvailableCalendars}" /> </ms:OutlookBarItem> </ms:OutlookBar>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件