archive-com.com » COM » T » TECHOTOPIA.COM

Total: 1018

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • A WatchKit Custom Notification Tutorial - Techotopia
    the tutorial Compile and run the app on an iPhone device and click on Allow when the system requests access to notifications Once access has been allowed tap on the Rain button and lock the device After 5 seconds the alert should appear on the lock screen Repeat these steps to test that the Snow button notification also works Adding the WatchKit App to the Project Now that work on the iOS app is complete the next task is to add the WatchKit app to the project Within Xcode select the File New Target menu option In the target template dialog select the Apple Watch option listed beneath the iOS heading In the main panel select the WatchKit App icon and click on Next On the subsequent screen switch the Include Notification Scene on and Include Glance Scene option off before clicking on the Finish button the Notification Scene option is now required since we are working with custom notifications As soon as the extension target has been created a new panel will appear requesting permission to activate the new scheme for the extension target Activate this scheme now by clicking on the Activate button in the request panel eBookFrenzy com Purchase the fully updated watchOS 2 Swift 2 edition of this book in eBook 12 99 or Print 27 99 format watchOS 2 App Development Essentials Print and eBook ePub PDF Kindle editions contain 35 chapters Configuring the Custom Notification Within the Project Navigator panel select the Interface storyboard file and locate the notification scenes as illustrated in Figure 29 3 Figure 29 3 The left hand scene is the static scene By default this is configured with a Label object which will display the content of the alert body text when a notification arrives For the purposes of this example no other static content is required on the static notification scene Before designing the dynamic notification scene the notification category for the custom notification needs to be changed to match that referenced when the notifications were setup in the iOS View Controller Display the Document Outline panel using the button indicated by the arrow in Figure 29 4 and unfold the section entitled Static Notification Interface Controller Within this section of the panel select the Notification Category entry and within the Attributes Inspector change the Name field to WEATHER CATEGORY Figure 29 4 Designing the Dynamic Notification Scene Remaining within the storyboard drag a Label object from the Object Library and drop it above the Dismiss button in the Dynamic Interface scene Select the Label object and using the Attributes Inspector panel set both the Alignment and Horizontal position properties to the center setting Drag and drop an Image object so that it is positioned beneath the Label object and set the Mode property to Aspect Fit and the Horizontal position property to Center On completion of these steps the layout of the Dynamic Interface scene should match Figure 29 5 Figure 29 5 Display the Assistant Editor

    Original URL path: http://www.techotopia.com/index.php/A_WatchKit_Custom_Notification_Tutorial (2016-02-13)
    Open archived version from archive


  • WatchKit App Development Essentials - Techotopia
    the First Interface Controller Scene Adding More Interface Controllers Establishing the Segues Assigning Interface Controllers Adding the Timer Interface Controller Adding the Modal Segues Configuring the Context Data Configuring the Timer Playing the Alert Sound WatchKit App and Parent iOS App Communication Parent iOS App Communication The openParentApplication Method The handleWatchKitExtensionRequest Method Understanding iOS Background Modes Using the beginBackgroundTaskWithName Method Using Background Modes A WatchKit openParentApplication Example Project About the Project Creating the Project Enabling Audio Background Mode Designing the iOS App User Interface Establishing Outlets and Actions Initializing Audio Playback Implementing the Audio Control Methods Adding the WatchKit App Target Designing the WatchKit App Scene Opening the Parent Application Handling the WatchKit Extension Request Testing the Application Handling User Input in a WatchKit App Getting User Input Displaying the Text Input Controller Detecting if Input is a String or NSData Object Direct Dictation Input Creating the User Input Example Project Adding the WatchKit App Target Designing the WatchKit App Main Scene Getting the User Input Testing the Application Sharing Data Between a WatchKit App and the Containing iOS App Sandboxes Containers and User Defaults Sharing Data Using App Groups Adding an App or Extension to an App Group App Group File Sharing App Group User Default Sharing WatchKit Extension and iOS App File and Data Sharing A Tutorial About the App Group Sharing Example Creating the Sharing Project Designing the iOS App User Interface Connecting Actions and Outlets Creating the App Group Performing Initialization Tasks Saving the Data Adding the WatchKit App Target Adding the WatchKit App to the App Group Designing the WatchKit App Scene Adding the WatchKit App Actions and Outlets Performing the WatchKit App Initialization Implementing the switchChanged Method Testing the Project Configuring Preferences with the WatchKit Settings Bundle An Overview of the WatchKit Settings Bundle Adding a WatchKit Settings Bundle to a Project WatchKit Bundle Settings Controls Accessing WatchKit Bundle Settings from Code Registering Default Preference Values Configuring a Settings Icon A WatchKit Settings Bundle Tutorial About the WatchKit Settings Bundle Example Creating the WatchKit Settings Bundle Project Adding the WatchKit App Target Designing the WatchKit App Scene Adding the WatchKit Settings Bundle Adding a Switch Control to the Settings Bundle Adding a Slider Control to the Settings Bundle Adding a Multi Value Control to the Settings Bundle Setting Up the App Group Adding the App Group to the Settings Bundle Accessing Preference Settings from the WatchKit Extension Registering the Default Preference Settings Adding the Companion Settings Icons Testing the Settings Bundle Project An Overview of WatchKit Glances WatchKit Glances The Architecture of a WatchKit Glance Adding a Glance During WatchKit App Creation Adding a Glance to an Existing WatchKit App WatchKit Glance Scene Layout Templates Passing Context Data to the WatchKit App A WatchKit Glance Tutorial About the Glance Scene Adding the Glance to the Project Designing the Glance Scene Layout Establishing Outlet Connections Adding Data to the Glance Interface Controller Creating an App Group Storing and Retrieving the Currently Selected Table Row Passing

    Original URL path: http://www.techotopia.com/index.php?title=WatchKit_App_Development_Essentials&oldid=21798 (2016-02-13)
    Open archived version from archive

  • Pages that link to "WatchKit App Development Essentials" - Techotopia
    next 50 20 50 100 250 500 Main Page links IOS iPhone iPad eBooks links File Watchkit app development essentials png redirect page links An Overview of WatchKit Apps links Building an Example WatchKit App links An Overview of the WatchKit App Architecture links An Example Interactive WatchKit App using Actions and Outlets links A WatchKit Table Tutorial links An Overview of WatchKit Tables links A WatchKit Table Navigation Tutorial links WatchKit Page based User Interfaces and Modal Interface Controllers links A WatchKit Page based Navigation Tutorial links WatchKit App and Parent iOS App Communication links A WatchKit openParentApplication Example Project links Handling User Input in a WatchKit App links Sharing Data Between a WatchKit App and the Containing iOS App links WatchKit Extension and iOS App File and Data Sharing A Tutorial links Configuring Preferences with the WatchKit Settings Bundle links A WatchKit Settings Bundle Tutorial links An Overview of WatchKit Glances links A WatchKit Glance Tutorial links A WatchKit Context Menu Tutorial links Working with Images in WatchKit links A WatchKit Animated Image Tutorial links Working with Fonts and Attributed Strings in WatchKit links A WatchKit App Custom Font Tutorial links Supporting Different Apple Watch Display Sizes links

    Original URL path: http://www.techotopia.com/index.php/Special:WhatLinksHere/WatchKit_App_Development_Essentials (2016-02-13)
    Open archived version from archive

  • WatchKit App Development Essentials - Techotopia
    the Alert Sound WatchKit App and Parent iOS App Communication Parent iOS App Communication The openParentApplication Method The handleWatchKitExtensionRequest Method Understanding iOS Background Modes Using the beginBackgroundTaskWithName Method Using Background Modes A WatchKit openParentApplication Example Project About the Project Creating the Project Enabling Audio Background Mode Designing the iOS App User Interface Establishing Outlets and Actions Initializing Audio Playback Implementing the Audio Control Methods Adding the WatchKit App Target Designing the WatchKit App Scene Opening the Parent Application Handling the WatchKit Extension Request Testing the Application Handling User Input in a WatchKit App Getting User Input Displaying the Text Input Controller Detecting if Input is a String or NSData Object Direct Dictation Input Creating the User Input Example Project Adding the WatchKit App Target Designing the WatchKit App Main Scene Getting the User Input Testing the Application Sharing Data Between a WatchKit App and the Containing iOS App Sandboxes Containers and User Defaults Sharing Data Using App Groups Adding an App or Extension to an App Group App Group File Sharing App Group User Default Sharing WatchKit Extension and iOS App File and Data Sharing A Tutorial About the App Group Sharing Example Creating the Sharing Project Designing the iOS App User Interface Connecting Actions and Outlets Creating the App Group Performing Initialization Tasks Saving the Data Adding the WatchKit App Target Adding the WatchKit App to the App Group Designing the WatchKit App Scene Adding the WatchKit App Actions and Outlets Performing the WatchKit App Initialization Implementing the switchChanged Method Testing the Project Configuring Preferences with the WatchKit Settings Bundle An Overview of the WatchKit Settings Bundle Adding a WatchKit Settings Bundle to a Project WatchKit Bundle Settings Controls Accessing WatchKit Bundle Settings from Code Registering Default Preference Values Configuring a Settings Icon A WatchKit Settings Bundle Tutorial About the WatchKit Settings Bundle Example Creating the WatchKit Settings Bundle Project Adding the WatchKit App Target Designing the WatchKit App Scene Adding the WatchKit Settings Bundle Adding a Switch Control to the Settings Bundle Adding a Slider Control to the Settings Bundle Adding a Multi Value Control to the Settings Bundle Setting Up the App Group Adding the App Group to the Settings Bundle Accessing Preference Settings from the WatchKit Extension Registering the Default Preference Settings Adding the Companion Settings Icons Testing the Settings Bundle Project An Overview of WatchKit Glances WatchKit Glances The Architecture of a WatchKit Glance Adding a Glance During WatchKit App Creation Adding a Glance to an Existing WatchKit App WatchKit Glance Scene Layout Templates Passing Context Data to the WatchKit App A WatchKit Glance Tutorial About the Glance Scene Adding the Glance to the Project Designing the Glance Scene Layout Establishing Outlet Connections Adding Data to the Glance Interface Controller Creating an App Group Storing and Retrieving the Currently Selected Table Row Passing Context Data to the WatchKit App A WatchKit Context Menu Tutorial An Overview of WatchKit Context Menus Designing Menu Item Images Creating a Context Menu in Interface Builder Adding and Removing Menu

    Original URL path: http://www.techotopia.com/index.php?title=WatchKit_App_Development_Essentials&printable=yes (2016-02-13)
    Open archived version from archive

  • Android Studio Development Essentials Introduction - Techotopia
    covering areas such as tool windows the code editor and the Designer tool An introduction to the architecture of Android is followed by an in depth look at the design of Android applications and user interfaces using the Android Studio environment More advanced topics such as database management content providers and intents are also covered as are touch screen handling gesture recognition camera access and the playback and recording of both video and audio This edition of the book also covers printing transitions and cloud based file storage In addition to covering general Android development techniques the book also includes Google Play specific topics such as implementing maps using the Google Maps Android API in app billing and submitting apps to the Google Play Developer Console Chapters also cover advanced features of Android Studio such as Gradle build configuration and the implementation of build variants to target multiple Android device types from a single project code base Assuming you already have some Java programming experience are ready to download Android Studio and the Android SDK have access to a Windows Mac or Linux system and ideas for some apps to develop you are ready to get started Errata Whilst we

    Original URL path: http://www.techotopia.com/index.php/Android_Studio_Development_Essentials_Introduction (2016-02-13)
    Open archived version from archive

  • Setting up a Windows, Linux or Mac OS X Android Studio Development Environment - Techotopia
    setup wizard appears work through the various screens to configure the installation to meet your requirements in terms of the file system location into which Android Studio should be installed and whether or not it should be made available to other users of the system Although there are no strict rules on where Android Studio should be installed on the system the remainder of this book will assume that the installation was performed into a sub folder of the user s home directory named android studio Once the options have been configured click on the Install button to begin the installation process On versions of Windows with a Start menu the newly installed Android Studio can be launched from the entry added to that menu during the installation On Windows 8 the executable can be pinned to the task bar for easy access by navigating to the android studio bin directory right clicking on the executable and selecting the Pin to Taskbar menu option Note that the executable is provided in 32 bit studio and 64 bit studio64 executable versions If you are running a 32 bit system be sure to use the studio executable Installation on Mac OS X Android Studio for Mac OS X is downloaded in the form of a disk image dmg file Once the android studio ide version dmg file has been downloaded locate it in a Finder window and double click on it to open it as shown in Figure 2 2 Figure 2 2 To install the package simply drag the Android Studio icon and drop it onto the Applications folder The Android Studio package will then be installed into the Applications folder of the system a process which will typically take a few minutes to complete To launch Android Studio locate the executable in the Applications folder using a Finder window and double click on it When attempting to launch Android Studio an error dialog may appear indicating that the JVM cannot be found If this error occurs it will be necessary to download and install the Mac OS X Java 6 JRE package on the system This can be downloaded from Apple using the following link http support apple com kb DL1572 Once the Java for OS X package has been installed Android Studio should launch without any problems For future easier access to the tool drag the Android Studio icon from the Finder window and drop it onto the dock eBookFrenzy com Purchase the fully updated Android 6 Edition of this Android Studio Development Essentials publication in eBook 9 99 or Print 38 99 format Android Studio Development Essentials Android 6 Edition Print and eBook ePub PDF Kindle editions contain 65 chapters Installation on Linux Having downloaded the Linux Android Studio package open a terminal window change directory to the location where Android Studio is to be installed and execute the following command unzip path to package android studio ide version linux zip Note that the Android Studio bundle will be installed into a sub directory named android studio Assuming therefore that the above command was executed in home demo the software packages will be unpacked into home demo android studio To launch Android Studio open a terminal window change directory to the android studio bin sub directory and execute the following command studio sh The Android Studio Setup Wizard The first time that Android Studio is launched after being installed a dialog will appear providing the option to import settings from a previous Android Studio version If you have settings from a previous version and would like to import them into the latest installation select the appropriate option and location Alternatively indicate that you do not need to import any previous settings and click on the OK button to proceed After Android Studio has finished loading the setup wizard will appear as shown in Figure 2 3 Figure 2 3 Click on the Next button choose the Standard installation option and click on Next once again On the license agreement screen select and accept each of the licenses listed before clicking on Finish to complete the setup process The Welcome to Android Studio screen should then appear Figure 2 4 Installing the Latest Android SDK Packages The steps performed so far have installed Java the Android Studio IDE and the current set of default Android SDK packages Before proceeding it is worth taking some time to verify which packages are installed and to install any missing packages This task can be performed using the Android SDK Manager which may be launched from within the Android Studio tool by selecting the Configure SDK Manager option from within the Android Studio welcome dialog Once invoked the SDK Manager tool will appear as illustrated in Figure 2 3 Figure 2 5 Within the Android SDK Manager make sure that the check boxes next to the following packages are listed as Installed in the Status column Tools Android SDK Tools Tools Android SDK Platform tools Tools Android SDK Build tools SDK Platform most recent version SDK Platform SDK Platform most recent version ARM EABI v7a System Image Extras Android Support Repository Extras Android Support Library Extras Google Repository Extras Google USB Driver Required on Windows systems only Extras Intel x86 Emulator Accelerator HAXM installer In the event that any of the above packages are listed as Not Installed simply select the checkboxes next to those packages and click on the Install packages button to initiate the installation process In the resulting dialog accept the license agreements before clicking on the Install button The SDK Manager will then begin to download and install the designated packages As the installation proceeds a progress bar will appear at the bottom of the manager window indicating the status of the installation Once the installation is complete review the package list and make sure that the selected packages are now listed as Installed in the Status column If any are listed as Not installed make sure they are

    Original URL path: http://www.techotopia.com/index.php/Setting_up_a_Windows,_Linux_or_Mac_OS_X_Android_Studio_Development_Environment (2016-02-13)
    Open archived version from archive

  • Creating an Example Android App in Android Studio - Techotopia
    is a palette containing different categories of user interface components that may be used to construct a user interface such as buttons labels and text fields It should be noted however that not all user interface components are obviously visible to the user One such category consists of layouts Android supports a variety of different layouts that provide different levels of control over how visual user interface components are positioned and managed on the screen Though it is difficult to tell from looking at the visual representation of the user interface the current design has been created using a RelativeLayout This can be confirmed by reviewing the information in the Component Tree panel which by default is located in the upper right hand corner of the Designer panel and is shown in Figure 3 9 Figure 3 9 As we can see from the component tree hierarchy the user interface consists of a RelativeLayout parent with a single child in the form of a TextView object The first step in modifying the application is to delete the TextView component from the design Begin by clicking on the TextView object within the user interface view so that it appears with a blue border around it Once selected press the Delete key on the keyboard to remove the object from the layout In the Palette panel locate the Widgets category Click and drag the Large Text object and drop it in the center of the user interface design when the green marker lines appear to indicate the center of the display Figure 3 10 The Android Studio Designer tool also provides an alternative to dragging and dropping components from the palette on to the design layout Components may also be added by selecting the required object from the palette and then simply clicking on the layout at the location where the component is to be placed The next step is to change the text that is currently displayed by the TextView component Double click on the object in the design layout to display the text and id editing panel as illustrated in Figure 3 11 Within the panel change the text property from Large Text to Welcome to Android Studio Figure 3 11 At this point it is important to explain the light bulb next to the TextView object in the layout This indicates a possible problem and provides some recommended solutions Clicking on the icon in this instance informs us that the problem is as follows I18N Hardcoded string Welcome to Android Studio should use string resource This I18N message is informing us that a potential issue exists with regard to the future internationalization of the project I18N comes from the fact that the word internationalization begins with an I ends with an N and has 18 letters in between The warning is reminding us that when developing Android applications attributes and values such as text strings should be stored in the form of resources wherever possible Doing so enables changes

    Original URL path: http://www.techotopia.com/index.php/Creating_an_Example_Android_App_in_Android_Studio (2016-02-13)
    Open archived version from archive

  • A Tour of the Android Studio User Interface - Techotopia
    for example 1 Project indicate that the tool window may also be displayed by pressing the Alt key on the keyboard or the Command key for Mac OS X together with the corresponding number The location of a button in a tool window bar indicates the side of the window against which the window will appear when displayed These positions can be changed by clicking and dragging the buttons to different locations in other window tool bars Each tool window has its own toolbar along the top edge The buttons within these toolbars vary from one tool to the next though all tool windows contain a settings option represented by the cog icon which allows various aspects of the window to be changed Figure 4 6 shows the settings menu for the project view tool window Options are available for example to undock a window and to allow it to float outside of the boundaries of the Android Studio main window Figure 4 6 All of the windows also include a far right button on the toolbar providing an additional way to hide the tool window from view Android Studio offers a wide range of window tool windows the most commonly used of which are as follows Project The project view provides an overview of the file structure that makes up the project allowing for quick navigation between files Generally double clicking on a file in the project view will cause that file to be loaded into the appropriate editing tool Structure The structure tool provides a high level view of the structure of the source file currently displayed in the editor This information includes a list of items such as classes methods and variables in the file Selecting an item from the structure list will take you to that location in the source file in the editor window Favorites A variety of project items can be added to the favorites list Right clicking on a file in the project view for example provides access to an Add to Favorites menu option Similarly a method in a source file can be added as a favorite by right clicking on it in the Structure tool window Anything added to a Favorites list can be accessed through this Favorites tool window Build Variants The build variants tool window provides a quick way to configure different build targets for the current application project for example different builds for debugging and release versions of the application or multiple builds to target different device categories TODO As the name suggests this tool provides a place to review items that have yet to be completed on the project Android Studio compiles this list by scanning the source files that make up the project to look for comments that match specified TODO patterns These patterns can be reviewed and changed by selecting the File Settings menu option and navigating to the TODO page listed under IDE Settings Messages The messages tool window records output from the Gradle

    Original URL path: http://www.techotopia.com/index.php/A_Tour_of_the_Android_Studio_User_Interface (2016-02-13)
    Open archived version from archive



  •