, אסינכרוני תכנותופיתוח תקשורת

אפליקציות Windows 8.1ל-

ואפליקציות Windows Phoneל-8

Controls (Part I)

Controls (Part I)1. What is a Control?2. Content Controls3. Button Control4. TextBlock + TextBox + PasswordBox5. ItemsControl + ListBox +

ComboBox6. CheckBox + RadioButton

What is a Control?.1 , בממשק מוגדרת ופונקציונאליות בחלון ויזואלי ייצוג לה יש אשר מחלקה כל

נקראת .Controlהמשתמשהמחלקה 2. את לרשת חייבת -Controlלא למחלקה WPFב ) תפקידים Controlיש

אחרים(.המחלקה 3. את לרשת .FrameworkElementחייבת.4WPF , ומקובלים הנפוצים המשתמש ממשק רכיבי כל רבים ממשק רכיבי עם מגיע

- ב גם קיימות אחרות .WPFבסביבות.5: לקטיגוריות לחלקם Layout Controlsניתן Button Controls

Data Display + Selection Data Dialog BoxDisplay User InformationMenus Documents

Selection InputNavigation Media

Content Controlsהמחלקה את שיורשים .ContentControlפקדים

בשם חשוב מאפיין יש אלו .Contentלפקדים הפקד של התוכן את המכילה. , חובה זו אין אולם למאפיין טקסטואלי תוכן הגדרנו עכשיו עד

. מורכב יותר הרבה תוכן להגדיר ניתן - ה : ContentControlבמשפחת הפקדים את נמצא

Button, CheckBox, RadioButtons, ToolTip, ListBox, ComboBox, ListItem

- ה פקדי .UserControlואת ונבנה שנתכנן

Content Controls<Button Height="150" > <Button.Content> <StackPanel > <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" FlowDirection="RightToLeft"> <TextBlock Text="רקפת " FontSize="35" FontWeight="Bold" Foreground="Blue" TextAlignment="Center"> </TextBlock> <Image Source="Assets/Cyclamen.png" Stretch="None" ></Image> </StackPanel> <TextBlock Text=" שנתי רב גאופיט סוג היא "TextWrapping="Wrap “... רקפת TextAlignment="Right" FontSize="15" Foreground="Black"> </TextBlock> <TextBlock Text=" המלא למאמר לקריאת "FontSize="15" Foreground="Red "לחץ VerticalAlignment="Center" TextAlignment="Center"> </TextBlock> </StackPanel> </Button.Content></Button> : קוד דוגמת

ContentSampleProperty

Button Control. שיש מוכר והכי בסיסי הכי הפקד

. פקודה על להורות או פעולה לבצע למשתמש לאפשר תפקידו(:Propertiesמאפיינים )

FrameworkElement

ContentControl

ButtonBase

Button

Name - ב בפקד מטפלים כאשר רק נדרש שם השם, Code-Behindמתן מתן. , ייחוס ייווצר לא שם ללא ייחוס מייצר

Background ( " מברשת " .Brushהגדרת הפקד( של הרקע לצביעתBorderBrush ( " מברשת " .Brushהגדרת הפקד( מסגרת לצביעתBorderThickness

. המסגרת של העובי הגדרת

Content . הפקד של התוכן הגדרתCursor . העכבר סמן הגדרתFlowDirection RightToLeftאו LeftToRightהגדרת FontFamily, FontSize, FontWeight

שונות גופן הגדרות : קוד ButtonSampleדוגמת

Button Controlמאפיינים ) (:Propertiesהמשך

Foreground . הפקד של הקדמה צבעHeight . הפקד גובהWidth . הפקד רוחבIsEnabled , המסך על נראה פעיל שאינו פקד פעיל לא או פעיל הפקד האם קובע

אירועים להפעיל מאפשר אינו ולכן למשתמש נגיש אינו הוא אולם. משתמש מפעולת כתוצאה

Margin . , שכנים מפקדים הפקד של מרווח חיצוניים שוליים הגדרתCursor . העכבר סמן הגדרתOpacity . הפקד של השקיפות מידת הגדרתPadding . , מתוכנו הפקד גבולות של מרווח פנימיים שוליים הגדרת

Button Controlהפקד גודל

-Widthהמאפיינים 1. .Heightו הפקד מידות את מייצגים

.2. הפקד, מידות את מהם לקבל ניתן תמיד לא אולם

.3 - ב מגדירים לא הערך XAMLכאשר את יכילו הם לפקד .NaNמידות

.4 - ב הקיים בערך נשתמש אלו - ActualWidthבמקרים .ActualHeightוב

.5 - ב שקיים מידע על המתבססים מחושבים מאפיינים הם האחרונים .Layoutהשניים

.6 - ב הקיימים הגדלים בין הפרש שיהיה -Widthיתכן המחושבים Heightו הערכים לבין-ActualWidthשל .ActualHeightו

Button Control<Grid Grid.Row="1" HorizontalAlignment="Center"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"></ColumnDefinition> <ColumnDefinition Width="200"></ColumnDefinition> <ColumnDefinition Width="200"></ColumnDefinition> <ColumnDefinition Width="200"></ColumnDefinition> <ColumnDefinition Width="*"></ColumnDefinition> </Grid.ColumnDefinitions> <Button Grid.Column="1" Content="Red" Background="Red" FontSize="25" Click="Button_Click_1"> </Button> <Button Grid.Column="2" Content="Green" Background="Green" FontSize="25" Click="Button_Click_2"> </Button> <Button Grid.Column="3" Content="Blue" Background="Blue" FontSize="25" Click="Button_Click_3"> </Button></Grid>

- ה Buttonהגדרת האירוע הגדרתClick

Code Behind:private void Button_Click_1(object sender, RoutedEventArgs e){ red += 10; RecolorGrid();}

Clickטיפול

TextBlock + TextBox + PasswordBoxTextBlock

- ל ) מקביל עריכה ללא למשתמש סטטי טקסט של להצגה נועד - Labelהפקד ב Windows Forms .)

TextBox להקליד למשתמש לאפשר ניתן שבאמצעותו .Textהפקד

(:Propertiesמאפיינים )

MaxLength מקסימלי אורך קביעתMaxLines מקסימלי שורות מספר

LineCount בפקד השורות מספרSelectedTex

tהמסומן הטקסט קבלת או קביעת

PasswordBox

, מהמשתמש סיסמה לקליטת ייעודי טקסט פקד. כוכביות הצגת ידי על הקלט את יסתיר זה פקדמאובטחת בצורה בזיכרון נשמר המידע הנוסף

המחלקה ידי על .SecureStringיותר

TextBlock + TextBox + PasswordBox

TextBlock txt_field_name = new TextBlock();txt_field_name.FontSize = 25;txt_field_name.Text = col.ColumnName;txt_field_name.Width = 200;panel.Children.Add(txt_field_name);TextBox txt_content = new TextBox();txt_content.FontSize = 25;txt_content.Width = 250;panel.Children.Add(txt_content);

: קוד TextSampleדוגמת

-TextBlockהגדרת :TextBlockו דינמית בצורה

ItemsControl + ListBox + ComboBoxItemsControl

.1 , , תמונה מחרוזת מסוג פריטים של רשימה ולהציג להכיל יכול פשוט רשימה פקד. פריטים של אחרים וסוגים

.Labelכמו 2. הרשימות עולם של

.3 : המרכזיים המאפיינים .ItemsSourceאו Itemsשני.4Items - ב – אלמנטים XAMLהוספת.5ItemsSource – באמצעות אלמנטים תכלית ) DataBindingהוספת הצגת

של, המודל על הסבר (.DataBindingבדוגמה עצמאי בפרק

ItemsControl + ListBox + ComboBoxקוד :ItemsControlדוגמת

<ScrollViewer Name="scroll" Grid.Column="1" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto"><StackPanel Width="200"> <ItemsControl FontSize="25" Background="AliceBlue"> <ItemsControl.Items> <system:String>Tel Aviv</system:String> <system:String>Jerusalem</system:String> <system:String>Haifa</system:String> <system:String>Eilat</system:String> <system:String>Netanya</system:String> <system:String>Afula</system:String> </ItemsControl.Items></ItemsControl>

: קוד ItemsControlSampleדוגמת

ItemsControl + ListBox + ComboBox

בין :ItemsControlההבדל הבאים הפקדים לשניItemsControl , רשימה בצורת מידע מציג -ListBoxרק ComboBoxו

. מהמשתמש – אירועים מקבל אינטראקטיבי הוא- ב המוצגים של ListBoxהפריטים נגזרת ControlContentהם

- ב תמיד להשתמש לא ?ListBoxלמה

ItemsControl + ListBox + ComboBoxListBox

. , יותר או אחד ערך לבחור יכול המשתמש מתוכם ערכים של רשימה המציג פקדמאפיינים:

SelectionMode.1Single.2Multiple.3Extended

אירועים:SelectionChanged – את משנה המשתמש כאשר מתרחש

הבחירהListBoxItem של נגזרת :ControlContentהיא

ItemsControl + ListBox + ComboBox

קוד :ListBoxדוגמת

: קוד ListBoxSampleדוגמת

<ListBox Name="lstDaysOfWeek" Width="150" FontSize="25" SelectionMode="Multiple" SelectionChanged="lstDaysOfWeek_SelectionChanged"> <ListBoxItem Content="Sunday"/> <ListBoxItem Content="Monday"/> <ListBoxItem Content="Tuesday"/> <ListBoxItem Content="Wednesday"/> <ListBoxItem Content="Thursday"/> <ListBoxItem Content="Friday"/> <ListBoxItem Content="Saturday"/></ListBox>

הגדרת ListBoxה-

הגדרת SelectionChanה-

ged

ItemsControl + ListBox + ComboBoxComboBox

<ComboBox Name="combo" SelectionChanged="ComboBox_SelectionChanged"> <ComboBoxItem Content="Sunday"/> <ComboBoxItem Content="Monday"/> <ComboBoxItem Content="Tuesday"/> <ComboBoxItem Content="Wednesday"/> <ComboBoxItem Content="Thursday"/> <ComboBoxItem Content="Friday"/> <ComboBoxItem Content="Saturday"/></ComboBox>

הגדרת ComboBoxה-

הגדרת SelectionChanה-

ged

: קוד ComboBoxSampleדוגמת

: , , ב להוריד ניתן מצגות חומרים הסילבוס את. . .www corner co il