Swamped with your writing assignments? Take the weight off your shoulder!
In this assignment, we’ll style an application using a couple of different methods. Your goal will be to recreate an application as shown below. The sample images section shows an example of the application running on both UWP and Android. You won’t be required to make it match pixel by pixel, but your final result should look very similar to what is shown below. This assignment will build upon previous chapters of using layouts and views we’ve covered so far to create the UI and then apply some of the new styling concepts we’ve learned this week.
You are allowed to use multiple types of styling with this application as long as you have the following:
At least one Color defined in a resource dictionary that is referenced for display.
At least one usage of implicit styles that applies to multiple views.
At least one usage of explicit styles that gets applied to a single view.
Make the application function to calculate a tip when the calculate button is pressed.Simple formula: total = bill + (bill * tip / 100)
Remember to cast the text values to floating point data types like double or numeric before you do this calculation to avoid integer division
Follow the details for elements in the details section below for specific styling details.
PageBackground color of #faf9f9
HeaderBackground color of #89b0ae
Header TextText centered and font size of Title
Form SectionBackground color of #ffd6ba with Padding and Margin to be similar to examples
Total SectionBackground color of #bee3db with Padding and Margin to be similar to examples
Total Section TextText centered and font size of Subtitle
Calculate ButtonBackground color of #89b0ae and centered with the button NOT spanning the whole page
Label, Entry, and Button ViewsText color of #555b6e