第 4 章 WPF 4.1 4.2 4. 4.4 Ink 4. Windows Presentation Foundation WPFWindows Vista AeroWPF Windows WPF Aero (Windows Vista) Luna (Windows XP) Royale (Windows XP Media Center Edition 200Windows XP Tablet PC Edition 200) Classic (Windows 2000 ) 4.1WPF Button WindowsWPF 200Zune Classic
2 4 WPF1 T I P 10 ) (XIII2) Aero Luna Royale Classic 4.1WPF Button (ContentControl) (ItemsControl) (RangeBase) Ink 4.1 System.Windows.Controls.ContentControlObject Content(2 XAMLButton ) Content ContentControl HasContentBooleanContentnullfalse true 問答集? 為什麼 ContentControl 要定義 HasContent 屬性? 檢查 Content==null 不是和檢查 HasContent==false 一樣簡單嗎! WPF.NET APIC# HasContentXAML HasContenttrue 78
深入探討 Content 屬性與物件 Contentmanaged HashtableRegistryKey W P FU I E l e m e n t UIElementOnRender(data template9 ) ToStringTextBlock WindowWindow7 4.1.1 按鈕 (button)wpfbutton 4.1( WPF) ButtonBase 2 4.1 1 ButtonBaseClick Windows( Enter) ButtonBaseBooleanIsPressed () ButtonBaseClickModeClick ClickModeRelease()PressHover ClickMode WPF 新一代使用體驗開發實務 79
2 4 WPF1 (Press)(Click) ButtonBase Button RepeatButton ToggleButton CheckBox RadioButton Button WPF ButtonButtonBase (ShowDialog )Button.IsCanceltrue DialogResultfalse Button.IsDefaulttrue Enter 問答集? Button 的 IsDefault 和 IsDefaulted 屬性有何差別? IsDefault IsDefaultedEnter IsDefaultedtrue IsDefaulttrueTextBox(TextBox AcceptsReturnfalse)Enter TextBox 80
問答集? 如何用程式點選一個 Button? ButtonWPFUI Automation System.Windows.Automation.PeersButtonAutomationPeer mybutton UI Automation RepeatButton RepeatButtonButton C l i c k ( B u t t o n ButtonBase)ClickRepeatButtonDelay IntervalSystemParameters.KeyboardDelay SystemParameters.KeyboardSpeedRepeatButtonButton (4.1) RepeatButton (RepeatButton) ( WPF)RepeatButton RepeatButtonSystem.Windows.Controls.Primitives (primitive) 2 4.1 1 ToggleButton ToggleButton(Button) IsCheckedtrue IsCheckedfalseToggleButtonButtonRepeatButton ToggleButtonIsThreeStatetrueIsChecked truefalsenullischeckednullable WPF 新一代使用體驗開發實務 81
2 4 WPF1 <Boolean>(C#bool?)IsChecked truenullfalse ToggleButtonIsChecked truecheckedfalseuncheckednull IndeterminateToggleButtonIsCheckedChanged RepeatButtonToggleButtonSystem.Windows.Controls. PrimitivesWPF ToggleButtonToolBarToggleButton CheckBox CheckBox4.2 WPF CheckBox () CheckedIndeterminateUnchecked CheckBox To g g l e B u t t o n C h e c k B o x ToggleButton 4.2 4.2WPF CheckBox 深入探討 CheckBox 的鍵盤支援 CheckBoxToggleButtonWin2 CheckBox(+)( ) 82
RadioButton RadioButtonToggleButton RadioButton RadioButton RadioButton RadioButton RadioButton4. 4.WPF RadioButton WPF RadioButton RadioButton RadioButton RadioButtonGroupName GroupNameRadioButton( ) 2 4.1 1 WPF 新一代使用體驗開發實務 8
2 4 WPF1 4.1.2 簡單容器 WPF Label LabelWPF ContentButtonMenuLabel WPFTextBlockLabel Label Alt Label (Windows) LabelTarget(UIElement) LabelTextBoxXAML Alt+UTextBox Target9 C# TargetTextBox(LabeluserNameLabel) ToolTip ToolTip 4.4ToolTipXAML 84
ToolTipUIToolTip (FrameworkElementFrameworkContentElement) 提示 LabelButton_Open Save _As(Win2Windows Form[&]XML) 4.4WPF ToolTip 提示 ToolTipToolTipToolTipObject ToolTipToolTip 4.4XAML 2 4.1 1 WPF 新一代使用體驗開發實務 8
2 4 WPF1 WPFWPF ToolTip 4.1OfficeScreenTip4. 4.1ToolTipOfficeScreenTip ToolTip Button ToolTipOpenClosed 4.WPF2007 Office SystemScreenTip ToolTip ToolTip ToolTipService 8
ToolTipServiceToolTip (ToolTip)ToolTip(ToolTip ToolTip) ShowDurationToolTip InitialShowDelayToolTip ToolTipShowDuration 問答集? 當滑鼠移到一個停用的元素時, 如何顯示 ToolTip? ToolTipServiceShowOnDisabledXAML Button C# Frame Frame 問答集? 如何強制關閉一個顯示中的 ToolTip? IsOpenfalse Frame WPF FrameHTMLframe 2 4.1 1 FrameHTMLWPFFrameSystem.Uri SourceHTML(XAML) FrameWPFHTMLXAML7 WPF 新一代使用體驗開發實務 87
2 4 WPF1 FrameMicrosoft Web BrowserActiveXWindows Form WebBrowserFrameHTML WPF(Win2HTML) HTMLWPFOpacity FrameHTML(stream) XAMLURL(HTML 1 Win2Windows FormActiveX Windows Form WebBrowser) 提示 ImageSourceWPFURL Image8 深入探討 Frame 的 Content 屬性 FrameContentXAML ContentXAMLFrame A Content FrameContentPropertyAttribute ContentControl[ContentProperty("Content")] WPFFrameContentSource FrameFrameContentControl NavigationWindow7 SourceContentContent A FrameButtonButtonContent 88 Frame <Frame> <Frame.Content> <Button Content="OK" /> </Frame.Content> </Frame> <Frame> <Button Content="OK" /> </Frame>
4.1. 有標題的容器 ( ) ContentControl HeaderedContentControlObjectHeader GroupBox GroupBox4.GroupBoxCheckBox XAML 4.WPF GroupBox GroupBox GroupBoxXAMLStackPanel 2 4.1 1 ContentHeaderUIElement HeaderButton4.7 WPF 新一代使用體驗開發實務 89
2 4 WPF1 4.7Button 4.7GroupBoxButtonWPF Expander ExpanderWin2Windows Form ExpanderGroupBox (Expander) 4.8ExpanderExpanderXAML4. GroupBoxExpander 90
4.8WPF Expander ExpanderIsExpandedExpanded/Collapsed ExpandDirection(\\) ExpanderToggleButton ToggleButtonRepeatButton 4.2 WPF ItemsControlControl( ContentControl) ItemsControlItems(ItemCollection) UIElementUIElement() ToStringTextBlock 2 4.2 1 ListBoxItems ListBoxItem WPF 新一代使用體驗開發實務 91
2 4 WPF1 ItemsItems ListBox4.9 UIElement(ButtonExpander) DateTime ToString 2Items ItemsItemsControl ItemsSourceItemsSource 9 ItemsItemsSourceItemsControl 4.9ListBox HasItemsBooleanXAML C# Items.Count IsGroupingBoolean ItemsCollection 9 DisplayMemberPath () DisplayMemberPath4.10ListBox DisplayMemberPathDayOfWeekWPF DayOfWeek4.10DateTime MondayTuesdayWednesday(DayOfWeekDayOfWeek 92
ToString )ButtonExpander DayOfWeek TextBlock 深入探討 WPF 中的屬性路徑 4.104.9ListBoxDisplayMemberPath DayOfWeek DisplayMemberPath(property path) WPF () C# ButtonFirstButtonContent OK("OK") (2) ('O') 2 4.2 1 C# ListBox 4.2.1 選取器 SelectorItemsControl WPF 新一代使用體驗開發實務 9
WPF1 2 4 94 SelectedIndex0-1 SelectedItem SelectedValue SelectedValueSelectedItemSelectedValuePath (SelectedValuePath DisplayMemberPath) IsSelectedBoolean( ) IsSelectionActiveBoolean SelectionChanged ListBox WPF ComboBox ListBox ListView TabControl ComboBox ComboBox4.11ComboBox Alt+UpAlt+DownF4 ComboBoxDropDownOpened DropDownClosedIsDropDown- Open DropDownOpened 4.11WPF ComboBox
ComboBoxIsDropDownOpen 編輯選取內容 ComboBox ComboBoxText IsEditableIsReadOnly falsestaysopenonedittrue (Win2Office ) 問答集? ComboBox 的 IsEditable 和 IsReadOnly 屬性有何不同? IsEditabletrueComboBoxIsReadOnly TextBoxIsReadOnlyIsEditable trueisreadonlyiseditabletrue 4.1ComboBox IsEditable IsReadOnly 意義 false false () false true true false true true 4.1IsEditableIsReadOnly 2 4.2 1 ComboBox ComboBox() ComboBox 4.2 XAMLComboBox PowerPointComboBoxMicrosoft Office Office 4.124.2 IsEditablefalsetrue WPF 新一代使用體驗開發實務 9
2 4 WPF1 4.2ComboBoxOffice IsEditable= False () IsEditable= True 深入探討 4.12IsEditabletrueToString 9
System.Windows.Controls.StackPanel TextSearchTextSearch 加屬性 TextSearch.TextPathComboBox ()DisplayMemberPath SelectedValuePath 4.2TextBlock (Curtain CallFireworks)TextBlock StackPanelStackPanel( )TextBlock(StackPanel) TextPath 加屬性 4.2 TextTextPath TextSearch 加屬性 TextComboBox Text 4.2 2 4.2 1 WPF 新一代使用體驗開發實務 97
2 4 WPF1 ComboBoxTextSearch.TextPath TextSearch.TextTextPath Text TextSearch.TextPathTextSearch.Text4.1 4.1TextSearchOffice 問答集? 何時觸發 SelectionChanged 事件, 如何取得新的選取項目? SelectionChangedComboBox SelectionChangedEventArgs IListAddedItemsRemovedItemsAddedItems RemovedItems C o m b o B o x IsEditabletrueIsReadOnlyfalse SelectionChanged AddedItems 98
ComboBoxItem ComboBoxComboBoxItem( )ComboBoxItem ComboBoxItem4.2 TextSearch.Text 附加屬性 ComboBoxItem StackPanelTextSearch.TextPath Content.Children[1].Children[0].Text ListBox ListBoxComboBox ()4.144.2 ListBox 2 4.2 1 提示 ComboBoxListBox( )9 WPF 新一代使用體驗開發實務 99
2 4 WPF1 問答集? 為何要用 ComboBoxItem 包裝項目? ComboBoxItemIsSelectedIsHighlighted SelectedUnselectedComboBoxItem (IsEditablefalse) ComboBoxItem B ComboBoxItemComboBox( TextBlockLabel) 4.14WPF ListBox B ComboBoxItem.xaml 100
ListBoxSelectionMode (SelectionMode) Single( 預設 )ComboBox MultipleListBox SelectedItems Extended Shift() Ctrl()Win2 ListBox 深入探討 ListBox 屬性及多重選取 ListBoxSelectedItemsSelectionMode S e l e c t o rs e l e c t e d I n d e xs e l e c t e d I t e m SelectedValue SelectedItemSelectedItems( )SelectedIndex/SelectedValue ListBoxSelectedIndices SelectedValues ComboBoxComboBoxItemListBox ListBoxItemComboBoxItemListBoxItem IsSelectedSelected/Unselected 2 4.2 1 提示 ComboBoxTextSearchListBox4.14 TextSearch.TextListBoxF FireworksTextSearchS System.Windows.Controls.StackPanelToString () WPF 新一代使用體驗開發實務 101
2 4 WPF1 問答集? 如何讓 ListBox 中的項目水平排列而不是垂直排列? (10)ItemsControlItemsPanel ItemsPanel ListBoxVirtualizingStackPanel VirtualizingStackPanelOrientation Horizontal XAMLC# 4.1I t e m s P a n e li t e m s C o n t r o l ComboBox 4.1ListBoxHorizontalItemsPanel ItemsPanel 102
問答集? 問答集? 如何讓 ListBox 捲動得平順點? ListBox ListBoxScrollViewer. CanContentScrollfalse ListBox(virtualization) CanContentScrollfalse 如何排序 ListBox( 或任何 ItemsControl) 中的項目? I t e m s C o l l e c t i o ni t e m s - ControlItemsCollectionSortDescriptionsSystem. ComponentModel.SortDescriptionSortDescription ContentControlContent 2 4.2 1 問答集? 如何讓 ItemsControl 中的項目也有 Automation ID? 以顯示在像 UISpy 的工具中? FrameworkElementAutomation IDName ID AutomationProperties.AutomationID(System.Windows.Automation ) WPF 新一代使用體驗開發實務 10
2 4 WPF1 ListView L i s t V i e w L i s t B o x L i s t B o x SelectionModeExtendedListView ViewItemsPanel ViewViewBaseWPF GridViewWindows( WPFbetaGridViewDetailsView) 4.1XAMLListViewsys.NET mscorlib.dll System GridViewColumns GridViewColumn WPF ListBoxItemListViewItem DateTime ListViewItem 4.1GridViewWPF ListView ListViewListBox GridViewColumnDisplayMemberBinding ListView 104
ItemsControlDisplayMemberPath DisplayMemberBinding9 GridViewWindows (SortDescriptions ) TabControl TabControl4.17 TabControlTabControl TabStripPlacment(Dock) TabControl 2 4.2 1 ComboBoxComboBoxItem ListBoxListBoxItem TabControl TabItem TabItem XAML4.17 4.17WPF TabControl WPF 新一代使用體驗開發實務 10
2 4 WPF1 TabItemHeader GroupBoxExpander SelectedItem null(selectedindex-1) 4.2.2 功能表 WPFMenuContextMenuWin2 WPF Menu Menu() MenuItemsControlIsMainMenutrue( )AltF10MenuWin2 MenuItemSeparator4. XAMLMenu4.18 4.MenuItemSeparator 10
4.MenuItemSeparator() 4.18WPF Menu MenuItem(HeaderedItemsControl) MenuItemHeader( 4.18)Items ButtonLabelMenuItem 2 4.2 1 SeparatorMenuItem 4.18Separator ToolBarStatusBar MenuMenuItem IconHeaderIconHeader IsCheckableMenuItemCheckBox WPF 新一代使用體驗開發實務 107
2 4 WPF1 InputGestureText(input gesture Ctrl+O) MenuItemCheckedUncheckedSubMenuOpened SubMenuClosedClickClickMenuItem MenuItemCommandCommand 警告設定 InputGestureText 不等於設定 MenuItem 的快速鍵! Windows FormsVisual Basic MenuItem InputGestureTextCtrl+OCtrl+O MenuItemCommandCommand CommandMenuItemInputGestureText 提示 MenuItemCommandRoutedUICommandMenuItem HeaderCommandTextHeader 問答集? 如何讓 Menu 的項目垂直排列? MenuListBoxItemsPanel StackPanel 108
問答集 ( 續 ) StackPanel Orientation 4.19 M e n u( Office )RotateTransform 4.19Menu ContextMenu ContextMenuMenuItemSeparator ContextMenu ContextMenuFrameworkElement FrameworkContentElementContextMenu (Shift+F10) 4.20ListBox4. MenuItem 2 4.2 1 4.20WPF ContextMenu WPF 新一代使用體驗開發實務 109
2 4 WPF1 IsOpenOpened/ClosedContextMenu PlacementMousePoint(Absolute) HorizontalOffsetVerticalOffset ToolTipServiceToolTipContext MenuContextMenuService ContextMenu 問答集? 如何在停用元素上叫出內容功能表? ToolTipServiceContextMenuServiceShowOnDisabled 4.2. 其他項目控制項 TreeViewToolBarStatusBar TreeView TreeView 4.21Aero/ (Luna) 110
Aero Luna 4.21WPF TreeView. TreeView TreeViewItemTreeView TreeViewItemMenuItemHeader Items(TreeViewItem) 4.21TreeViewXAML 2 4.2 1 TreeViewItemIsExpandedIsSelected ExpandedCollapsedSelectedUnselectedTreeViewItem WPF 新一代使用體驗開發實務 111
2 4 WPF1 (+)(-) Page UpPage DownHomeEnd 警告在 TreeView 中一定要用 TreeViewItem 包裝項目! TextBlock TextBlock ForegroundTextBlock (TextBlockTreeViewItem ) TreeViewItemTextBlock() 深入探討 TreeView 與 Selector TreeViewAPISelector Tr e e V i e ws e l e c t e d I t e m S e l e c t e d Va l u e ( SelectedIndex)SelectedItemChangedOldValue NewValueTreeView ToolBar ToolBar() 4.22XAMLToolBar 112
4.22WPF ToolBar ToolBarButtonComboBoxSeparator ToolBar ToolBar ToolBarToolBarTray FrameworkElementToolBarTrayToolBar( ToolBars)IsLockedtrue ToolBar(ToolBarTrayIsLocked ToolBar)ToolBarTrayOrientationVertical ToolBar ToolBar (overflow area) 4.2 ToolBarOverflowMode AsNeeded()AlwaysNever 2 4.2 1 提示 Visual StudioToolBarToolBar.OverflowMode Never(_A)ToolBar.OverflowMode Always()MenuMenuItem Menu/ToolBar WPF 新一代使用體驗開發實務 11
2 4 WPF1 4.2ToolBar 深入探討自訂鍵盤巡覽功能 ToolBar ToolBarTabABC DABMenuItem BC System.Windows.InputKeyboardNavigation ()TabToolBar ToolBarKeyboardNavigation.TabNavigationContinue(Cycle) MenuMenuKeyboardNavigation. DirectionalNavigationContinue 深入探討 ToolBar 沒用到的 Header 屬性 ToolBar(MenuItemTreeViewItem) HeaderToolBarTray ToolBar(ToolBarHeader) ToolBar(tear off)toolbar( Visual Studio)HeaderToolBar 114
StatusBar StatusBar 4.24 4.24StatusBarXAML StatusBarSeparator ToolBarStatusBarItems(Separator) StatusBarItem 問答集? 如何讓 StatusBar 中的面板等比例縮放? 4.24WPF StatusBar 2 4. 1 StatusBar2% 7%GridStatusBarItemsPanel Grid 4. WPF 新一代使用體驗開發實務 11
2 4 WPF1 RangeBase doublevalueminimum MaximumValueChanged ProgressBarSliderWPF RangeBaseScrollBar ScrollViewer 4..1 ProgressBar ProgressBar ProgressBar ProgressBar( )4.2WPF ProgressBar ProgressBarMinimum 0Maximum100 RangeBase 4.2WPF ProgressBar IsIndeterminatetrueProgressBar( MinimumMaximumValue) OrientationHorizontalVertical 問答集? 如何讓 ProgressBar 表示暫停或中斷 / 錯誤狀態, 就和在 Windows Vista 裡看到的一樣? Windows VistaWin2()/() WPF ProgressBar 10 11
4..2 Slider SliderProgressBar Slider4.2 Slider0Minimum10Maximum Orientation(Horizontal) ToolTips SliderDelay IntervalRepeatButton Ti c k P l a c e m e n t To p L e f t B o t t o m R i g h t B o t h TickPlacement SliderTickPlacementBottomRight SliderSlider TickPlacementTopLeftSlider Slider TickPlacementNone()4.27 Slider 4.28 IsSelectionRangeEnabled trueselectionstartselectionend 4.2WPF Slider 4.27Slider 4.28Slider Windows Media PlayerSlider 2 4.4 Ink1 4.4 Ink WPF (stylus) WPF 新一代使用體驗開發實務 117
2 4 WPF1 TextBox RichTextBox PasswordBox InkCanvas 4.4.1 TextBox TextBox4.29 WPF System.Object 4.29WPF TextBox TextBoxText TextBox CutCopyPasteUndoRedo Command(1) TextBox() TextChangedSelectionChanged TextBox() TextBoxTextWrappingWrap WrapWithOverflowWrap WrapWithOverflow 問答集? 如何在 TextBox 輸入多行文字? AcceptsReturntrueEnter AcceptsReturnText TextBox 118
深入探討拼字檢查 TextBox(RichTextBox)SpellCheck.IsEnabled trueword WPFOffice( )WPF.0 4.4.2 RichTextBox RichTextBoxTextBox ( )4.0RichTextBox RichTextBoxTextBox(TextBoxBase)TextBox RichTextBoxRichTextBoxTextBox TextBoxintegerCaretIndexSelectionStart SelectionEndRichTextBoxTextPointerCaretPosition TextSelectionSelectionRichTextBox FlowDocumentDocumentText FlowDocument14 4.4. PasswordBox PasswordBoxTextBox 4.1 4.0WPF RichTextBox 4.1WPF PasswordBox 2 4.4 Ink1 PasswordBoxTextBoxBase CutCopyUndoRedo Command(Paste) PasswordChar ( ) WPF 新一代使用體驗開發實務 119
2 4 WPF1 PasswordBoxPassword System.Security.SecureStringSecureString System.String (heap) PasswordBoxPasswordChangedTextChangedSelection ChangeddelegateRoutedEventHandler Password 4.4.4 InkCanvas InkCanvas C ( )4.2InkCanvas FrameworkElement( ) 4.2WPF InkCanvas InkCanvas System.Windows. Ink.StrokeInkCanvasStrokesInkCanvas Children(InkCanvas)UIElement 4. C Canvas 120
Window (SizeToContent Window) InkCanvasDefaultDrawingAttributes ()StrokeDrawingAttributes InkCanvas () EditingMode EditingModeInverted ActiveEditingMode InkCanvasEditingMode Ink(EditingMode 的預設值 ) InkAndGestureInk (UpDownCircleScratchOutTap)System. Windows.Ink.ApplicationGesture GestureOnly EraseByStroke(EditingModeInverted) EraseByPoint() SelectUIElementInkCanvas None 4. 2 4.4 Ink1 WPF 新一代使用體驗開發實務 121
2 4 WPF1 InkSelect (Visual Studio 200Windows Form) InkCanvas1// WPF 4. () WPFUI 10 2 14 122