Skip to main content

Titanium Appcelerator - Android and iPhone Application Development Part-2

If you are new in Titanium Appcelerator then check first part clickhere







create new file in main_windos folder name 'mainscreen.js';

put below code in login.js in button click


 loginButton.addEventListener('click',function(e){  
      if(username.value != '' && password.value != ''){  
           //alert("You are login!");  
           if(username.value == 'dhaval' && password.value == 'dhaval'){  
                loSubwin = Titanium.UI.createWindow({  
         url: 'mainscreen.js',  
         title: 'Home',  
         barColor:'#111'  
       });  
       Titanium.UI.currentTab.open(loSubwin,{animated:true});  
           }  
      }else{  
           alert("Please Enter User name & Password!");  
      }  
 });  


put below code in to 'mainscreen.js'


 var win = Titanium.UI.currentWindow;  
 var myCars = new Array();  
 myCars[0] = "Android";  
 myCars[1] = "iPhone";  
 myCars[2] = "Dhaval Sodha Parmar";  
 var comment = new Array();  
 comment[0] = "Google Product...";  
 comment[1] = "Apple Product...";  
 comment[2] = "DJ-Android";  
 var img = new Array();  
 img[0] = "http://im.tech2.in.com/gallery/2012/oct/android_42_251412547482_640x360.jpg";  
 img[1] = "http://images.macworld.com/images/article/2012/09/iphone5_large-294128.jpg";  
 img[2] = "https://lh4.googleusercontent.com/-Xky7Yh54i8c/AAAAAAAAAAI/AAAAAAAAAAA/nvx1glZaRvk/s48-c-k/photo.jpg";  
 //http://im.tech2.in.com/gallery/2012/oct/android_42_251412547482_640x360.jpg  
 //http://images.macworld.com/images/article/2012/09/iphone5_large-294128.jpg  
 //https://lh4.googleusercontent.com/-Xky7Yh54i8c/AAAAAAAAAAI/AAAAAAAAAAA/nvx1glZaRvk/s48-c-k/photo.jpg  
 function loadTweets() {  
      var rowData = [];  
      for (var i = 0; i < myCars.length; i++) {  
           var tweet = myCars[i];  
           // The tweet message  
           var user = comment[i];  
           // The screen name of the user  
           var avatar = img[i];  
           // The profile image  
           var row = Titanium.UI.createTableViewRow({  
                height : 50  
           });  
           // Create the view that will contain the text and avatar  
           var post_view = Titanium.UI.createView({  
                height : 'auto',  
                layout : 'vertical',  
                top : 5,  
                right : 5,  
                bottom : 5,  
                left : 5  
           });  
           // Create image view to hold profile pic  
           var av_image = Titanium.UI.createImageView({  
                url : avatar, // the image for the image view  
                top : 0,  
                left : 0,  
                height : 48,  
                width : 48  
           });  
           post_view.add(av_image);  
           // Create the label to hold the screen name  
           var user_lbl = Titanium.UI.createLabel({  
                text : user,  
                left : 54,  
                width : 120,  
                top : -48,  
                bottom : 2,  
                height : 16,  
                textAlign : 'left',  
                font : {  
                     fontFamily : 'Trebuchet MS',  
                     fontSize : 14,  
                     fontWeight : 'bold'  
                }  
           });  
           post_view.add(user_lbl);  
           // Create the label to hold the tweet message  
           var tweet_lbl = Titanium.UI.createLabel({  
                text : tweet,  
                left : 54,  
                top : 7,  
                bottom : 2,  
                height : 'auto',  
                width : 236,  
                textAlign : 'left',  
                font : {  
                     fontSize : 14  
                }  
           });  
           post_view.add(tweet_lbl);  
           // Add the post view to the row  
           row.add(post_view);  
           // Give each row a class name  
           row.className = "item" + i;  
           // Add row to the rowData array  
           rowData[i] = row;  
      }  
      // Create the table view and set its data source to "rowData" array  
      var tableView = Titanium.UI.createTableView({  
           data : rowData  
      });  
      //Add the table view to the window  
      win.add(tableView);  
 }  
 loadTweets();  

Run this app in to Android & iOS device check output.



Comments

Popular posts from this blog

Android - Google MAP V2 PART 3 (add Polyline)

Download Full Code  of  PART-1 , 2 , 3 , 4 Before go ahead Please look in to PART-1 & PART-2 I have just modify Main Activity class: package com.djandroid.mapsv2; import android.graphics.Color; import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentManager; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.GoogleMap.OnMapClickListener; import com.google.android.gms.maps.GoogleMap.OnMarkerClickListener; import com.google.android.gms.maps.SupportMapFragment; import com.google.android.gms.maps.model.LatLng; import com.google.android.gms.maps.model.Marker; import com.google.android.gms.maps.model.MarkerOptions; import com.google.android.gms.maps.model.Polyline; import com.google.android.gms.maps.model.PolylineOptions; public class MainActivity extends FragmentActivity { private GoogleMap MAP; private boolean markClic...

Android Material Design - 2 (Good bay ActionBar, Hello ToolBar with Navigation Drawer)

hello all, after long time i have update my blog with android material Design theme, i am tying to demonstrate new things which is available with android lollipop. using different example i 'll show you, one sample app with material design which include ToolBar, Floting Actions, Tabs, Cardview, Recycle view. Download full example on  Github . In this example we will take a look at the new Actionbar replacement called Toolbar. It is introduced in Android Lollipop, API level 21 release, and hence it is available to use, out of box for the application that are targeted to 21 and above. However, as always Google provides fully supported Toolbar features to lower android os devices via AppCompact support library. In AppCompat, Toolbar is implemented in the  android.support.v7.widget.Toolbar  class. Pre-requirements: 1. Android Studio 1.0.1 (Latest while writing the post) 2. Appcombat v7 Support librar...

ANDROID - AutoCompleteTextView inside ActionBar

in MainActivity: package com . example . testapp ; import android . annotation . TargetApi ; import android . app . ActionBar ; import android . app . Activity ; import android . content . Context ; import android . os . Bundle ; import android . view . LayoutInflater ; import android . view . View ; import android . widget . ArrayAdapter ; import android . widget . AutoCompleteTextView ; @TargetApi ( 11 ) public class MainActivity extends Activity { private static final String [] COUNTRIES = new String [] { "Belgium" , "France" , "France_" , "Italy" , "Germany" , "Spain" }; @Override public void onCreate ( Bundle savedInstanceState ) { super . onCreate ( savedInstanceState ); setContentView ( R . layout . activity_main ); ActionBar actionBar = getActionBar (); actionBar . setDisplayHomeAsUpEnabled ( tru...