Resources & Bitmaps Adding clip art to your application.

Slides:



Advertisements
Similar presentations
Intro to Photoshop. Learn what is Photoshop Identify different Photoshop Work Areas Understand the use of Bridge and Mini-Bridge Learn how to open and.
Advertisements

Working with images and scenes CS 5010 Program Design Paradigms “Bootcamp” Lesson 2.5 TexPoint fonts used in EMF. Read the TexPoint manual before you delete.
Processing Lecture. 1 What is processing?
Advanced Imaging Techniques Lumberton High Sci Vis II V
Objectives Define photo editing software
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Java Applets What is an Applet? How do you create.
© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.
Using Powerpoint to Create Interface Prototype Copy & Paste Interface Designs –Use Screen Capture to Copy Existing Interface –“Print Screen / SysRq” Button:
Graphics Procedure (IDrawable) 1. Basic Procedure For Drawing ThingsToDraw Create Objects From Classes Add Them to PictureBox Use the Paint Event to draw.
Graphics and Multimedia. Outline Introduction Graphics Contexts and Graphics Objects Color Control.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Java Review Structure of a graphics program. Computer Graphics and User Interfaces Java is Object-Oriented A program uses objects to model the solution.
DIGITAL GRAPHICS & ANIMATION
Graphics and Multimedia. Introduction The language contains many sophisticated drawing capabilities as part of namespace System.Drawing and the other.
Graphics Images – PictureBox control Drawing graphics - Graphics object Multimedia controls PictureBox control Image property – select image Choose how.
Illustrator CS4 Inspiration + basics + tutorial. Inspiration By viewing artworks of artists, we get to know what we can do with techniques and skills.
CW-V1 SDD 0201 Principals of Software Design and Development Introduction to Programming Languages.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
‘ {] Chapter 2 (HW01) Getting Started with Windows 7.
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Java Applets What is an Applet? How do you create.
Computer Programming and Basic Software Engineering 9 Building Graphical User Interface A Brief Introduction to GDI+ S.R.G. Fraser, Pro Visual C++/CLI.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
CIS 338: Creating ActiveX Controls Dr. Ralph D. Westfall March, 2003.
 This tutorial is designed to help you better understand how to use the Elluminate Live classroom. One of the best things you can do is to go into the.
CST238 Week 6 Questions / Concerns? Announcements – HW#2 due next Monday (project concept/preliminary design) – Check-off Take Home lab#5 Comment about.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. Tutorial 26 – CheckWriter Application Introducing Graphics.
Media Arts – Review Day 2 Photoshop Tools and Functions.
Graphics and Multimedia Part #2
Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.
1 k Jarek Rossignac,  2008 Processing  Install Processing  Learn how to edit, run, save, export, post programs  Understand.
PROCESSING & JAVA An Introduction to Computing. Objectives Be able to state and apply phases of development Be able to state and describe the goals of.
Addison Wesley is an imprint of © 2010 Pearson Addison-Wesley. All rights reserved. Chapter 5 Working with Images Starting Out with Games & Graphics in.
Types of Data. Numbers Text Pictures Sound Video.
Computer Graphics Bitmaps & Sprites CO2409 Computer Graphics Week 3.
Agenda Last class: Memory, Digitizing Numbers Today: Digitizing: Text
GRAPHICS. Topic Outline What is graphic. Resolution. Types of graphics. Using graphic in multimedia applications.
General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.
Računarska grafika GDI+ (Graphics Device Interface Plus)
Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,
The Abstract Window Toolkit (AWT) supports Graphical User Interface (GUI) programming. AWT features include: a rich set of user interface components; a.
Why a bitmap (.bmp), not a.jpg? If you cannot save a.bmp, make it an uncompressed.tif. Compression (of this 8-bit 397,000 pixel image): none (397kb memory)medium.
Resolution The resolution of an image is determined by the number of individually addressable points that make up the image, whether it is the number.
Lawrence Snyder University of Washington, Seattle © Lawrence Snyder 2004 Drawing pictures … It’s not art, it’s fun.
Processing Hardware, Software. Hardware Hardware Processing is performed by a computer ’ s central processing unit and is measured by the clock speed.
What’s on Your Desktop?. Programs on your computer Some programs are standard on most computers for example: Microsoft Word Internet Explorer Microsoft.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Visual Basic.NET Comprehensive Concepts and Techniques Chapter 2 The Visual Basic.NET Integrated Development Environment.
1 Sections 5.1 – 5.2 Digital Image Processing Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.
The Basics. Starting out This is the icon for Photoshop. Make sure that you have it!
PLEASANTVILLE. Right now you have one layer. Your first layer is called “Background.”
2D Graphics CMT3311. This covers... How to make a transparent sprite How to add a sprite to your project and draw it Properties of sprites and how to.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Adobe Photoshop CS5.
Introduction to Illustrator
Digital imaging.
Microsoft Expression Web 2
Flash Interface, Commands and Functions
Looking at our “Getting Started” application
Bitmap Basics in Fireworks
IMAGES.
Graphics and Multimedia
Graphics Card A graphics card is used to make the images displayed on your computer better quality and the performance of your computer. It is usually.
Chapter 5 Working with Images
Basic Graphics Drawing Shapes 1.
Images in Binary.
Applications Software
Starting to develop a website
Lawrence Snyder University of Washington, Seattle
Basic Processing … Drawing pictures … It’s not art, it’s fun
Working with images and scenes
Presentation transcript:

Resources & Bitmaps Adding clip art to your application

Overview Two approaches to getting a nice look to you program Drawing Use bitmap images, attached to PictureBox objects Drawing required for some applications (e.g., mapping software), bitmaps suffice otherwise Bitmaps can be accessed in two ways Compiled into program resources Loaded from files

Drawing Basic Procedure Get a graphic device attached to the client region (a Graphic object) Use the many drawing tools associated with it Dispose() it when you are done Best place to draw is usually the Paint event

Example Drawing Comments: Draws a rectangle with a blue brush Draws an ellipse with a red brush Writes a string with a black brush

Screen capture 1.Creates a graphics device tied to the form 2.Creates an empty Bitmap with the same characteristics (e.g., pixel size) as our form graphics device, then creates a graphics device tied to the bitmap, allowing us to draw on it 3.Performs a screen capture from the upper-left corner of the client to the bitmap device we created

Resources Provides a means of binding key objects into programs Text Images Can be identified and customized, with little risk to code, as circumstances change e.g, Internationalization of text Many companies require all text/images in programs be bound into resources Resources don’t require extra files in setup

Creating Resource File

Resource Editor

Accessing Resources in Program To access resources: Use ResourceFileName as if it were a namespace or class Typecast it to Bitmap, if that’s what it is

Loading Bitmaps from Files Comments: Bitmap constructor overload allows file name to be specified To copy a Bitmap, use the Clone() method To attach to PictureBox, use Image property

Transparency Comments: One bitmap color can be made transparent Use a pixel in the background region (1,1 was chosen here, knowing the fish) “Transparent” for a control means form background “shows through”, as shown in example above. Controls underneath it are obscured.

Parting words… Putting bitmaps in resource files makes them much more convenient Consider it for text as well—it will make programs much easier to globalize Using bitmaps allows quite a bit of interest in the interface Performance problems do arise with a lot of drawing Graphics-intensive applications tend to bypass Windows, writing directly to video memory, using standards like DirectX