---
title: "Ios App Ui Database"
description: "A database diagram showing entity relationships and structure"
category: "templates/layout"
type: "database"
source_file: "templates/layout/ios_app_ui_decoded.xml"
tags: ["ui", "template", "design", "layout", "wireframe", "drawio"]
---

# Ios App Ui Database

A database diagram showing entity relationships and structure

## 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="826" pageHeight="1169" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="2" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;" parent="1" vertex="1">
      <mxGeometry x="20" y="20" width="200" height="400" as="geometry"/>
    </mxCell>
    <mxCell id="3" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;" parent="1" vertex="1">
      <mxGeometry x="260" y="20" width="200" height="400" as="geometry"/>
    </mxCell>
    <mxCell id="5" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios.iBgStriped;strokeColor=#18211b;fillColor=#5D7585;strokeColor2=#657E8F;" parent="1" vertex="1">
      <mxGeometry x="32.5" y="80" width="175" height="280" as="geometry"/>
    </mxCell>
    <mxCell id="6" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios.iBgStriped;strokeColor=#18211b;fillColor=#5D7585;strokeColor2=#657E8F;" parent="1" vertex="1">
      <mxGeometry x="272.5" y="80" width="175" height="280" as="geometry"/>
    </mxCell>
    <mxCell id="7" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;" parent="1" vertex="1">
      <mxGeometry x="502.5" y="20" width="200" height="400" as="geometry"/>
    </mxCell>
    <mxCell id="9" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.iconGrid;fillColor=#c0c0c0;gridSize=3,3;" parent="1" vertex="1">
      <mxGeometry x="41.25" y="90" width="157.5" height="260" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="Icon" style="strokeWidth=1;shape=mxgraph.ios7ui.icon;fontSize=8;fontColor=#ffffff;buttonText=;" parent="1" vertex="1">
      <mxGeometry x="80" y="202" width="40" height="36" as="geometry"/>
    </mxCell>
    <mxCell id="11" value="Downloading application" style="strokeWidth=1;shape=mxgraph.ios7ui.downloadBar;verticalAlign=top;spacingTop=-4;fontSize=8;fontColor=#FFFFFF;buttonText=;barPos=30;fillColor=#aaaaaa;strokeColor=#0080f0;" parent="1" vertex="1">
      <mxGeometry x="285" y="320" width="150" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.pageControl;fillColor=#222222;strokeColor=#aaaaaa;" parent="1" vertex="1">
      <mxGeometry x="340" y="347.5" width="50" height="5" as="geometry"/>
    </mxCell>
    <mxCell id="13" value="&lt;p&gt;&lt;strong style=&quot;font-size: 140%;&quot;&gt;Wait&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Abort Download&lt;br /&gt;&lt;/strong&gt;&lt;/p&gt;" style="strokeWidth=1;shape=mxgraph.ios7ui.actionDialog;mainText=;subText=;html=1;fontColor=#0080F0;fillColor=#a0a0a0" parent="1" vertex="1">
      <mxGeometry x="277.5" y="250" width="165" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="&lt;table style=&quot;font-size: 1em; color: #a0a0a0; width: 100%; height: 100%;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;25%&quot;&gt;Contacts&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;25%&quot;&gt;Schedule&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&quot;color: #222222;&quot; align=&quot;center&quot; width=&quot;25%&quot;&gt;Hangout&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;25%&quot;&gt;Settings&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;25%&quot;&gt;Exit&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;" style="strokeWidth=2;shape=mxgraph.ios7.misc.picker;strokeColor=#a0a0a0;html=1;overflow=fill;fontSize=15;" parent="1" vertex="1">
      <mxGeometry x="515" y="80" width="175" height="160" as="geometry"/>
    </mxCell>
    <mxCell id="15" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=2;shape=mxgraph.ios7.misc.select;fillColor=#0080f0;strokeColor=#ffffff;" parent="1" vertex="1">
      <mxGeometry x="670" y="154" width="12" height="12" as="geometry"/>
    </mxCell>
    <mxCell id="16" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=2;shape=mxgraph.ios7.misc.contacts_bar;strokeColor=#0080F0;fillColor=#e0e0e0" parent="1" vertex="1">
      <mxGeometry x="515" y="332" width="175" height="28.000000000000004" as="geometry"/>
    </mxCell>
    <mxCell id="17" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.slider;barPos=20;strokeColor=#0080f0;fillColor=#ffffff;strokeColor2=#a0a0a0;" parent="1" vertex="1">
      <mxGeometry x="527.5" y="305" width="150" height="15" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```