SlideShare ist ein Scribd-Unternehmen logo
1 von 38
Android Application Tutorial
                                          How to change the icon

  Instructed on: 24-Feb-2012 | Tutorial: #04




                                                                    4 
                                                      By : Yasmine Sherif Mahmoud
                                                                                                                           Tutorial Code: APS-04-2012




All Copy Rights Saved to the 7th Students’ Conference on Communication and Information Based in the Faculty of Computers
and Information Cairo University – Egypt 2011/2012 www.scci-cu.com
• Create a new project as we learned before.
• Don’t change anything in the code.
• Notice where will your project be saved. (The
  workspace location).
• Follow the following steps :
This is my new project. Expand it.



Expand the res file to see the three drawable files where you are going to
save any pictures.
hd     represents high definition pictures.
ld     represents low definition pictures.
md      represents medium definition pictures.
• My default location where my workspace
  exists is the (C:) drive.
• You can have a different location but if you
  have the same location go to (C:).
Whatever your computer name is 
Choose the project you are working on.
Choose any of the three files.
I’ll choose the drawable-hdpi.
• If you want to get the best resolution and a
  clean image you can specify the size of your
  picture.
• In Low definition use a 40x40 cm picture.
• In Medium definition use a 100x100 cm
  picture.
• In High definition use a 150x150 cm picture.
• In this tutorial I’m not going to specify the size
  of the picture. It will be resized automatically.
This is the original icon which I want to change.
• Now you can save any picture here in this file
  or you can open any program to draw your
  own picture.
• The picture is preferred to be a .PNG or .GIF or
  .JPEG
• I’m going to open the Paint program to draw a
  simple icon and save it in this file.
This is a simple picture that I draw.
The location where the drawable
               files exit.




       It must be a lower case
       name.




Preferred to be saved as a PNG image.
Here is the new icon.
• Now go to your project in Eclipse again.
Expand the drawable file where you saved your
picture and probably you won’t find it so:
Clean here is just like a refresh button.
Choose the project you are working on.
After Cleaning your project, the picture will
appear in the drawable file.
Now go to this file.
Choose this tab.
Change the old icon name to the new
one.
Save
Run as
• You are supposed to have created the AVD
  (emulator) from our last tutorial.
• The emulator will run like that:
Slide to unlock
Here is our application
with its icon changed 
You can see the icon changed here too.
• You may not find your application on the first
  time you run your emulator but it is ok you
  can try to:
 1- Close the emulator and run it again.
 *if nothing changed:
 2- Open the main.xml file and clean the project
  then re-run the emulator again.
Yasmine Sherif EL-Adly



 @YasmineSherif91



+Yasmine Sherif EL-Adly

Weitere ähnliche Inhalte

Ähnlich wie Android application (how to change the icon )tutorial #2

Tutorial How to change the icon
Tutorial How to change the iconTutorial How to change the icon
Tutorial How to change the iconJustin Hoang
 
Introduction to Android and Java.pptx
Introduction to Android and Java.pptxIntroduction to Android and Java.pptx
Introduction to Android and Java.pptxGandhiMathy6
 
Ml goes fruitful
Ml goes fruitfulMl goes fruitful
Ml goes fruitfulPreeti Negi
 
Cis247 a ilab 1 of 7 creating a user interface
Cis247 a ilab 1 of 7 creating a user interfaceCis247 a ilab 1 of 7 creating a user interface
Cis247 a ilab 1 of 7 creating a user interfaceccis224477
 
Cis247 i lab 1 of 7 creating a user interface
Cis247 i lab 1 of 7 creating a user interfaceCis247 i lab 1 of 7 creating a user interface
Cis247 i lab 1 of 7 creating a user interfacesdjdskjd9097
 
Graphics on the Go
Graphics on the GoGraphics on the Go
Graphics on the GoGil Irizarry
 
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Gil Irizarry
 
Compiling With Eclipse
Compiling With EclipseCompiling With Eclipse
Compiling With Eclipsesatriahelmy
 
Webinar on How to use MyAppConverter
Webinar on How to use  MyAppConverterWebinar on How to use  MyAppConverter
Webinar on How to use MyAppConverterJaoued Ahmed
 
RIVET WORK SHARING BASICS SIMPLE STEPS.
RIVET WORK SHARING BASICS SIMPLE STEPS.RIVET WORK SHARING BASICS SIMPLE STEPS.
RIVET WORK SHARING BASICS SIMPLE STEPS.Narsimha murthy
 
Wireless Wednesdays: Part 2
Wireless Wednesdays: Part 2Wireless Wednesdays: Part 2
Wireless Wednesdays: Part 2Teamstudio
 
Oracle User Productiviy Kit
Oracle User Productiviy KitOracle User Productiviy Kit
Oracle User Productiviy KitLarry Sherrod
 

Ähnlich wie Android application (how to change the icon )tutorial #2 (20)

Tutorial How to change the icon
Tutorial How to change the iconTutorial How to change the icon
Tutorial How to change the icon
 
Introduction to Android and Java.pptx
Introduction to Android and Java.pptxIntroduction to Android and Java.pptx
Introduction to Android and Java.pptx
 
Android programming-basics
Android programming-basicsAndroid programming-basics
Android programming-basics
 
Ml goes fruitful
Ml goes fruitfulMl goes fruitful
Ml goes fruitful
 
Project anatomy & hello world
Project anatomy & hello worldProject anatomy & hello world
Project anatomy & hello world
 
Photoshop7 user
Photoshop7 userPhotoshop7 user
Photoshop7 user
 
Cis247 a ilab 1 of 7 creating a user interface
Cis247 a ilab 1 of 7 creating a user interfaceCis247 a ilab 1 of 7 creating a user interface
Cis247 a ilab 1 of 7 creating a user interface
 
handout
handouthandout
handout
 
handout
handouthandout
handout
 
Cis247 i lab 1 of 7 creating a user interface
Cis247 i lab 1 of 7 creating a user interfaceCis247 i lab 1 of 7 creating a user interface
Cis247 i lab 1 of 7 creating a user interface
 
Q7 finished
Q7 finishedQ7 finished
Q7 finished
 
Graphics on the Go
Graphics on the GoGraphics on the Go
Graphics on the Go
 
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
 
Compiling With Eclipse
Compiling With EclipseCompiling With Eclipse
Compiling With Eclipse
 
Webinar on How to use MyAppConverter
Webinar on How to use  MyAppConverterWebinar on How to use  MyAppConverter
Webinar on How to use MyAppConverter
 
Redesign Justifications
Redesign JustificationsRedesign Justifications
Redesign Justifications
 
RIVET WORK SHARING BASICS SIMPLE STEPS.
RIVET WORK SHARING BASICS SIMPLE STEPS.RIVET WORK SHARING BASICS SIMPLE STEPS.
RIVET WORK SHARING BASICS SIMPLE STEPS.
 
Wireless Wednesdays: Part 2
Wireless Wednesdays: Part 2Wireless Wednesdays: Part 2
Wireless Wednesdays: Part 2
 
TO DO list APP Called Do It
TO DO list APP Called Do ItTO DO list APP Called Do It
TO DO list APP Called Do It
 
Oracle User Productiviy Kit
Oracle User Productiviy KitOracle User Productiviy Kit
Oracle User Productiviy Kit
 

Kürzlich hochgeladen

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 

Kürzlich hochgeladen (20)

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 

Android application (how to change the icon )tutorial #2

  • 1. Android Application Tutorial How to change the icon Instructed on: 24-Feb-2012 | Tutorial: #04 4  By : Yasmine Sherif Mahmoud Tutorial Code: APS-04-2012 All Copy Rights Saved to the 7th Students’ Conference on Communication and Information Based in the Faculty of Computers and Information Cairo University – Egypt 2011/2012 www.scci-cu.com
  • 2. • Create a new project as we learned before. • Don’t change anything in the code. • Notice where will your project be saved. (The workspace location). • Follow the following steps :
  • 3. This is my new project. Expand it. Expand the res file to see the three drawable files where you are going to save any pictures. hd represents high definition pictures. ld represents low definition pictures. md represents medium definition pictures.
  • 4. • My default location where my workspace exists is the (C:) drive. • You can have a different location but if you have the same location go to (C:).
  • 5.
  • 6.
  • 8.
  • 9. Choose the project you are working on.
  • 10.
  • 11. Choose any of the three files. I’ll choose the drawable-hdpi.
  • 12. • If you want to get the best resolution and a clean image you can specify the size of your picture. • In Low definition use a 40x40 cm picture. • In Medium definition use a 100x100 cm picture. • In High definition use a 150x150 cm picture. • In this tutorial I’m not going to specify the size of the picture. It will be resized automatically.
  • 13. This is the original icon which I want to change.
  • 14. • Now you can save any picture here in this file or you can open any program to draw your own picture. • The picture is preferred to be a .PNG or .GIF or .JPEG • I’m going to open the Paint program to draw a simple icon and save it in this file.
  • 15. This is a simple picture that I draw.
  • 16.
  • 17. The location where the drawable files exit. It must be a lower case name. Preferred to be saved as a PNG image.
  • 18. Here is the new icon.
  • 19. • Now go to your project in Eclipse again.
  • 20. Expand the drawable file where you saved your picture and probably you won’t find it so:
  • 21. Clean here is just like a refresh button.
  • 22. Choose the project you are working on.
  • 23. After Cleaning your project, the picture will appear in the drawable file.
  • 24. Now go to this file.
  • 26. Change the old icon name to the new one.
  • 27.
  • 28. Save
  • 30.
  • 31. • You are supposed to have created the AVD (emulator) from our last tutorial. • The emulator will run like that:
  • 33.
  • 34. Here is our application with its icon changed 
  • 35. You can see the icon changed here too.
  • 36. • You may not find your application on the first time you run your emulator but it is ok you can try to: 1- Close the emulator and run it again. *if nothing changed: 2- Open the main.xml file and clean the project then re-run the emulator again.
  • 37.
  • 38. Yasmine Sherif EL-Adly @YasmineSherif91 +Yasmine Sherif EL-Adly