Unit 6 contains an example app of a tip calculator. Enhance the app according to the...

Transcribed Image Text:

Unit 6 contains an example app of a tip calculator. Enhance the app according to the following screenshots and requirements. Tip Calculator Amount 246.135 To ( 5 7 4 1 0 Number of people 3 1 Tp. 5 Total Amount $258.44 Total Per Pers $86.15 Tip Calculator 246.135 5% 7 4 1 0 Number of people: 3 Total Bil Amst $258.44 Total Per Person $86.15 2 2 5 2 10% 8 5 2 10% 3 8 15% CLEAR 4 9 4 6 3 x CLEAR 9 6 3 X 20% 5 20% 5 Tip Calculator 246.135 J About Chan Tai Man ID: 12345678 Number of people 3 Total Ascunt $258.44 Total Per Person $86.15 Tip Calculator Amount 246.135 Tip (5): 5 7 1 4 1 0 5% Number of people 3 Total Bil Amount: $258.44 Total Per Person $86.15 2 2 I 5 8 5 2 10% 3 CLEAR 4 OK 15% Ⓡ CLEAR 9 X Tip Calculator Amount 246.135 To (M): 5 7 4 1 0 5% Number of people 3 1 Total Amount $258.44 Total Per Person $86.15 5 2 2 10% Blue Green White 3 15% 4 9 6 3 X 20% 5 a. Modify the portrait layout (existing in the project) to add 12 buttons under the "Bill Amount" input field, as shown in the left screenshot above. b. Create a new landscape layout that contains the same components in the portrait layout (with the same IDs). Design the layout so that the components work properly in the landscape device orientation. c. Implement the event handlers of the 12 new buttons as follows. o For each of the digit buttons, i.e., "1", "2", "3", ..., "9", and "0", append the digit of the clicked button to the bill amount input field. o For the "." button, append a dot "." to the bill amount input field if it has no "." yet. (Nothing happens if a "." already exists in the field.) o For the "x" (backspace) button, remove the last character from the bill amount field if it is not empty. (Nothing happens if the field is empty.) d. Create an "About" options menu item and show it as an action item. You may use a built-in Android drawable resource as its icon. When the item is selected, an "About" dialog box appears to show your name and your student ID, as in the middle screenshot above. e. Create three options menu items "Blue", "Green", and "White". These menu items are checkable, mutually exclusive, and in a group. They control the background color of the app. Specifically, color constants android.R.color.holo_blue_light (blue), android.R.color.holo_green_light android.R.color.white (white) should be used. (green) and For simplicity, you may hard-code new strings in the programs, and don't need to use primary or alternative string resources for them. Submit one whole Android project that contains all your work for this question. Unit 6 contains an example app of a tip calculator. Enhance the app according to the following screenshots and requirements. Tip Calculator Amount 246.135 To ( 5 7 4 1 0 Number of people 3 1 Tp. 5 Total Amount $258.44 Total Per Pers $86.15 Tip Calculator 246.135 5% 7 4 1 0 Number of people: 3 Total Bil Amst $258.44 Total Per Person $86.15 2 2 5 2 10% 8 5 2 10% 3 8 15% CLEAR 4 9 4 6 3 x CLEAR 9 6 3 X 20% 5 20% 5 Tip Calculator 246.135 J About Chan Tai Man ID: 12345678 Number of people 3 Total Ascunt $258.44 Total Per Person $86.15 Tip Calculator Amount 246.135 Tip (5): 5 7 1 4 1 0 5% Number of people 3 Total Bil Amount: $258.44 Total Per Person $86.15 2 2 I 5 8 5 2 10% 3 CLEAR 4 OK 15% Ⓡ CLEAR 9 X Tip Calculator Amount 246.135 To (M): 5 7 4 1 0 5% Number of people 3 1 Total Amount $258.44 Total Per Person $86.15 5 2 2 10% Blue Green White 3 15% 4 9 6 3 X 20% 5 a. Modify the portrait layout (existing in the project) to add 12 buttons under the "Bill Amount" input field, as shown in the left screenshot above. b. Create a new landscape layout that contains the same components in the portrait layout (with the same IDs). Design the layout so that the components work properly in the landscape device orientation. c. Implement the event handlers of the 12 new buttons as follows. o For each of the digit buttons, i.e., "1", "2", "3", ..., "9", and "0", append the digit of the clicked button to the bill amount input field. o For the "." button, append a dot "." to the bill amount input field if it has no "." yet. (Nothing happens if a "." already exists in the field.) o For the "x" (backspace) button, remove the last character from the bill amount field if it is not empty. (Nothing happens if the field is empty.) d. Create an "About" options menu item and show it as an action item. You may use a built-in Android drawable resource as its icon. When the item is selected, an "About" dialog box appears to show your name and your student ID, as in the middle screenshot above. e. Create three options menu items "Blue", "Green", and "White". These menu items are checkable, mutually exclusive, and in a group. They control the background color of the app. Specifically, color constants android.R.color.holo_blue_light (blue), android.R.color.holo_green_light android.R.color.white (white) should be used. (green) and For simplicity, you may hard-code new strings in the programs, and don't need to use primary or alternative string resources for them. Submit one whole Android project that contains all your work for this question.

Answer rating: 100% (QA)

a Modifying the portrait layout In your existing projects portrait layout file likely activitymainxml locate the section for the Bill Amount input field Below this field add a new horizontal linear la... View the full answer