To & Fro : UIWebView - HTML - JS - UIViewcontrollers

Greeting to @ll,

Finally got a chance to interact with web , views and scripts. Found the work interesting so thought of sharing a small sample with @ll. 

Hoping you find it useful. :)

Lets start

1. Create a new Single view based app with this structure : 

2. Now add a sample.html file as shown in app structure

    This HTML file contains an input text field and a click Me button

3. Also add a test.js as shown in app structure with following dummy functions

• Here you can receive parameters in JS functions
• Also you can returns values to the iOS native View Controllers, check the window.location statement in function areaOfCircle.

4.  Now open your storyboard : 

On your view controller add a UIWebView and 2 buttons with text viz : 

• Pass arguments from VC to JS and alert displayed from JS
• Pass arguments from JS to VC and alert displayed from VC

5. ViewControllers

• Remember to create an IBOutlet for UIWebView and IBActions for the button Actions

• stringByEvaluatingJavaScriptFromString : This method helps us to call JS methods directly from the View Controller
• You can easily pass arguments too.

6. In in ViewController.m 

• Load html file in View Did load

7. Way to receive data from JS and view on the iOS ViewController [VC]

• This method gets invoked when from JS when window.location method is called.
• It reloads the web view, here we can check the url and accordingly perform actions.

• Private method of the ViewController is called to to show data received from JS in form of an alert

********* Some points to remember with Javascript code *********

• Make sure your JS & HTML file is not shown in the Compile Sources Listing. 
• If it exists there remove it.
• Instead add the file in Copy Bundle Resources.

• Place both the file in same location on the drive.
• Try to run the HTML file on browser just to ensure methods get called there.
• Also last important thing, whenever you try to add JS and HTML file make sure you put check on Create folder references for any added folders instead of Create groups for any added folders

Enjoy.

C u @ll again :)

Create Menu Items For UIWebView

Hi all,

I know this is one of the simplest task for many still i thought to write down a small sample on it.
Hoping it may help someone..

1. Create a new Single view Application

2.  Save the project

3.  This is the basic App structure :

4.  Open StoryBoard and add a UIWebView from the toolbar

5. Make WebView Outlet Connections

6. Add an IBOutLet for the UIWebView

7.  InViewController.m add following : 

8. Now run the code and see the work : 

9. Now try to select any part and you can see the menu items created by you.

Compile OpenCore-amr for iOS Projects

I really had a hard time compiling OpenCore-amr for my iphone application meant for ios 6.0.

Special thanks to all those people / websites who guided me and i was able to finish up the task.

Follow the steps and may be it could help you :

Step - 1 : I downloaded from http://kakola.googlecode.com/files/opencore-amr-0.1.2.tar.gz

Step - 2 : Place this folder on your macbook
               (i placed in a folder named Compile-Opencore)

Step - 3 : Open the Terminal

Step - 4 : Change the directory to move to the downloaded opencore-amr-0.1.2 directory
               $ cd /Users/Swati/Compile-Opencore/opencore-amr-0.1.2 

Step - 5 : Execute configure

              $ /Users/Swati/Compile-Opencore/opencore-amr

             -0.1.2/configure

This command will start Checking like : 

             checking for a BSD-compatible install... /usr/bin/install -c

             checking for gcc... gcc

             checking if libtool supports shared libraries... yes

             checking if gcc supports -c -o file.o... yes

             checking if gcc supports -c -o file.o... (cached) yes

etc...

Step - 6 : Call make

               $ make

Step - 7 : Call make install

               $ sudo make install 

               Password:

Step - 8 : Remember to check path of xcode

               $ xcode-select -print-path

               /Applications/Xcode.app/Contents/Developer

Step - 9 : Execute shell script

               $ /Users/Swati/Compile-Opencore/opencore-amr

              -0.1.2/build_osx.sh 

Step - 10 : configure library for armv7s

                $ <path_idz_configure.sh> <architecture> <ios_version>

                   <path_configure_opencore-amr-0.1.2>

                $ /Users/swatisrivastava/Documents/Swati/Compile

                  -Opencore/opencore-amr-0.1.2/idz_configure.sh armv7s 

                  6.0 /Users/Swati/Compile-Opencore/opencore-amr

                 -0.1.2/configure

Above step may result in errors like : 

configure: error: source directory already configured; run "make distclean" there first

make: *** No rule to make target `clean'.  Stop.

make: *** No targets specified and no makefile found.  Stop.

make: *** No rule to make target `install'.  Stop.

Step - 11 : Do cleaning if error occurs in Step - 9

                 $ make distclean

Step - 12 : Again configure for armv7s

                 $ /Users/Swati/Compile-Opencore/opencore-amr

                    -0.1.2/idz_configure.sh  armv7s 6.0 /Users/Swati/

                    Compile-Opencore/opencore-amr-0.1.2/configure

Step - 13 : Configure for armv7 also

                 $ /Users/Swati/Compile-Opencore/opencore-amr-0.1.2/

                     idz_configure.sh  armv7 6.0 /Users/Swati/Compile-Opencore

                     /opencore-amr-0.1.2/configure

Step - 14 : Configure for i386 also

                 $ /Users/Swati/Compile-Opencore/opencore-amr-0.1.2/

                     idz_configure.sh i386  6.0 /Users/Swati/Compile-Opencore/

                     opencore-amr-0.1.2/configure

Step - 15 : You can view the libraries here:

Inside your opencore-amr-0.1.2 folder : you can see 6 new folders :

build-iPhoneOS-armv7 and install-iPhoneOS-armv7

build-iPhoneOS-armv7s and install-iPhoneOS-armv7s

build-iPhoneSimulator-i386 and install-iPhoneSimulator-i386

goto install-iPhoneOs-armv7 folder >> lib folder >> here u can see library files specific to armv7 architecture namely : 

   a) libopencore-amrnb.a 

   b) libopencore-amrwb.a

Similarly u can get libraries of each architecture.

Step - 16 :  Command to create a single "Universal" .a library that contains the features of all 3 libraries

                  $ lipo -create 

                  <path_of_armv7_libopencore-amrnb.a>

                  <path_of_armv7s_libopencore-amrnb.a> 

                  <path_of_i386_libopencore-amrnb.a>

                  -output <path_universal_libopencore-amrnb.a>

                                                   &

                  $ lipo -create 

                  <path_of_armv7_libopencore-amrwb.a>

                  <path_of_armv7s_libopencore-amrwb.a> 

                  <path_of_i386_libopencore-amrwb.a>

                  -output <path_universal_libopencore-amrwb.a>

Hope it helps.

Enjoy compiling...

:)