TL;DR: Interface builder is the tool within Xcode for creating a User Interface via a GUI.
|
|
- Bryan Moore
- 5 years ago
- Views:
Transcription
1 Week 8 Lab Comp327 week 8 lab for week commencing 12 November Interface Builder TL;DR: Interface builder is the tool within Xcode for creating a User Interface via a GUI. Interface Builder has been around since 1988, in 2008 a special iphone version of Interface Builder was released to allow for the building iphone interfaces. As of Xcode 4 Interface Builder became integrated into Xcode, before this Interface Builder had been its own application. Sometimes Interface Builder will be refered to as IB. In some cases you may find Interface Builder files called.xib or.nib, this stands for NeXT interface builder dating back to the NeXTSTEP company Steve Jobs created after leaving Apple. Interface Builder had been used by Tim Berners-Lee to create the WorldWideWeb Browser back in Storyboards In previous versions of Xcode, a.nib files would be required for each View Controller, As of Xcode 4.2 Storyboards have been available. One of the notable advantages of Storyboards is Segues, Segues allow for linking of View Controllers to other View Controllers within Interface Builders GUI. Previously linking View Controllers would have to be done via code, it is worth noting that you can still link View Controllers together with Code. Views When creating an Interface in Interface Builder, most of the time a View will be used. A View inherits or directly implements the UIView Class. A View on the Interface Builder is a rectangular area the handles drawing and touch/gesture events. Most Objects in the Object library inherit from UIView, e.g. Button, TextField, Slider,... Views can and are typically nested, i.e. a View sits inside another View. The relationship between nested Views are described as a SuperView and a SubView, the Super being the outer and the Sub being the Inner. Auto Layout
2 Auto Layout is a dynamic way of describing layouts of Views. This can be particularly helpful for designing interfaces that work well on all sizes of the iphone, with Auto Layout the same described layout can be made to run well on a 4 inch screen through to a 5.8 inch screen. Auto Layout is a system of Constraints defining size and position of Views within their relative SuperView. Getting Started with Auto Layout Within Interface Builder, the toolbar at the bottom of the editor is where the Auto Layout Menus and Options can be found. On the left side of the toolbar is the device that the editor is currently displaying, you can change the device to see how the interface will look. Clicking on the current device brings up the options for changing device and Orientation of the device. Next to the iphone device is the Size Class of the selected device in its orientation, for the iphone 8 in portrait it is wc hr. This means, compact width and regular height. Changing the device to landscape results in the height becoming compact. Size classes can be used to alter the constraints applied to the Views. On the left side of the toolbar, a collection of menu's and buttons can be found, from left to right: Update Frames, updates the view displayed on the editor with the current constraints applied Embed in stack, this will place the selected views inside a Stack View Alignment constraints Height and Position constraints Resolve auto layout issues button Height and Position Constraints Starting with Height and Position constraints or "A new layout constraint".
3 A new constraint can have a defined height and width, spacing to nearest neighbour and some additional constraints to be discussed later. Alignment Constraints Alignment constraints allow for positioning views aligned with one another. To activate this option, you need to command + click at least two Views from the left side toolbar.
4 Safe Area Since Xcode 9 the Safe Area Layout Guide is available, think of this as a set of margins in which it is safe to draw content within. To further illustrate, here is a View Controller root View with a background of Green and a subview that has been given a 0 point positioning to the layout guide edges. The sub View has a black background, here is the layout shown in Portrait
5 As shown, the green colour around the edges of the back sub View indicates the Safe Layout Guide, here is the same View in Landscape The safe area on the iphone X does not encroach on home button and the notch, on the iphone 8 the safe area is aligned to the edge of the device on the left, bottom and right sides. On the top side when the Top Bar is present, the safe area will be below this. The safe area will also change when a Bottom Tab Bar or Navigation Bar is present. Aligning to Centres of Views
6 To centre a View within its Superview, the alignment constraint can be used. This constrain in located within the alignment constraint menu. When the device is rotated to landscape, the button will still be in the middle of the Superview. Relative Heights and Widths A height or width can be set to relate to another views height or width, to do this both views need to be selected in the left toolbar and a constraint applied in the Constraints Menu. For example, a View inside a root View where the sub view is called GreenView
7 In the example the GreenView will have the same width as the root View and half the height of the root View. The GreenView will be zero aligned to the top and trailing Safe Area.
8 Take care to select both the Safe Area and GreenView then click "Add 1 Constraint" to add the Constraint. To set the height as half the width of the safe area, repeat the width constraint but for Equal Heights, then in the right side drawer under the Attribute Inspector set the Multiplier to be 0.5.
9 Task 1 Create a new Project called LayoutApp1, implement the above example applying all constraints, however have the GreenView aligned to the bottom of the Safe Area. Test to make sure that the project works in landscape and portrait. Example of the completed view: Size Class Variation In some cases constraints may differ between size classes, for example in landscape a constraint may not be needed or should differ from than in portrait. In this example, we shall work with the last task. In portrait the height should be equal to half, however in landscape the height should be equal. This can be achieved by adding a size class variation to the Equal Height Constraint. In the left side editor drawer click on the GreenView.height = 0.5 Safe Area.height constraint, in the right side drawer under the Attribute inspector notice that the constraint is Installed, unticking this option uninstalls the constraint. To the left is a + button, clicking on the button brings up the option to add a Variation based on the height, width and Gamut. Selecting Width: Any, Height: Regular will introduce the variation we need.
10 Notice the constraint has been uninstalled and Installed for hr, this means the constraint will only apply to regular heights. On the iphone all devices in Portrait have the Size class of hr wc and in landscape hc wc. Setting the height of GreenView to be equal to the superview in landscape can be achieved by having two constraints with different variations.
11 Task 2 Create a new project called LayoutApp2, implement the above example about applying all constraints However in landscape have the GreenView width to be half Safe Area width and in portrait have the widths be equal. The GreenView should be Zero Aligned on the top, leading and bottom to the safe area. Test to make sure that the project works in landscape and portrait. Stack Views Stack views allows for creating more complicated layouts quicker and easier.
12 Consider the above layout, to draw this layout using Alignment and Equal Height Constraints would require the following: 1. Equal Heights for each view 2. A view with a relative height to the Safe Area 3. Width Constraint for each View 4. Leading Each Constraint 5. Vertical Space Constraints for each view 6. any probably some more... If after creating these constraints another View needed to be added to the layout, it would not be simple; this is where Stack Views come in. Stack Views have the following properties: Alignment How each view is aligned to each edge Axis How the views within the Stack View are Stacked, this can be horizontally (side by side) or vertically (on top of each other) Spacing
13 How much space is between each of the Views Distribution How each View will fill the available space within the Stack View To create the above example, three Views will be placed onto a root view, theses sub Views are called GreenView, RedView and BlueView. To place the Views within a Stack View, select them using cmd + click and click on the Stack View option in the bottom toolbar (circled in the image above), click the stack view option, then the three Views are now sub Views of a Stack View.
14 In the Attribute inspector of the Stack View you can see the axis, alignment, distribution and spacing properties. Task 3 Create a new project called LayoutApp3, implement the above example, in addition figure out how to add the following: Zero Top, Bottom, Leading and Trailing edge constraints on the StackView to the Safe Area Distribute the Views equally so that each View has equal height Introduce 10 point spacing between the Views Add a Variation on the Axis so that in landscape the views are Horizontal
15 Test to make sure that the project works in landscape and portrait, and respects the Safe Area. Intrinsic Size Sometimes the size of Views isn't always known before runtime, for example, when downloading information from the internet or localised strings. This can be achieved using Intrinsic Content Size, the intrinsic content size is dynamic and will be calculated at runtime; this is an implicit constraint verses the explicit constraints described above. Not every view has intrinsic content sizing, such as the UIView class, however UILabel and UIImageView do, allowing for downloading of variable length strings and images of differing dimensions from the internet to be able to render correctly at runtime. Content Hugging & Content Compression Resistance Priority Intrinsic content sizes can conflict with other intrinsic content size views, for example, multiple UILabel instances stacked horizontally. In this scenario, which label gets "Priority". A views priority can be described two ways, first by using the Content Hugging priority, which says that a view may not grow and is "Hugged". With a higher priority, the more resistance to growth beyond the intrinsic size is applied to the view. The second, Compression Resistance priority which describes how the view will "Resist" being compressed by other views intrinsic size. The higher the priority, the more the view will resist being compressed or "made smaller" than its intrinsic size and express a desire to grow.
16 Both the intrinsic size and the priorities can be found in the size inspector in the right side drawer. The content compression resistance priority can be set to any value, however Xcode gives three suggested values: 1000 being required priority 750 being high priority 250 being low priority The same is true for content hugging priorities. An example use case could be a login screen that would typically comprising of two textfields and labels, one pair for the username and another for the password. The labels should start about 25 points from the leading edge and have some 10 points spacing before the textfield begins, then the textfield should end 25 points from the trailing edge. However, the textfields
17 should be the same width. The following constraints allow us to achieve this: 1. Username label leading = Safe area leading Username textfield leading = Username label trailing Safe area trailing = Username textfield trailing + 25 To have the text of the label and textarea be level with each other, alt + click the label and text area and align to baseline.
18 Repeat these steps for the password label and textfield. To ensure that the textfield have the same width, alt + click both textfields to select them both and give them an equal width constraint. Finish by adding relevant top constraints. Task 4 Complete the example above, test to make sure that the project works in landscape and portrait, respects the Safe Area and displays correctly on the iphone 8 Plus and iphone SE. Localisation The localisation feature within Xcode allows an App to support other languages. When designing an App the first language used to design the interface is known as the base language, once the interface has been designed localisation work typically starts. This is where you can add additional language support such as French, there is no limit on the number of languages you can support. To add localisation support to a project, head over to the project root in the left drawer, click on the project in the editor and select the info tab. Once here scroll down to the localisations header. Click on the + button to add another language, In this example the French Language will be added. At the next dialog click Finish.
19 You now have another language supported but not translated. To start adding additional french words to your storyboard, enable localisation on the storyboard by opening the storyboard in the editor and ticking the french option in the right drawer under the file tab. In the left drawer on the storyboard file, a folder has opened up showing a Main.strings (French) file, click on this and change the username and password to their French versions. Username is "Nom d'utilisateur" and password is "Mot de passe". To test to make sure that the localisation work has been completed, alt + click on the simulator device on the toolbar and change the application language to French.
20 If the intrinsic size has set up the correctly, the label and textfield widths will automatically change to accommodate the content. Hint: If you create additional objects on the storyboard after you have generated the localized file, those new objects won't appear. You can regenerate the file in the left hand drawer, changing it from "Localisable Strings" to "Interface Builedr Storyboard" and back to "Localizable Strings". Task 5 Task 5 is the optional extra step that s worth an extra point when this is submitted as part of the portfolio Create a login screen consisting of: Username Label Password Label Username Textfield Password Textfield Login Button View with all the above inside
21 The textfields should be of equal width, have relevant constraints and be of a desired width of 200 points, the login button should be centred, the labels should expand based on their content size and have baseline alignment with their paired textfield. The View should be centred vertically and horizontally with a constraint saying it must not be any closer than 30 points to the trailing edge of the superview. This means that width of the textfield will be of lesser priority than the trailing edge constraint. The height should be automatically set by using 10 point top constraints between all the items inside the view. Add French localisation to the storyboard using the French word "s'identifier" for login. Finish by testing the App in two iphone sizes and both languages. Example of the App running on the iphone SE
22
23 Example of the App running on the iphone 8 plus
24
25 Hint:
In the first class, you'll learn how to create a simple single-view app, following a 3-step process:
Class 1 In the first class, you'll learn how to create a simple single-view app, following a 3-step process: 1. Design the app's user interface (UI) in Xcode's storyboard. 2. Open the assistant editor,
More informationCSC 581: Mobile App Development Spring 2018
CSC 581: Mobile App Development Spring 2018 Unit 2: Introduciton to the UIKit UIKit, UIViews UIControl subclasses 1 UIKit the UIKit is a code framework for building mobile apps the foundational class for
More informationios DeCal : Lecture 2 Structure of ios Applications: MVC and Auto Layout
ios DeCal : Lecture 2 Structure of ios Applications: MVC and Auto Layout Overview : Today s Lecture Model View Controller Design Pattern Creating Views in Storyboard Connecting your Views to Code Auto
More informationCSE 438: Mobile Application Development Lab 2: Virtual Pet App
CSE 438: Mobile Application Development Lab 2: Virtual Pet App Overview In this lab, you will create an app to take care of your very own virtual pets! The app will only have one screen and simple logic,
More informationStructuring an App Copyright 2013 Apple Inc. All Rights Reserved.
Structuring an App App Development Process (page 30) Designing a User Interface (page 36) Defining the Interaction (page 42) Tutorial: Storyboards (page 47) 29 App Development Process Although the task
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationCSC 581: Mobile App Development Spring 2019
CSC 581: Mobile App Development Spring 2019 Unit 1: Getting Started with App Development Xcode installing XCode, creating a project, MVC pattern interface builder, storyboards, object library outlets vs.
More informationWorking with Tables in Microsoft Word
Working with Tables in Microsoft Word Microsoft Word offers a number of ways to make a table. The best way depends on how you like to work, and on how simple or complex the table needs to be. 1. Click
More informationModern Auto Layout. Building Adaptive Layouts For ios. Keith Harrison. Web: useyourloaf.com Version: 1.0 ( ) Copyright 2018 Keith Harrison
Building Adaptive Layouts For ios Keith Harrison Web: useyourloaf.com Version: 1.0 (2018-10-01) Copyright 2018 Keith Harrison Contents 1 Introduction 1 Why Learn Auto Layout?........................ 1
More informationXnView 1.9. a ZOOMERS guide. Introduction...2 Browser Mode... 5 Image View Mode...15 Printing Image Editing...28 Configuration...
XnView 1.9 a ZOOMERS guide Introduction...2 Browser Mode... 5 Image View Mode...15 Printing... 22 Image Editing...28 Configuration... 36 Written by Chorlton Workshop for hsbp Introduction This is a guide
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationExcel Level Three. You can also go the Format, Column, Width menu to enter the new width of the column.
Introduction Excel Level Three This workshop shows you how to change column and rows, insert and delete columns and rows, how and what to print, and setting up to print your documents. Contents Introduction
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationSETTING UP A. chapter
1-4283-1960-3_03_Rev2.qxd 5/18/07 8:24 PM Page 1 chapter 3 SETTING UP A DOCUMENT 1. Create a new document. 2. Create master pages. 3. Apply master pages to document pages. 4. Place text and thread text.
More informationMy First iphone App (for Xcode version 6.4)
My First iphone App (for Xcode version 6.4) 1. Tutorial Overview In this tutorial, you re going to create a very simple application on the iphone or ipod Touch. It has a text field, a label, and a button
More informationXnView Image Viewer. a ZOOMERS guide
XnView Image Viewer a ZOOMERS guide Introduction...2 Browser Mode... 5 Image View Mode...14 Printing... 22 Image Editing...26 Configuration... 34 Note that this guide is for XnView version 1.8. The current
More informationTSM Report Designer. Even Microsoft Excel s Data Import add-in can be used to extract TSM information into an Excel spread sheet for reporting.
TSM Report Designer The TSM Report Designer is used to create and modify your TSM reports. Each report in TSM prints data found in the databases assigned to that report. TSM opens these databases according
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationAutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage:
Page 1 of 18 Using AutoCollage 2008 AutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage: 1. Click on a folder name in the Image Browser. 2. Once at
More informationITP 342 Mobile App Dev. Interface Builder in Xcode
ITP 342 Mobile App Dev Interface Builder in Xcode New Project From the Main Menu, select the File à New à Project option For the template, make sure Application is selected under ios on the left-hand side
More informationThe MVC Design Pattern
The MVC Design Pattern The structure of iphone applications is based on the Model-View-Controller (MVC) design pattern because it benefits object-oriented programs in several ways. MVC based programs tend
More informationQuick Reference Card Business Objects Toolbar Design Mode
Icon Description Open in a new window Pin/Unpin this tab Close this tab File Toolbar New create a new document Open Open a document Select a Folder Select a Document Select Open Save Click the button to
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationPrinting spreadsheets is easy. Microsoft Excel has lots of options available so you can print exactly what you want.
Page Setup and Print Chapter 4 Printing spreadsheets is easy. Microsoft Excel has lots of options available so you can print exactly what you want. Print Preview is available so that you can check how
More informationJSN PageBuilder 2 User Manual
JSN PageBuilder 2 User Manual Introduction About JSN PageBuilder 2 JSN PageBuilder 2 is the latest innovation of Joomla PageBuilder with great improvements in terms of design, features, and user experience.
More informationChapter 2 Welcome App
2.1 Introduction Chapter 2 Welcome App 1. A app is an app that can run on iphones, ipod touches and ipads. a. multi-purpose b. global c. unrestricted d. universal Ans: d. universal 2. You can your apps
More informationAssignment III: Graphing Calculator
Assignment III: Graphing Calculator Objective The goal of this assignment is to reuse your CalculatorBrain and CalculatorViewController objects to build a Graphing Calculator for iphone and ipad. By doing
More informationCollection Views Hands-On Challenges
Collection Views Hands-On Challenges Copyright 2015 Razeware LLC. All rights reserved. No part of this book or corresponding materials (such as text, images, or source code) may be reproduced or distributed
More informationMysteries of Auto Layout, Part 1
App Frameworks #WWDC15 Mysteries of Auto Layout, Part 1 Session 218 Jason Yao Interface Builder Engineer Kasia Wawer ios Keyboards Engineer 2015 Apple Inc. All rights reserved. Redistribution or public
More informationIntegrate Google + Contents
Integrate Google + Contents +1 Button.. 2 Google+ Badge.. 6 Share. 10 Follow 14 +1 Button Let visitors recommend your content on Google Search and share it on Google+. You can add and customize the +1
More informationThis guide provides information to help you learn about navigating your way through the itrent Human Resources Management and Payroll system.
1 Introduction The software system that holds and maintains employment and payroll information for staff at the University of Cambridge is called itrent. The project to bring about changes regarding access
More informationPHPRad. PHPRad At a Glance. This tutorial will show you basic functionalities in PHPRad and
PHPRad PHPRad At a Glance. This tutorial will show you basic functionalities in PHPRad and Getting Started Creating New Project To create new Project. Just click on the button. Fill In Project properties
More information9 POINTS TO A GOOD LINE GRAPH
NAME: PD: DATE: 9 POINTS TO A GOOD LINE GRAPH - 2013 1. Independent Variable on the HORIZONTAL (X) AXIS RANGE DIVIDED BY SPACES and round up to nearest usable number to spread out across the paper. LABELED
More informationCourse Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield
Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0 University of Sheffield PART 1 1.1 Getting Started 1. Log on to the computer with your usual username
More informationHOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS
HOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS GETTING STARTED (LOGIN) 2 SITE MAP (ORGANIZE WEBPAGES) 2 CREATE NEW PAGE 3 REMOVE PAGE 6 SORT PAGES IN CHANNEL 7 MOVE PAGE 8 PAGE PROPERTIES
More informationCanon ImageRUNNER Advance: Printer Driver Settings from PC
Canon ImageRUNNER Advance: Printer Driver Settings from PC Most of the functions for copying are also available at your computer in the print driver. To access the print driver when in a document: File
More informationGoldfish 4. Quick Start Tutorial
Goldfish 4 Quick Start Tutorial A Big Thank You to Tobias Schilpp 2018 Fishbeam Software Text, Graphics: Yves Pellot Proofread, Photos: Tobias Schilpp Publish Code: #180926 www.fishbeam.com Get to know
More informationCreating Reports in Access 2007 Table of Contents GUIDE TO DESIGNING REPORTS... 3 DECIDE HOW TO LAY OUT YOUR REPORT... 3 MAKE A SKETCH OF YOUR
Creating Reports in Access 2007 Table of Contents GUIDE TO DESIGNING REPORTS... 3 DECIDE HOW TO LAY OUT YOUR REPORT... 3 MAKE A SKETCH OF YOUR REPORT... 3 DECIDE WHICH DATA TO PUT IN EACH REPORT SECTION...
More informationAn Quick Introduction to Weebly
An Quick Introduction to Weebly Weebly is an online, template-driven website creation tool. It is easy to sign up, and the setting up of the web address and the hosting are all contained within the Weebly
More informationPART 7. Formatting Pages
PART 7 Formatting Pages In the preceding part, you learned how to format characters and paragraphs. In this part, you learn how to apply formatting that affects entire pages. You ll start with changing
More informationPUBLISHER 2016 LINDA MUCHOW ALEXANDRIA TECHNICAL AND COMMUNITY COLLEGE 1601 JEFFERSON STREET, ALEXANDRIA, MN 56308
PUBLISHER 2016 LINDA MUCHOW 320-762-4539 LINDAC@ALEXTECH.EDU ALEXANDRIA TECHNICAL AND COMMUNITY COLLEGE 1601 JEFFERSON STREET, ALEXANDRIA, MN 56308 Table of Contents Publisher Environment... 3 Rulers...
More informationUsing Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
More informationConstraintLayouts in Android
B ConstraintLayouts in Android Constrained Layouts are a new addition to Android. These layouts are similar to Relative Layouts, in that all widgets are positioned with respect to other UI elements. However,
More informationAssignment III: Graphing Calculator
Assignment III: Graphing Calculator Objective You will enhance your Calculator to create a graph of the program the user has entered which can be zoomed in on and panned around. Your app will now work
More informationSolo 4.6 Release Notes
June9, 2017 (Updated to include Solo 4.6.4 changes) Solo 4.6 Release Notes This release contains a number of new features, as well as enhancements to the user interface and overall performance. Together
More informationMy First iphone App. 1. Tutorial Overview
My First iphone App 1. Tutorial Overview In this tutorial, you re going to create a very simple application on the iphone or ipod Touch. It has a text field, a label, and a button. You can type your name
More informationJPdfBookmarks Manual. by Flaviano Petrocchi
JPdfBookmarks Manual by Flaviano Petrocchi JPdfBookmarks Manual 1 Introduction 3 Installation and Uninstallation 4 Linux Instructions 4 Debian Instructions 6 Windows Instructions 6 Universal Archive Instructions
More informationThe Dreamweaver Interface
The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going
More informationCPM-200 User Guide For Lighthouse for MAX
CPM-200 User Guide For Lighthouse for MAX Contents Page Number Opening the software 2 Altering the page size & Orientation 3-4 Inserting Text 5 Editing Text 6 Inserting Graphics 7-8 Changing the Colour
More informationDOING MORE WITH WORD: MICROSOFT OFFICE 2013
DOING MORE WITH WORD: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD
More informationN/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement
JSN PageBuilder 2 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation from Joomla! PageBuilder, with great improvements to the interface, features, and
More informationPicture Package and Custom Package
Picture Package and Custom Package How to create custom layouts in the Print module By Martin Evening Picture Package and Custom Package In addition to the Single Image/Contact Sheet options, there is
More informationPerch Documentation. U of M - Department of Computer Science. Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward
Perch Documentation U of M - Department of Computer Science Written as a COMP 3040 Assignment by Cameron McKay, Marko Kalic, Riley Draward 1 TABLE OF CONTENTS Introduction to Perch History of Perch ---------------------------------------------
More informationMicrosoft Excel 2007
Learning computers is Show ezy Microsoft Excel 2007 301 Excel screen, toolbars, views, sheets, and uses for Excel 2005-8 Steve Slisar 2005-8 COPYRIGHT: The copyright for this publication is owned by Steve
More informationAUTO LAYOUT IS A UNICORN
AUTO LAYOUT IS A UNICORN WILD AND FREE. MAGIK AWAITS, COME AND SEE. Hi there folks! -Art credit: Elinor, 5 years old. ABOUT ME SousChef YOUR DIGITAL COOKING ASSISTANT 100K+ Users Mac, iphone, and ipad
More informationReport Designer Report Types Table Report Multi-Column Report Label Report Parameterized Report Cross-Tab Report Drill-Down Report Chart with Static
Table of Contents Report Designer Report Types Table Report Multi-Column Report Label Report Parameterized Report Cross-Tab Report Drill-Down Report Chart with Static Series Chart with Dynamic Series Master-Detail
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 2
CS3240 Human-Computer Interaction Lab Sheet Lab Session 2 Key Features of Silverlight Page 1 Overview In this lab, you will get familiarized with the key features of Silverlight, such as layout containers,
More informationWeb-Friendly Sites. Planning & Design 1
Planning & Design 1 This tutorial presents useful tips and tricks to help you achieve a more Web-friendly design and make your sites more efficient. The following topics are discussed: How Z-order and
More informationExtract from NCTech Application Notes & Case Studies Download the complete booklet from nctechimaging.com/technotes
Extract from NCTech Application Notes & Case Studies Download the complete booklet from nctechimaging.com/technotes Application Note Using Vuforia to Display Point Clouds and Meshes in Augmented Reality
More informationKODAK Software User s Guide
KODAK Create@Home Software User s Guide Table of Contents 1 Welcome to KODAK Create@Home Software Features... 1-1 Supported File Formats... 1-1 System Requirements... 1-1 Software Updates...1-2 Automatic
More informationCreating a Template in WordPerfect
1. File a. New From Project Creating a Template in WordPerfect b. Go to Options 2. Create A Category 1 3. Name it Family History (or a title of your choice) 4. Find Family History in the Drop down list
More informationITP 101 Project 2 - Photoshop
ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development
More informationHow to download and install Firefox on Your Computer
How to download and install Firefox on Your Computer Setting up Panel Quote is really easy and takes less than 5 minutes. Simply load Firefox onto your computer, adjust the printer settings and you re
More informationSoftware User's Guide
Software User's Guide The contents of this guide and the specifications of this product are subject to change without notice. Brother reserves the right to make changes without notice in the specifications
More informationINTRODUCTION TO MATLAB INTERACTIVE GRAPHICS EXERCISES
INTRODUCTION TO MATLAB INTERACTIVE GRAPHICS EXERCISES Eric Peasley, Department of Engineering Science, University of Oxford version 3.0, 2017 MATLAB Interactive Graphics Exercises In these exercises you
More informationDESIGN TRANSFORMATIONAL IPAD APPS
DESIGN TRANSFORMATIONAL IPAD APPS Thank you for participating in a workshop at MicroStrategy World 2019. If you missed or did not finish an exercise and want to complete it after the conference, use this
More informationUsing Microsoft Word. Paragraph Formatting. Displaying Hidden Characters
Using Microsoft Word Paragraph Formatting Every time you press the full-stop key in a document, you are telling Word that you are finishing one sentence and starting a new one. Similarly, if you press
More informationStamina Software Pty Ltd. TRAINING MANUAL Viságe Reporter
Stamina Software Pty Ltd TRAINING MANUAL Viságe Reporter Version: 2 21 st January 2009 Contents Introduction...1 Assumed Knowledge...1 Pre Planning...1 Report Designer Location...2 Report Designer Screen
More informationGetting Started with Apple ios Development Link-OS SDK Objective-C
Getting Started with Apple ios Development Link-OS SDK Objective-C Overview This document describes the end to end process of designing, packaging, deploying and running an Apple iphone /ipod application
More informationEmbed a Google File in a Google Site Page
Embed a Google File in a Google Site Page Rather than simply posting a pdf or video for someone to view, you can easily embed the file so that it is displayed as the web page is opened no waiting around
More informationUSING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004
USING STYLESHEETS TO DESIGN A WEB SITE IN DREAMWEAVER MX 2004 Introduction This document assumes that you are familiar with the use of a computer keyboard and mouse, have a working knowledge of Microsoft
More informationCHAPTER 4: MICROSOFT OFFICE: EXCEL 2010
CHAPTER 4: MICROSOFT OFFICE: EXCEL 2010 Quick Summary A workbook an Excel document that stores data contains one or more pages called a worksheet. A worksheet or spreadsheet is stored in a workbook, and
More informationGuidance on eforms system update 2018 provider/corporate accounts
Guidance on eforms system update Provider/corporate accounts Publication date: January 2018 Publication code ICT-0118-013 Page 1 of 17 About this guidance This guidance shows you what has changed on the
More informationHow to resize content for multiple screens
Adobe Flash Professional Guide How to resize content for multiple screens Many mobile devices are on the market and their screen sizes vary. A common challenge when developing mobile applications (or web
More informationCounselLink Reporting. Designer
CounselLink Reporting Designer Contents Overview... 1 Introduction to the Document Editor... 2 Create a new document:... 2 Document Templates... 3 Datasets... 3 Document Structure... 3 Layout Area... 4
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationGraduate Health Sciences Word Topics
Graduate Health Sciences Word Topics This workshop is based on topics provided by Graduated Health Sciences. Have you ever moved text from one part of a Word document to another, and the formatting changed
More informationAssignment III: Graphing Calculator
Assignment III: Graphing Calculator Objective You will enhance your Calculator to create a graph of the program the user has entered which can be zoomed in on and panned around. Your app will now work
More informationStitchGraph User Guide V1.8
StitchGraph User Guide V1.8 Thanks for buying StitchGraph: the easy way to create stitch layouts for hardanger and other complex embroidery stitch types. StitchGraph is intended to allow you to create
More informationGloucester County Library System EXCEL 2007
Gloucester County Library System EXCEL 2007 Introduction What is Excel? Microsoft E x c e l is an electronic s preadsheet program. I t is capable o f performing many diff e r e n t t y p e s o f c a l
More informationCreate academic posters using PowerPoint
Create academic posters using PowerPoint Microsoft Office PowerPoint 2016 The exercises referred to within this (and other) workbook(s) can be downloaded from: http://lrweb.beds.ac.uk/studyhub/workbooks/exercise-files.
More informationBuilding Apps with Dynamic Type
Session App Frameworks #WWDC17 Building Apps with Dynamic Type 245 Clare Kasemset, Software Engineering Manager Nandini Sundar, Software Engineer 2017 Apple Inc. All rights reserved. Redistribution or
More informationTeamcenter Mobility Product decisions, anywhere, anytime. Features. Siemens AG All Rights Reserved.
Teamcenter Mobility Product decisions, anywhere, anytime Features Settings App settings are located in the ipad Settings application. Page 2 Settings Toggles in the Settings pane allow you to hide tabs
More informationDOING MORE WITH WORD: MICROSOFT OFFICE 2007
DOING MORE WITH WORD: MICROSOFT OFFICE 2007 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More informationVHSE - COMPUTERISED OFFICE MANAGEMENT MODULE III - Communication and Publishing Art - PageMaker
INTRODUCTION : It is one Adobe PageMaker 7.0 software is the ideal page layout program for business, education, and small- and home-office professionals who want to create high-quality publications such
More informationForm into function. Getting prepared. Tutorial. Paul Jasper
Tutorial Paul Jasper TABLE OF CONTENTS 1 Getting prepared 2 Adding a button to the form design 2 Making the button add tasks 3 Sending the XML data 4 Tidying up 5 Next time In the first episode, I showed
More informationTips and Techniques for Designing the Perfect Layout with SAS Visual Analytics
SAS2166-2018 Tips and Techniques for Designing the Perfect Layout with SAS Visual Analytics Ryan Norris and Brian Young, SAS Institute Inc., Cary, NC ABSTRACT Do you want to create better reports but find
More informationMicrosoft Word 2007 on Windows
1 Microsoft Word 2007 on Windows Word is a very popular text formatting and editing program. It is the standard for writing papers and other documents. This tutorial and quick start guide will help you
More informationUAccess ANALYTICS A New Look, New Features, and New Functions
UAccess Analytics has been updated to a new version of software! Naturally, a software update means there are some new features and functions available to UAccess Analytics users. An Updated Look One thing
More informationDymo 450 Printer Setup for The Visitor Kiosk With the Internet Explorer Browser
Dymo 450 Printer Setup for The Visitor Kiosk With the Internet Explorer Browser With a Medium Label 1 P a g e Index Introduction... 3 Installing your Dymo... 3 Dymo Basic Settings... 4 Setting Up the Label
More informationCROMWELLSTUDIOS. Content Management System Instruction Manual V1. Content Management System. V1
Content Management System Instruction Manual V1 www.cromwellstudios.co.uk Cromwell Studios Web Services Content Management System Manual Part 1 Content Management is the system by which you can change
More informationYou can make certain sections of the text clickable by creating hyperlinks. Once clicked, these links navigate users to different
You can make certain sections of the text clickable by creating hyperlinks. Once clicked, these links navigate users to different pages or, as described in working with anchors, to different sections of
More informationWebsite Training Part 2. Administration of the Website
Rotary Websites: Websites Club, Website Training Part 2 Administration of the Website Club Admin To login first click here Enter your username and password and then click Log In If you have forgotten your
More informationAXI-INVOICER for USERS MANUAL
AXI-INVOICER for USERS MANUAL 2009 AXION CONTROL SYSTEMS Pty Ltd Phone: +61 3 9555 3355 Web: www.axioncs.com Revision_01.00 2009 Axion Control Systems Pty Ltd Page i of iv Email: axibatch@axioncs.com 2009
More informationbridge essential skills
bridge essential skills Gain a working knowledge of Bridge. Understand how to change the contents and appearance or the workspace. Learn how to use Mini Bridge to access assets inside Photoshop Download,
More informationCreate your first PowerPoint 2010 presentation
Create your first PowerPoint 2010 presentation Quick Reference Card Add slides To add a slide without selecting the layout first, do one of the following: On the Home tab, in the Slides group, click New
More informationSolidWorks Intro Part 1b
SolidWorks Intro Part 1b Dave Touretzky and Susan Finger 1. Create a new part We ll create a CAD model of the 2 ½ D key fob below to make on the laser cutter. Select File New Templates IPSpart If the SolidWorks
More informationE-Training - User Setup Instruction & Functions. E-Training User Setup And Functions
E-Training User Setup And Functions 1 of 10 User Id and Password Setup Below are the steps to set up your user id and password to use the E-Training System. Step 1: Open Internet Explorer and go to the
More information