Improve UX of TTS Message option

[pilot51]

A Google Play review mentioned that the TTS Message option is a little convoluted. I agree it could be better.

Currently my idea, as detailed below, is to use tags instead of plain text for each message component.

• Improve descriptions of the components.
• Basic and advanced modes:
  • Basic: Checkbox list of components that can be reordered either by drag-and-drop or arrow buttons. They are separated by newline in the TTS text. (Thanks @Robio!)
  • Advanced: Text field as it is now but with tags as described below.
    • Short text in the tag identifies which component it is in a more self-explanatory way.
    • Each tag is listed and clicking on a tag in the list adds it to the text field at the cursor position.
    • Drag-and-drop to move tags around in the text field or to add to a specific position from the list.
    • A tag is removed when it is either deleted by the keyboard or pulled out of the text field.
    • The tag's text code (e.g. #M) is converted to the tag on the fly. The text codes should still be shown in the description or tag list for users who prefer to type.
• Allow saving a format to a list of presets. This would be especially useful now that per-app settings exists.

This may change as I give it more thought and find out how difficult it is to implement.