MakeItSo icon indicating copy to clipboard operation
MakeItSo copied to clipboard

Tutorial: Implementing more UI features

Open peterfriese opened this issue 1 year ago • 0 comments

  1. Add a swipe action for deleting a todo
    • Now, isn’t it lovely that we’ve got everything nicely separated?
  2. Add a swipe action for showing the details / editing screen
    • We want to be able to edit the task details using the details screen. To open the details screen, we’ll add a swipe action
    • Use a binding to connect the details screen to the data model. We will change this in a later step
  3. Flagging
    1. Add a swipe action / function on the view model
    2. Add a flag to the row view
    3. Add a flag item to the details screen
  4. Priority
    • Add a priority picker
    • Add priority to the list row
  5. Date and Time
    • Add pickers
    • Add data / time to the list row
  6. URL
    • Add URL input field (with clear button)
    • Add URL renderer (reading OG image) to the list row
  7. Notes
    • Add the Notes field to the Details screen
    • Add a Notes field to the List row

Summary

  • We’ve enhanced the details screen and the list row
  • Everything is kept local, so each of the files are still nice and clean
  • However, when comparing with the original app, you will find that it allows users to discard their change in the details screen, whereas ours always pass straight through. We will fix this in the next step

peterfriese avatar Mar 09 '23 15:03 peterfriese