view nodejs/examples/phone/phone_ui.svg @ 1496:042587afed2e

Add popup menu for transition
author Thinker K.F. Li <thinker@codemud.net>
date Tue, 03 May 2011 12:35:04 +0800
parents a74b4d986a91
children
line wrap: on
line source

<?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="320"
   height="480"
   id="svg2"
   version="1.1"
   inkscape:version="0.48+devel r9732"
   sodipodi:docname="phone_ui.svg">
  <defs
     id="defs4" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.90416667"
     inkscape:cx="312.60279"
     inkscape:cy="186.36119"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     width="320px"
     inkscape:window-width="888"
     inkscape:window-height="684"
     inkscape:window-x="333"
     inkscape:window-y="132"
     inkscape:window-maximized="0" />
  <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" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     inkscape:bbox-x="-1.1059908"
     inkscape:bbox-y="-860.32248"
     inkscape:bbox-width="415.19362"
     inkscape:bbox-height="773.49026">
    <rect
       mbname="icon00"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none"
       id="rect3599"
       width="56.328701"
       height="44.162804"
       x="31.642097"
       y="60.326893"
       inkscape:bbox-x="30.603683"
       inkscape:bbox-y="374.47189"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-height="46.239633"
       rx="11.071856"
       ry="9.7391548"
       inkscape:tile-cx="82.396311"
       inkscape:tile-cy="75.207361"
       inkscape:tile-w="56.328701"
       inkscape:tile-h="44.162804"
       inkscape:tile-x0="54.23196"
       inkscape:tile-y0="53.125959" />
    <rect
       mbname="icon01"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="312.64394"
       inkscape:bbox-x="30.603683"
       y="122.15484"
       x="31.642097"
       height="44.162804"
       width="56.328701"
       id="use3685"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon02"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="250.81607"
       inkscape:bbox-x="30.603683"
       y="183.98271"
       x="31.642097"
       height="44.162804"
       width="56.328701"
       id="use3687"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon03"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="188.98813"
       inkscape:bbox-x="30.603683"
       y="245.81065"
       x="31.642097"
       height="44.162804"
       width="56.328701"
       id="use3689"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon04"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="127.16017"
       inkscape:bbox-x="30.603683"
       y="307.63861"
       x="31.642097"
       height="44.162804"
       width="56.328701"
       id="use3691"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon10"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="374.47189"
       inkscape:bbox-x="98.198119"
       y="60.326893"
       x="99.236534"
       height="44.162804"
       width="56.328701"
       id="use3693"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon11"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="312.64394"
       inkscape:bbox-x="98.198119"
       y="122.15484"
       x="99.236534"
       height="44.162804"
       width="56.328701"
       id="use3695"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon12"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="250.81607"
       inkscape:bbox-x="98.198119"
       y="183.98271"
       x="99.236534"
       height="44.162804"
       width="56.328701"
       id="use3697"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon13"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="188.98813"
       inkscape:bbox-x="98.198119"
       y="245.81065"
       x="99.236534"
       height="44.162804"
       width="56.328701"
       id="use3699"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon14"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="127.16017"
       inkscape:bbox-x="98.198119"
       y="307.63861"
       x="99.236534"
       height="44.162804"
       width="56.328701"
       id="use3701"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon20"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="374.47189"
       inkscape:bbox-x="165.79256"
       y="60.326893"
       x="166.83098"
       height="44.162804"
       width="56.328701"
       id="use3703"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon21"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="312.64394"
       inkscape:bbox-x="165.79256"
       y="122.15484"
       x="166.83098"
       height="44.162804"
       width="56.328701"
       id="use3705"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon22"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="250.81607"
       inkscape:bbox-x="165.79256"
       y="183.98271"
       x="166.83098"
       height="44.162804"
       width="56.328701"
       id="use3707"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon23"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="188.98813"
       inkscape:bbox-x="165.79256"
       y="245.81065"
       x="166.83098"
       height="44.162804"
       width="56.328701"
       id="use3709"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon24"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="127.16017"
       inkscape:bbox-x="165.79256"
       y="307.63861"
       x="166.83098"
       height="44.162804"
       width="56.328701"
       id="use3711"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon30"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="374.47189"
       inkscape:bbox-x="233.387"
       y="60.326893"
       x="234.42542"
       height="44.162804"
       width="56.328701"
       id="use3713"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon31"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="312.64394"
       inkscape:bbox-x="233.387"
       y="122.15484"
       x="234.42542"
       height="44.162804"
       width="56.328701"
       id="use3715"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon32"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="250.81607"
       inkscape:bbox-x="233.387"
       y="183.98271"
       x="234.42542"
       height="44.162804"
       width="56.328701"
       id="use3717"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon33"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="188.98813"
       inkscape:bbox-x="233.387"
       y="245.81065"
       x="234.42542"
       height="44.162804"
       width="56.328701"
       id="use3719"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <rect
       mbname="icon34"
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239633"
       inkscape:bbox-width="58.40553"
       inkscape:bbox-y="127.16017"
       inkscape:bbox-x="233.387"
       y="307.63861"
       x="234.42542"
       height="44.162804"
       width="56.328701"
       id="use3721"
       style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" />
    <g
       id="g3781"
       inkscape:bbox-x="-2.6747894e-07"
       inkscape:bbox-y="440.72538"
       inkscape:bbox-width="321.84332"
       inkscape:bbox-height="43.133648"
       transform="translate(1.1059905,-570.69124)">
      <rect
         inkscape:bbox-height="35.391705"
         inkscape:bbox-width="320.73734"
         inkscape:bbox-y="440.72538"
         inkscape:bbox-x="-2.7016535e-07"
         y="574.57416"
         x="-1.1059908"
         height="35.391705"
         width="320.73734"
         id="rect3761"
         style="fill:#f2f2f2;fill-opacity:1;stroke:none" />
      <rect
         inkscape:bbox-height="35.391705"
         inkscape:bbox-width="320.73734"
         inkscape:bbox-y="448.46732"
         inkscape:bbox-x="1.1059882"
         y="566.83221"
         x="-2.250144e-06"
         height="35.391705"
         width="320.73734"
         id="rect3761-7"
         style="fill:#ececec;fill-opacity:1;stroke:none" />
    </g>
    <rect
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       inkscape:tile-h="44.162804"
       inkscape:tile-w="56.328701"
       inkscape:tile-cy="75.207361"
       inkscape:tile-cx="82.396311"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239804"
       inkscape:bbox-width="58.405701"
       inkscape:bbox-y="370.70221"
       inkscape:bbox-x="356.04143"
       y="64.096489"
       x="357.07993"
       height="44.162804"
       width="56.328701"
       id="rect3599-9"
       style="fill:none;stroke:#ff1010;stroke-width:2.0769999;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       mbname="overhint" />
    <rect
       inkscape:tile-y0="53.125959"
       inkscape:tile-x0="54.23196"
       inkscape:tile-h="44.162804"
       inkscape:tile-w="56.328701"
       inkscape:tile-cy="75.207361"
       inkscape:tile-cx="82.396311"
       ry="9.7391548"
       rx="11.071856"
       inkscape:bbox-height="46.239804"
       inkscape:bbox-width="58.405701"
       inkscape:bbox-y="318.06628"
       inkscape:bbox-x="356.78795"
       y="116.73241"
       x="357.82645"
       height="44.162804"
       width="56.328701"
       id="rect3599-9-3"
       style="fill:none;stroke:#000080;stroke-width:2.07699990000000012;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
       mbname="presshint" />
    <g
       id="g3849"
       inkscape:bbox-x="2.2255181"
       inkscape:bbox-y="-289.63124"
       inkscape:bbox-width="317.40625"
       inkscape:bbox-height="359.25593"
       mbname="dock"
       transform="translate(1.1059905,-570.69124)">
      <path
         inkscape:bbox-height="76.31255"
         inkscape:bbox-width="317.40625"
         inkscape:bbox-y="-6.68786"
         inkscape:bbox-x="2.2255181"
         inkscape:connector-curvature="0"
         id="rect2817"
         d="m 163.68203,981.06655 c -63.1198,0 -120.411185,7.92804 -162.5625024,20.84375 l 0,55.4688 317.4062524,0 0,-57.7188 C 277.22165,988.08365 223.03485,981.06655 163.68203,981.06655 z"
         style="fill:#4494c2;fill-opacity:0.59174314;stroke:none" />
      <path
         style="fill:#6083ff;fill-opacity:1;stroke:#1033ff;stroke-width:2.0769999;stroke-miterlimit:4;stroke-opacity:1"
         d="m 182.48848,1003.6866 c 0,8.2461 -9.16063,14.9309 -20.46083,14.9309 -11.3002,0 -20.46083,-6.6848 -20.46083,-14.9309 0,-8.24608 9.16063,-14.93086 20.46083,-14.93086 11.3002,0 20.46083,6.68478 20.46083,14.93086 z"
         id="path3843"
         inkscape:connector-curvature="0"
         inkscape:bbox-x="141.63431"
         inkscape:bbox-y="31.03524"
         inkscape:bbox-width="42.99866"
         inkscape:bbox-height="31.93876" />
      <rect
         style="fill:#ececec;fill-opacity:1;stroke:#c7cfff;stroke-width:2.03777313;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
         id="rect2838"
         width="310.82263"
         height="282.06689"
         x="4.4043493"
         y="1057.2367"
         inkscape:bbox-x="4.4914533"
         inkscape:bbox-y="-289.63124"
         inkscape:bbox-width="312.8604"
         inkscape:bbox-height="284.10467" />
    </g>
  </g>
</svg>