Resource : Tab Widget

UI:

Android Tab Widget

Android Tab Widget

Advertisements

Android Application Design/Dev Basics : 1

Do check out Android UI guidelines and their notion of Applications, Activities & Tasks

Do read Hello World as well

Install Eclipse IDE, Android SDK Plugin for Eclipse

Here are some rough notes:

Android Dev

Android Dev

  • All images should be placed under Res > Drawable.
  • If multiple devices and resolutions are targetted, images should be placed in the corresponding hi/low/med dpi folders.
  • Layout is specified under Res > Layout
  • Manifest is an important config file that should not be renamed.

  • Application tag is used to specify that this is an application and not a service.
  • App name is set here
  • “Android: Icon” sends pointer to the the app icon, which should be placed in the Drawables under Resources
  • Pre-defined category “launcher” is used to launch the app when the app icon gets clicked.
  • Layouts may contain views and sub views.
  • Android vs iPhone : Front End Dev

    On Android phones, to set the initial page zoom level and disable the user controlled zoom, add the following code.

    meta name=”viewport” content=”width=device-width; initial-scale=1.3; minimum-scale=1.3; maximum-scale=1.3;”/. Ensure that the scale have a min value of 1.3

    For iPhone, add this code
    meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”/

    Welcome Email from Android

    Just received this nicely crafted email from the Android Team. I liked the way, the getting started video thumbnails were in-lined/embedded along with learn more and Android playlist on youTube.com links, within this email. Only issue was that, this Email came 2 days late.

    Welcome to Android!

    Your new Android-powered phone has many cool and useful features. Learn more by clicking on the links to watch brief YouTube videos directly on your phone.

    Once the video has started playing, press your phone’s menu key, select “More,” and then select “Watch in high quality” to view the video in higher resolution:

    * Customize your Home Screen. Learn more.
    * Use shortcuts, widgets, and folders. Learn more.
    * Run multiple applications at the same time. Learn more.
    * Use long press to quickly access more features. Learn more.
    * Experience the web on your browser. Learn more.
    * Search the web and your phone with Quick Search Box. Learn more.
    * Keep in touch with friends and family with Contacts. Learn more.
    * Get cool applications and games on Android Market. Learn more.

    You can find all these videos and more on the Android 2.0 playlist at youtube.com/androidtips.

    Enjoy!
    The Android Team at Google

    Google, Inc.
    1600 Amphitheatre Parkway
    Mountain View, CA 94043
    We sent you this one-time welcome message because you recently purchased an Android-powered phone

    my 3rd iPhone app using XCode & Interface Builder

    High Level Xcode patterns
    The intent of this post is to document the high level steps involved in coding an Cocoa app, in a way that is easy for me to remember.

    Application Behavior : On launch, load an URL (starting with http://) into a Web View. Clicking on Back and Forward buttons available on top should take users to the corresponding states/pages.

    Interface Builder Objects:

  • Web View (UIWebView)
  • Go Back ( Round Rectangular Button)
  • Go Forward ( Round Rectangular Button)
  • MainView.h:
    @interface MainView : UIView {
    IBOutlet UIWebView *webView;
    }
    end

    MainView.m:
    @implementation MainView
    -(void)awakeFromNib {

    [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@”http://www.muthuonline.com”%5D%5D%5D;
    }
    @end

    Steps to reproduce:

    Xcode : File > New Project > View Based Application> “Project Name” ….

    Open MainWindow.xib
    Drag “UIView” from Library and drop and scale it to 100% of the screen
    Go to Info Tab and set class as “MainView”
    Drag and Drop Library Objects and set Attributes ( for images if reqd.)
    Select BG > Main View Info Tab > Add Outlets >name and type
    Add Actions>

    Go to Connections Tab < Connect items on the window to the objects in the View

    File > Write Classes > Main View > create .h file > Add to Project
    Drag and Drop .m and .h file from Product folder to classes folder

    add code to .h and .m and Build and GO

    To Be Continued . .

    iMuthu