34,333
edits
Changes
→Designing the MessageApp User Interface
<seo title="An iOS 10 Interactive iMessage App Tutorial" titlemode="replace" keywords="ios 10, swift 3, imessage apps, message apps, tutorials, xcode 8" description="A tutorial that demonstrates how to build an iOS iMessage app extension in the form of a Tic-Tac-Toe game."></seo>
<table border="0" cellspacing="0" width="100%"><tr>
<td width="20%">[[How to Build iOS 10 Message App Extensions|Previous]]<td align="center">[[iOS 8 App Development Essentials|Table of Contents]]<td width="20%" align="right">[[An Using iOS 10 Speech Recognition Tutorial8 Event Kit and Swift to Create Date and Location Based Reminders|Next]]</td>
<tr>
<td width="20%">An Introduction to Building iOS 10 iMessage Apps<td align="center"><td width="20%" align="right">An Using iOS 10 Speech Recognition TutorialEvent Kit to Create Date and Location Based Reminders</td>
</table>
<hr>
<htmlet>ios10</htmlet>
== Designing the MessageApp User Interface ==
<htmlet>adsdaqbox_flow</htmlet>
The user interface for the iMessage app extension is going to consist of 9 Button objects arranged into a 3x3 grid using UIStackView layouts. Later in the tutorial, screenshots of the current game status will be taken and displayed in the interactive message bubbles. Due to problems with screenshots and the UIStackView class, the button collection will be contained within an additional UIView instance.
<hr>
<table border="0" cellspacing="0" width="100%"><tr>
<td width="20%">[[How to Build iOS 10 Message App Extensions|Previous]]<td align="center">[[iOS 8 App Development Essentials|Table of Contents]]<td width="20%" align="right">[[An Using iOS 10 Speech Recognition Tutorial8 Event Kit and Swift to Create Date and Location Based Reminders|Next]]</td>
<tr>
<td width="20%">An Introduction to Building iOS 10 iMessage Apps<td align="center"><td width="20%" align="right">An Using iOS 10 Speech Recognition TutorialEvent Kit to Create Date and Location Based Reminders</td>
</table>
