Currency converter with GUI

Currency converter with GUI#

I assume you have gone through section Avalonia GUI framework.

GUIs provide a more intuitive interaction with most users. In next weeks, our projects will be GUI-based.

Activity 32 (Converting currency converter to a GUI app)

In section A currency converter with input we created a currency converter that inputs DKK and outputs EUR equivalent.

  1. What is the input and output to the currency converter?

  2. How does your GUI look like? Sketch it on paper or xaml.io

  3. Browse the controls of the GUI framework. Which controls could be used to implement your GUI?

  4. Create a new GUI project and create your XAML.

  5. Use an event that is associated with your chosen GUI control/s that should trigger the currency conversion process, e.g., Click, or TextChanged.

  6. Add the corresponding function to the code-behind.

  7. Copy the code from A currency converter with input, paste it to your code (where does it belong to?) and modify it.

    • Remove Console-related functions and connect the data input and output to your GUI instead.

Hints

  • TextBox has an event called TextChanged that is fired every time the input changes.

  • Use Double.TryParse that we learned in section Conversion between datatypes