34,333
edits
Changes
→Designing the User Interface
{{#pagetitle: iOS 10 Directory Handling and File I/O in Swift – A Worked Example }}
<seo title="iOS 10 Directory Handling and File I/O in Swift – A Worked Example" titlemode="replace" keywords="ios 10, swift 3, file handling, tutorial, xcode 8" description="An iOS 10, Swift 3 file handling tutorial demonstrating how to read and write files."></seo>
<table border="0" cellspacing="0" width="100%">
<tr>
<td width="20%">[[Working with Files in Swift on iOS 8|Previous]]<td align="center">[[iOS 8 App Development Essentials|Table of Contents]]<td width="20%" align="right">[[Preparing an iOS 8 App to use iCloud Storage|Next]]</td>
<tr>
<td width="20%">Working with Files in Swift on iOS 8<td align="center"><td width="20%" align="right">Preparing an iOS 8 10 App to use iCloud Storage</td>
</table>
<hr>
== Designing the User Interface ==
<htmlet>adsdaqbox_flow</htmlet>
The example application is going to consist of a button and a text field. To begin the user interface design process, select the Main.storyboard file to load it into the Interface Builder environment. Drag a Button and then a Text Field from the Object Library panel (View -> Utilities -> Show Object Library) onto the view. Double-click on the button and change the text to Save. Position the components and resize the width of the text field so that the layout appears as illustrated in Figure 38-1:
<td width="20%">[[Working with Files in Swift on iOS 8|Previous]]<td align="center">[[iOS 8 App Development Essentials|Table of Contents]]<td width="20%" align="right">[[Preparing an iOS 8 App to use iCloud Storage|Next]]</td>
<tr>
<td width="20%">Working with Files in Swift on iOS 8<td align="center"><td width="20%" align="right">Preparing an iOS 8 10 App to use iCloud Storage</td>
</table>
