Kore/doc/mockups/detailsfragment.svg

359 lines
15 KiB
XML
Raw Permalink Normal View History

Refactored AbstractDetailsFragment This introduces the MVC model to details fragments. It moves as much view and control code out of the concrete fragments into the abstract classes. * Added UML class and sequence diagrams under doc/diagrams to clarify the new setup * Introduces new abstract classes * AbstractFragment class to hold the DataHolder * AbstractInfoFragment class to display media information * AbstractAddtionalInfoFragment class to allow *InfoFragments to add additional UI elements and propagate refresh requests. See for an example TVShowInfoFragment which adds TVShowProgressFragment to display next episodes and season progression. * Introduces new RefreshItem class to encapsulate all refresh functionality from AbstractDetailsFragment * Introduces new SharedElementTransition utility class to encapsulate all shared element transition code * Introduces new CastFragment class to encapsulate all code for displaying casts reducing code duplication * Introduces DataHolder class to replace passing the ViewHolder from the *ListFragment to the *DetailsFragment or *InfoFragment * Refactored AbstractDetailsFragment into two classes: o AbstractDetailsFragment: for fragments requiring a tab bar o AbstractInfoFragment: for fragments showing media information We used to use <NAME>DetailsFragments for both fragments that show generic info about some media item and fragments that hold all details for some media item. For example, artist details showed artist info and used tabs to show artist albums and songs as well. Now Details fragments are used to show all details, Info fragments only show media item information like description, title, rating, etc. * Moved swiperefreshlayout code from AbstractCursorListFragment to AbstractListFragment
2016-12-30 09:27:24 +01:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1080"
height="1920"
viewBox="0 0 1080 1920"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="detailsfragment.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="47.810667"
inkscape:cy="929.57115"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1280"
inkscape:window-height="751"
inkscape:window-x="0"
inkscape:window-y="1"
inkscape:window-maximized="1"
borderlayer="true"
inkscape:showpageshadow="true"
showborder="true" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,867.63784)">
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.9477067;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11546"
width="1080"
height="1920"
x="0"
y="-867.63782" />
<rect
style="fill:#0288d1;fill-opacity:1;stroke:#ade2fe;stroke-opacity:1;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none"
id="rect3405"
width="1081"
height="145"
x="0"
y="-807.63782" />
<rect
style="fill:#0277bd;fill-opacity:1"
id="rect4228"
width="1081"
height="61"
x="0"
y="-867.63782" />
<rect
style="fill:#004a00;fill-opacity:1;stroke:#ade2fe;stroke-opacity:1;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none"
id="rect4230"
width="1081"
height="565.71429"
x="0"
y="-662.63782" />
<path
inkscape:connector-curvature="0"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
id="path4750"
d="m 70.100471,-760.87886 4.25,4.2812 -14.5625,14.5625 34.75,0 0,6 -34.7188,0 14.5313,14.5625 -4.25,4.2187 -21.7813,-21.7812 z" />
<rect
style="fill:#4d4d4d;fill-opacity:1;stroke:#ade2fe;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6981"
width="1040.597"
height="596.02563"
x="19.701468"
y="-97.650917" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#ade2fe;stroke-opacity:1;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none"
id="rect6979"
width="294.28571"
height="414.28571"
x="68.571373"
y="-319.06644" />
<rect
style="fill:#121314;fill-opacity:1;stroke:#ade2fe;stroke-width:4.00767612;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6983"
width="1040.1523"
height="421.68207"
x="19.923792"
y="501.59259" />
<rect
style="fill:#000000;fill-opacity:1"
id="rect6987"
width="1077.1428"
height="128.5714"
x="1.4285889"
y="923.79077" />
<circle
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path7600"
cx="540.771"
cy="988.07648"
r="25.151453" />
<path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:27.63642311;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path11538"
sodipodi:sides="3"
sodipodi:cx="254.28571"
sodipodi:cy="840.93353"
sodipodi:r1="181.80499"
sodipodi:r2="90.09066"
sodipodi:arg1="-1.0438531"
sodipodi:arg2="0.0033444541"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 345.71427,683.79069 344.66112,998.68441 72.48173,840.3255 Z"
inkscape:transform-center-x="6.4744758"
inkscape:transform-center-y="-0.70312468"
transform="matrix(0.15628051,0,0,0.17058614,178.22278,844.56599)" />
<path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:0;stroke:#ffffff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path11540"
sodipodi:sides="4"
sodipodi:cx="871.8484"
sodipodi:cy="988.07648"
sodipodi:r1="37.624657"
sodipodi:r2="26.60465"
sodipodi:arg1="0.78539816"
sodipodi:arg2="1.5707963"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 898.45304,1014.6811 -53.2093,0 0,-53.20927 53.2093,0 z" />
<circle
style="fill:#0288d1;fill-opacity:1;stroke:#0288d1;stroke-width:4.548;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path11542"
cx="931.42859"
cy="785.2193"
r="72.725868" />
<path
sodipodi:type="star"
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path11544"
sodipodi:sides="3"
sodipodi:cx="720"
sodipodi:cy="643.79077"
sodipodi:r1="52.450169"
sodipodi:r2="34.315464"
sodipodi:arg1="-2.0831858"
sodipodi:arg2="-1.0359882"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 694.28571,598.07649 78.16116,46.3022 -79.17946,44.53845 z"
inkscape:transform-center-x="-7.382508"
inkscape:transform-center-y="-0.5704157"
transform="matrix(0.46414272,0,0,0.39929271,595.43536,527.95863)" />
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:3.22206235;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548"
width="595.06366"
height="72.206512"
x="411.03958"
y="-73.741096" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="508.57144"
y="-27.637831"
id="text11550"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552"
x="508.57144"
y="-27.637831">Title</tspan></text>
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:3.22206235;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548-3"
width="595.06366"
height="72.206512"
x="411.03958"
y="23.401726" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="512.55719"
y="75.845695"
id="text11550-6"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-7"
x="512.55719"
y="75.845695">Undertitle</tspan></text>
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:4.02694607;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548-3-5"
width="939.97308"
height="71.401627"
x="65.727768"
y="148.0899" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="433.92438"
y="195.84569"
id="text11550-6-3"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-7-5"
x="433.92438"
y="195.84569">Action buttons</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="134.28571"
y="-159.06642"
id="text11620"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11622"
x="134.28571"
y="-159.06642">Poster</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:68.84462738px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="484.48926"
y="-439.98108"
id="text11624"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11626"
x="484.48926"
y="-439.98108">Art</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="174.28572"
y="-727.63788"
id="text11628"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11630"
x="174.28572"
y="-727.63788">Title</tspan></text>
<path
inkscape:connector-curvature="0"
d="m 1008.5714,-751.06642 c 3.3,0 6,-2.7 6,-6 0,-3.3 -2.7,-6 -6,-6 -3.3,0 -6,2.7 -6,6 0,3.3 2.7,6 6,6 z m 0,6 c -3.3,0 -6,2.7 -6,6 0,3.3 2.7,6 6,6 3.3,0 6,-2.7 6,-6 0,-3.3 -2.7,-6 -6,-6 z m 0,18 c -3.3,0 -6,2.7 -6,6 0,3.3 2.7,6 6,6 3.3,0 6,-2.7 6,-6 0,-3.3 -2.7,-6 -6,-6 z"
id="path13804"
style="fill:#ffffff" />
<path
inkscape:connector-curvature="0"
d="m 913.81427,-754.07355 0,-14.85 -16.2,0 0,14.85 8.1,8.1 8.1,-8.1 z m -20.25,4.05 -14.85,0 0,16.2 14.85,0 8.1,-8.1 -8.1,-8.1 z m 4.05,20.25 0,14.85 16.2,0 0,-14.85 -8.1,-8.1 -8.1,8.1 z m 20.25,-20.25 -8.1,8.1 8.1,8.1 14.85,0 0,-16.2 -14.85,0 z"
id="path14002"
style="fill:#ffffff" />
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:2.72044969;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548-6"
width="421.27957"
height="72.708122"
x="65.074493"
y="258.86526" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="103.98576"
y="310.13141"
id="text11550-2"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-9"
x="103.98576"
y="310.13141">Rating</tspan></text>
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:2.72044969;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548-6-1"
width="421.27957"
height="72.708122"
x="580.78876"
y="258.86523" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="739.01093"
y="304.41714"
id="text11550-2-2"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-9-7"
x="739.01093"
y="304.41714">Details right</tspan></text>
<rect
style="fill:#000000;fill-opacity:1;stroke:#ade2fe;stroke-width:4.02694607;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect11548-3-5-0"
width="939.97308"
height="71.401627"
x="61.442043"
y="368.0899" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="83.536552"
y="415.8457"
id="text11550-6-3-9"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-7-5-3"
x="83.536552"
y="415.8457">Description</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="412.10797"
y="704.41711"
id="text11550-6-3-6"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan11552-7-5-0"
x="412.10797"
y="704.41711">Additional info</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="-437.14285"
y="249.50511"
id="text3468"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3470"
x="-437.14285"
y="249.50511" /></text>
</g>
</svg>