---
title: "Wireframe Android 2 Sequence"
description: "A sequence diagram illustrating interactions between objects over time"
category: "templates/layout"
type: "sequence"
source_file: "templates/layout/wireframe_android_2_decoded.xml"
tags: ["ui", "template", "design", "layout", "wireframe", "drawio"]
---

# Wireframe Android 2 Sequence

A sequence diagram illustrating interactions between objects over time

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="6792f9a3e6e58835-1" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.phone2;fillColor=#ffffff;strokeColor=#c0c0c0;rounded=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="130" y="110" width="200" height="390" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-4" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.navigation_bar_1;fillColor=#1A1A1A;strokeColor=#999999;rounded=0;comic=1;labelBackgroundColor=none;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="138" y="435" width="185" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-8" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="147" y="240" width="165" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-6" value="&lt;font style=&quot;line-height: 120%&quot;&gt;&lt;div style=&quot;text-align: left&quot;&gt;&lt;font style=&quot;font-size: 8px&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Name 1&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font style=&quot;font-size: 7px ; line-height: 120%&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Message 1&lt;/font&gt;&lt;/div&gt;&lt;/font&gt;" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=left;verticalAlign=bottom;" parent="6792f9a3e6e58835-8" vertex="1">
      <mxGeometry x="25" y="10" width="140" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-5" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-8" vertex="1">
      <mxGeometry width="50" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-7" value="" style="shape=actor;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-8" vertex="1">
      <mxGeometry x="10" y="5" width="30" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-13" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="149" y="303" width="165" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-14" value="&lt;font style=&quot;line-height: 120%&quot;&gt;&lt;div style=&quot;text-align: left&quot;&gt;&lt;font style=&quot;font-size: 8px&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Name 2&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font style=&quot;font-size: 7px ; line-height: 120%&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Message 2&lt;/font&gt;&lt;/div&gt;&lt;/font&gt;" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=left;verticalAlign=bottom;" parent="6792f9a3e6e58835-13" vertex="1">
      <mxGeometry x="25" y="10" width="140" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-15" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-13" vertex="1">
      <mxGeometry width="50" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-16" value="" style="shape=actor;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-13" vertex="1">
      <mxGeometry x="10" y="5" width="30" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-17" value="" style="group" parent="1" vertex="1" connectable="0">
      <mxGeometry x="149" y="367" width="165" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-18" value="&lt;font style=&quot;line-height: 120%&quot;&gt;&lt;div style=&quot;text-align: left&quot;&gt;&lt;font style=&quot;font-size: 8px&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Name 3&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font style=&quot;font-size: 7px ; line-height: 120%&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Message 3&lt;/font&gt;&lt;/div&gt;&lt;/font&gt;" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=left;verticalAlign=bottom;" parent="6792f9a3e6e58835-17" vertex="1">
      <mxGeometry x="25" y="10" width="140" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-19" value="" style="ellipse;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=1;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-17" vertex="1">
      <mxGeometry width="50" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-20" value="" style="shape=actor;whiteSpace=wrap;html=1;rounded=0;shadow=0;comic=0;labelBackgroundColor=none;strokeColor=#999999;strokeWidth=1;fillColor=#ffffff;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;" parent="6792f9a3e6e58835-17" vertex="1">
      <mxGeometry x="10" y="5" width="30" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-25" value="" style="strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;rounded=0;comic=0;labelBackgroundColor=none;" parent="1" vertex="1">
      <mxGeometry x="139" y="145" width="183.57" height="15.825" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-26" value="" style="strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.contextual_split_action_bar_white;fillColor=#E6E6E6;rounded=0;comic=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=13;fontColor=#000000;align=left;" parent="1" vertex="1">
      <mxGeometry x="138" y="161" width="185" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-27" value="Contextual" style="strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.anchor;fontStyle=1;" parent="6792f9a3e6e58835-26" vertex="1">
      <mxGeometry width="185" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="6792f9a3e6e58835-28" value="Action" style="strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.anchor;fontStyle=1;" parent="6792f9a3e6e58835-26" vertex="1">
      <mxGeometry y="40" width="185" height="30" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```