Hybrid Web Container Customization for Android

[Jitendra_Kansal]

OBJECTIVE:

This Document explains steps how we can play with Hyrbid web container on android like changing the default image of container, changing the brand name and how we can set the settings details in the code itself rather than doing manually.

REQUIREMENT:

Tools used in developing the application are:

SUP version: 2.2 SP02,

Eclipse Java EE IDE 1.5.2

STEPS:

1. Adding ADT repository to the Eclipse

 

• 
  
  
  
  • Help Menu>Install New Software>Add
  
  
  • give some name says ADT
  
  
  • Click on Local. Look for the ADT folder path
  
  
  
  

2. Add android SDK to the eclipse

• 
  
  
  
  • Windows menu>preference>Android
  
  
  
  

 



 

 

3. Go to File Menu. click on Import>Existing projects into workspace

 

4.  Select the archive file for HWC container for android.

 

 

5. Hybrid Web Container project will look like below in eclipse:

6. for changing the default image of HWC,

• 
  
  
  
  • Place the icon.png file availble in HybridWebContainer>res>drawable
  
  
  • remove icon.png image available in drawable-hdpi, drawable-ldpi, drawable-mdpi
  
  
  
  

 

7. for changing the brand name (from Hybrid Web Cotainer)

 

open strings.xml file available at HybridWebContainer>res>values

 

look for

 

 

<!-- Container -->

 

<string name="app_short_name">Hybrid Web Container</string>

 

<string name="hybrid_web_container">Hybrid Web Container</string>

 

 

here change Hyrbid Web Container text with the desired label.

 

 

<string name="app_short_name">testApp</string>

 

<string name="hybrid_web_container">testApp</string>

 

 

 

8. Run the simulator by select Android Application option.. under HybridWebContainer>RunAs>AndroidApplication