Easy enough, I read some documentation about animations here. And I end up with code similar to this in the controller responsible for the sliding view:

CGRect frame = self.view.frame;
// make sure the view initially sits outside the screen
frame.origin.y = 480;
self.view.frame = frame;

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:1];
frame.origin.y = referenceFrame.origin.y - frame.size.height;
self.view.frame = frame;
[UIView commitAnimations];

Nothing spectacular. I make sure the initial view in outside the visible part of the screen and I animate the view into its final position.

Now my view slides up but in my case the final position is on top of another view. So there is content below its final position. My sliding menu ends up sliding up in front of the button bar and all. Not so nice but the solution is simple right ? just animate the height of the view as well. It will appear to slide out of the whichever view you selected as a reference view.

CGRect final = self.view.frame;

// before animating, set the view height to 0
CGRect initial = final;
initial.origin.y = self.referenceFrame.origin.y;
initial.size.height = 0;
self.view.frame = initial;

[UIView beginAnimations:@"showShareMenu" context:NULL];
[UIView setAnimationDuration:1];
final.origin.y = self.referenceFrame.origin.y - final.size.height;
final.size.height = final.size.height;
self.view.frame = final;
[UIView commitAnimations];

Well not so fast !! my view has kept its initial size. I had to search for a while. My view was not resizing because of its content. In the end, I had to change my views property so that it ‘Clips Subviews’

TiMoch on edge

I could not get the basic search control to not display its background. I tried using a standard text box, however the look and feel was not the same (the standard text view has round corners but here the whole side needs to a single half-circle).

I found a solution on stackoverflow.com : http://stackoverflow.com/questions/2913475/uisearchbar-transparent-background-view

However, the solutions I found there were not optimal because they required custom code for each usage of a search box with transparent background.

I really wanted a more reusable solution. I adapted one of the solutions but subclassed

UISearchBar

in UITransparentBackgroundSearchBar.h:

and in UITransparentBackgroundSearchBar.m:

In your storyboard, set the search bar class to be UITransparentBackgroundSearchBar and voilà.

I am not that experienced with iOS development so there might be a gotcha I have not identified yet. I seems quite clean so I pretty confident.

Have fun,
TiMoch on edge

Installing Eclipse

First you want to install the Eclipse IDE. Eclipse is an Integrated Development Environment very much focused on Java development. Many plugins exist to extend its functionality. Some of which will make your life as an Android app developer much easier.

Point your browser to the Eclipse website eclipse.org and go to their download page.

Many options there. I picked the Eclipse Classic package as I don’t yet need specific plugins from the other package. If I understand correctly, the plugins can be installed later on anyway so you can choose any of the options. Once downloaded, simply extract the archive content to your working directory of choice.

The package is quite big so it might take a while. In the meantime, you can already check out the Android Developer website. It contains a lot of useful information about developing and designing mobile application.

Android SDK

The next piece of software you need is the Android SDK. You can find the download page here. Download and start the installation. The Android SDK setup will take care of installing the Java SE Development Kit if it is not installed already. Choose where to install the SDK and continue the installation.

You are not done yet with the Android SDK installation. You still need to run the SDK manager to get the system images for the versions of Android you want to target. This is what it looks like:

The screen show the versions of Android that you can target for your applications. Each version shown exposes a different level of functionality of the Android framework and devices. We will use the latest version here. For more information on how the API is versioned, you should have a look here on the Android developer site : What is an API level ?

The ADT Plugin

We are almost there. The last step is to install the eclipse plugin to support Android development. This plugin will integrate the Android SDK components into Eclipse so that development is as straightforward as possible. The plugin is called Android Development Tools (ADT for short). You can find more information about it here.

The installation is done directly within Eclipse so go ahead and start it. Go to menu Help -> Install New Software

Add a new repository called ADT Plugin with the URL https://dl-ssl.google.com/android/eclipse/. Some time after selecting the repository, you should get a list of software similar to this. Select the whole Developer Tools branch and continue with the wizard by clicking Next.

And voilà ! You can now create new Android projects and code away for your favorite device.

Conclusion

In order to develop Android applications, you need to get:

• Eclipse IDE
• Android SDK
• ADT Plugin for Eclipse

Once this is setup, all you need is to get creative