X-Git-Url: http://git.nikiroo.be/?p=fanfix.git;a=blobdiff_plain;f=android.md;h=5be4ac3dd0a8f322048bc0632f3a73e973cb7bfc;hp=3adae7907be8f2e7511b3f03b2d3e21dca382e95;hb=b19b9ba2854b67959dea4ac41bd97fc92edd2bc3;hpb=bac39c503b5023d9e274f8695117ed6936b2a058 diff --git a/android.md b/android.md index 3adae79..5be4ac3 100644 --- a/android.md +++ b/android.md @@ -211,6 +211,69 @@ Material.IO: - the options : Switch - the languages : Exposed Dropdown Menu - the text fields : the default for text fields -- the scret key field : the default for passwords (with * * *) +- the scret key field : the default for passwords (with * * * ) +## Internal viewer + +The program will have an internal viewer that will be able to display the 2 kinds of stories (images and text). + +### Base viewer + +This is common to both of the viewer (this is **not** an architectural directives, I only speak about the concept here). + +[image] + +#### Header + +The title is the title of the story, shortened with "..." if too long. + +#### Content + +This area will host the text viewer or the image viewer. + +#### Navigator + +It contains 4 action buttons (first, previous, next and last chapter) and the title of the current chapter: + +- Descripton : for the properties page (same layout as the actual Properties page) +- Chapter X/Y: title : for the normal chapters (note that "Chapter X/Y" should be bold, and "X" should be coloured) + +#### UI + +Matrial.IO: + +- Header : Header +- Navigator : Bottom sheet + +### Text viewer + +[image] + +It will contain the content of the current chapter (Story.getChapters().get(index - 1)). + +Same layout as the Properties page uses for the resume, with just a small difference: the chapter name is now prefixed by "Chaper X: ". + +### Image viewer + +[image] + +#### Image + +Auto-zoom and fit (keep aspect ratio). + +#### Image counter + +Just display "Image X/Y" + +#### Handles + +This is a simple cue to show the user where to click. + +It can be hidden via the option "Show handles on image viewer" from the Options page. + +#### UI + +Pinch & Zoom should be allowed. + +Drag-to-pan should be allowed.