Philadelphia University Faculty of Information Technology. Visual Programming

Transcription

1 Philadelphia University Faculty of Information Technology Visual Programming Using C# -Work Sheets- Prepared by: Dareen Hamoudeh Eman Al Naji

2 Work Sheet 1 Form, Buttons and labels Properties Changing properties through properties window: 1. Change the following Form properties: a) Change the form title to worksheet1 (text). b) Set the Background color to blue (BackColor). c) Set the font color to red (ForeColor). d) Change e font style (Font) e) Set the interior spacing to 10 (Padding). f) Specify the Maximum form Size to be 500 x 500 (MaximumSize). g) Specify the Minimum form Size to be 100 x 100 (MinimumSize). 2. Place three Buttons on the form, and change their properties as follows: a) Change buttons titles to Ok, Exit, Disable (text). b) Change buttons names to Ok, Exit, (Name). c) Set the buttons size to 50 x 50 (size). d) Set the location for the ok button to be 60,60. And the Exit button to be 150,60. e) Set the tab index order as the following: Ok button: 0, Exit button:1, Disable:2 f) Disable any button and notice the change (Enable). g) Set the visible property to be false for any button and notice the change (visible). h) Using the property (Anchor) keep the ok, Exit buttons located to the left side of the form. i) Set the (Dock) property to: Top for the Disable button. j) Back to form properties, set (AcceptButton) to the Ok button, and CancelButton to the Exit button. 3. Drag a label on the form: a. Write the following text on it: welcome to project 1. b. Change font style, color and alignment.

3 Changing properties at run time: Write the appropriate code to apply the following: a) Insert a button that changes the Form s background color. b) Insert a button that hides\shows the label. c) Disable button will disable the Hide button. d) The Ok button shows a welcome message. e) Exit button closes the form.

4 Work Sheet 2 Textboxes Properties and Exercises Changing properties through properties window: 4. Drag a Textbox to the current form, and change the following Form properties: h) Enable your textbox to contain several lines (Multiline) i) Show scrollbars in the textbox (ScrollBars). j) Enable your textbox to create a new line whenever you reach the border. (WordWrap). k) Add a default value to your textbox (Text). l) Change the font color in the textbox (forecolor) m) Forbid user to write in the textbox (Readonly) n) Forbid user access to the textbox (Enabled) o) Use your textbox for entering a password (PasswordChar) p) Use your textbox for entering a password, using the system symbol (UseSystemPasswordChar). q) Add other 3 textboxes. r) Change the TabIndex property for each textbox, so that the navigation between them will change.

5 Exercise 1: Create the following form: Add code that does the following: a) Change Title: Changes the title of the form according to the text entered in the textbox (title). b) Show/Hide: Shows and hides the label, the textbox and the button of the Title. c) Join: Joins the first name and last name inserted in the textboxes, and stores the results in Full Name. d) Go to Title: transfers the focus to Title. e) Repeat the code written in Join button, so that it occurs in "Textchanged" event.

6 Exercise 2: Create the following form: Write code in the displayed buttons so that you create a simple calculator

7 Work Sheet 3 Group boxes and panels Group boxes and panels: are used to group and contain controls, when moving them all controls (inside them) moves. Create the following form that contains a group box and a panel. Notice the differences between them through the following properties: Group box Caption No Scrollbar Same border panel No caption Scrollbars Change border Exercise: Add a Button "Hide", in the form above, to hide the "Greetings GroupBox".

8 Create the following form: Work Sheet 4 Check boxes and Radio buttons 1. Study the following properties for check boxes: Text. Checked. Check state. 2. Study the following properties for Radio buttons: Text. Checked. 3. write code to do the following: 1. Activate the 4 checkboxes in the form, so that whenever a checkbox is checked, the corresponding property is applied, otherwise it becomes false.

9 2. Activate the 2 radio buttons, so that whenever the "Personal" is checked, the first panel is shown, and the other is hidden, and whenever the "Education" is checked, vice versa. 3. Add a button, "Reset", that changes the checkstate property of any chosen checkbox to "indeterminate". Exercise 3: Create the following form, but first add the six radio buttons without the groupboxes, and check their behavior. Question: can you choose "Arial" with "Bold" at the same time? - Now, add the group boxes and check the difference in the radio buttons behavior.

10 - Activate the radio buttons so that they change the size, name and style of the label font. - Check the behavior of the "Style" radio buttons, can you select "Bold" and "Italic" at the same time? - Activate the checkboxes, and note the difference.

11 Build the following form, where: Work Sheet 5 Message box and picture box 1. When the user clicks on the button, the following message box shows: 2. If the user clicks on the OK button, a label shows with you clicked the Ok button. 3. If the user clicks on the Cancel button, a label shows with you clicked the Cancel button.

12 4. Each time the user clicks on the picture box, the image changes. Exercise 4: Create the following form, where each radio button executes the corresponding operation.

13 Work Sheet 6 Mouse events Create the following form, where: Label 2 Label 3 1. While the cursor moves over the image, the coordinates x and y for the curser position appear on the form. 2. When the user clicks on the image, the coordinates x and y for the curser position appear on the form. 3. When the cursor enters the text box, the font size increases, and when the cursor leaves the text box, the font size returns to its default size. 4. The text in label 2 will be changed to up, down or hover according to the event performed on the mouse. 5. The text in label 3 will be changed to left if the user clicked on the left mouse button, and to right if the user clicked on the right mouse button.

14 Create the following form, where: Work Sheet 7 Keyboard Events We will study the following Keyboard Events: KeyEventArgs Events Properties Alt Ctrl Key Down Shift Key Up Keycode KeyData KeyValue KeyPressEventArgs Events Properties Key Press KeyChar

15 Work sheet 8 ToolTip, NumericUpDown and LinkLabel Create the following form, where: Textbox3 Label5 1. The value in the age textbox must be between 18 and 30 (numericupdown). 2. When the user chooses his age, the value will show in label5 too. 3. When the curser hovers over the age textbox, a note (using tooltip control) shows as shown in the picture. 4. The user can write his age in textbox3, the value will be stored in the numericupdown. 5. When the user clicks on Philadelphia link, the university website opens. 6. When the user clicks on calculator link, the calculator application opens. 7. When the user clicks on MS word link, the MS word application opens. 8. When the user clicks on Pictures link, the Pictures folder opens.

16 Work sheet 9 Menus First: Create the following form, with the displayed menu: Discuss the following concepts: Menustrip Menuitem (Add, modify and delete) Separater Line Submenus Shortcuts (Using &) ShortCut property + ShowShortcut Righttoleft property Second: Create another form, with the following Menu

17 Add an ordinary label to the form, then Activate the displayed menu items as follows: A) Close Closes the form B) Red Changes the font color of the label into red C) Blue Changes the font color of the label into blue D) Green Changes the font color of the label into green E) Times New Roman Changes the font name of the label to "Times New Roman" F) Arial Changes the font name of the label to "Arial" G) Tahoma Changes the font name of the label to "Tahoma" H) Bold, Italic and Underline each changes the style of the label font Hint: Make them act like Checkboxes, working with properties (CheckOnClick and Checked)

18 Work sheet 10 ListBoxes First: Review listbox control item and its main properties, methods and default event. Create the following form, and add a Listbox with the following items in it: - Review the property SelectionMode and change its value (One, MultiSimple, MultiExtended) - Change the property Sorted into True, and check the effect. - Add two labels to the form. - In the first label, display the selecteditem (use the default event SelectedIndexChanged). - In the second label, display the selectedindex. (check its value when no items are selected) - Discuss the properties SelectedItems and SelectedIndecies. - If a user selects either C++ or C#, display a message "Welcome to C languages". (hint: use method GetSelected) - Add a button labeled "Count" and another label. When pressing the button, display number of items in the listbox in the new label.

19 Second: Practice several actions on the listbox. Create the following form: Activate the displayed buttons as follows: 1. Add: Adds the item entered in the textbox into the listbox. 2. Remove: Removes the selected item in the listbox (Ex: Change it to remove the written item in the textbox). 3. Clear List: Clears/removes all items in the listbox 4. Clear Selected: Removes the selection on items in the listbox.

20 Exercise 5: Create the following form: Activate the displayed buttons, so that: 1. > : moves the selected item from left listbox to the right one. 2. <: moves the selected item from right listbox to the left one 3. >>: moves all items from left listbox to the right one. 4. <<: moves all items from right listbox to the left one. Change the code in > and < buttons, so that they move the selected items.

21 Work sheet 11 CheckedListBox Create the following form. Add a checkedlistbox, with several items. Exercise 6: - Check the default event of checkedlistbox (SelectedIndexChanged) - Activate the event ItemCheck, and display the following properties in the label. o CurrentValue o NewValue o Index Create the following form that contains a checkedlistbox and a listbox. Activate ItemCheck event, so that whenever you check an item, it will be copied to the listbox, and whenever you uncheck it, it will be removed from the listbox.

22 Create the following form, where: Work Sheet 12 Combo box Study the following properties: Items Text. Dropdownstyle. MaxDropdownstyle SelectedItem SelectedIndex

23 Exercise 7: Create the following form that contains a ComboBox to choose between two group boxes: Add/Sub and Mul/Div as the following:

24 Work Sheet 13 TreeView Create the following form, and study the following: Properties: Nodes Check Boxes Image List Selected Node Checked FirstNode \ LastNode Parent. FullPath NextNode \ prevnode Text Name Tag Methods: Collapse() Expand() ExpandAll()

25 GetNodeCount() Add() Exercise 8:

26 Work Sheet 14 List View, Image list 1. Create the following form: Study the following properties: Items View Columns MultiSelect LargeImageList SmallImageList SelectedItems subitems Count Study the following Methods: Items.Add() Subitems. Add() Items.Clear()

27 The following event (ItemSelectionChanged) is used to reach a selected item using the object (e): e.isselected e.item e.item.subitems 2. Add two Image Lists to the form, one for small images and name it small and the other for large images and name it large. For each imagelist, study the following properties : Images. Image size 3. Connecting the list view with the image lists: a) Now, for the list view, change the smallimagelist property to small, and largeimagelist property to large. b) For each item in the list view, change the image index.

28 Exercise 9: Create the following form

29 Work Sheet 15 Multiple Forms 4. Create the following form: 5. Now create form2: To create another form on your project: Go to "Solution Explorer", right-click on your project name, and select this option.

30 Click New item, and the following screen will appear:

31 Select "Windows Form", and you can change the form name if you like. When you press add, a new form will be created, and opened in a designed tab, and displayed in the Solution Explorer.

32 Now, only add a button in this new form 6. Add a third form, and add one button. "Cancel". 7. Return to Form1, and on button "Form2" call form2. private void button1_click(object sender, EventArgs e) { Form2 f2 = new Form2(); f2.show(); } 8. Activate "Cancel" button on Form2, so that it closes the form. 9. Return to Form1, and on button "Form3" call form3, and change the title of it as the user specifies in the textbox. In form3: public partial class Form3 : Form { public Form3(string title) { InitializeComponent(); this.text = title; }

33 In form1: private void button2_click(object sender, EventArgs e) { Form3 f3 = new Form3(textBox1.Text); f3.show(); } 10. Activate the cancel button in Form3, to close the form. 11. Activate the Close button in Form1, to close the form. Notes: 1. You can call the same form several times, and opens it several times, because you are actually creating an object several times. 2. When you close the main form (which called the other forms), all forms are closed.