Scribd
Upload
28 views13 pages

Unit 6

The document discusses various types of 2D graphics and animation techniques in Android like canvas drawing, bitmap images, frame animation, tween animation and view animation. It also covers importing images, animating views and using the Google Maps API.

Uploaded by

Ripal Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
28 views13 pages

Unit 6

The document discusses various types of 2D graphics and animation techniques in Android like canvas drawing, bitmap images, frame animation, tween animation and view animation. It also covers importing images, animating views and using the Google Maps API.

Uploaded by

Ripal Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

Unit 6

Working with Graphics and Animation


2D Graphics in Android
 Android offers a custom 2D graphics library for drawing and
animating shapes and images.
 The android.graphics.drawable and android.view.animation
packages are where you'll find the common classes used for
drawing and animating in two-dimensions.
 A simple way to add graphics to your application is by
referencing an image file from your project resources.
Supported file types are PNG (preferred), JPG (acceptable) and
GIF (discouraged).
 This technique would obviously be preferred for application
icons, logos, or other graphics such as those used in a game.
2D Graphics in Android
 To use an image resource, just add your file to
the res/drawable/ directory of your project. From there, you
can reference it from your code or your XML layout. Either
way, it is referred using a resource ID, which is the file name
without the file type extension (E.g., my_image.png is
referenced as my_image).
 Canvas API in Android is a drawing framework which helps us
to draw custom design like line, circle or even a
rectangle. Using these we can make any shape whichever we
want according to design.
 In Android Studio, click on
 View > Tool Windows > Resource Manager in the menus or
click on the Resource Manager tab to the left of the Project
window.
 Click the + below Resource Manager, and select Import
Drawables.
 Android graphics provides low level graphics tools such as
canvases, color, filters, points and rectangles which handle
drawing to the screen directly.
 For implementation of graphics in android visit the link below:
 https://www.javatpoint.com/android-simple-graphics-example
Applications of 2D Graphics
 It can be used to create and edit logos, and other graphical
elements.
 It can be used to create website layouts and design elements.
 It can be used to create illustrations, visual presentations, and
digital art.
 It can be used to edit and enhance photos, images, and
animation.
 It can be used to create and edit website designs, presentation
slides, and marketing materials.
Bitmap in android
 In Android, a Bitmap is a representation of an image that consists of pixels
with a specified width, height, and color format. A Bitmap from a View is a
Bitmap that is created from a View in your Android application.

 In effect, a bitmap is an array of binary data representing the values of


pixels in an image or display. A GIF is an example of a graphics image file
that has a bitmap. When the GIF is displayed on a computer monitor, the
computer reads the bitmap to determine which colours to use to “paint” the
screen.

 To display a raster image (bitmap) on the screen, you need an Image object
and a Graphics object. Pass the name of a file (or a pointer to a stream) to
an Image constructor. After you have created an Image object, pass the
address of that Image object to the DrawImage method of a Graphics
object.
Animations in Android
 Animation in android apps is the process of creating motion
and shape change.
 The basic ways of animation are as follows:
 Fade In Animation
 Fade Out Animation
 Cross Fading Animation
 Blink Animation
 Zoom In Animation
 Zoom Out Animation
 Rotate Animation
 Move Animation
 Slide Up Animation
 Slide Down Animation
 Bounce Animation
 Sequential Animation
 Together Animation
Frame Animation in android
 In Android Frame Animation, you will be swapping frames
repeatedly, so that it appears continuous to the human eye and
we feel that it is animated.
 Frame is referred to an image. So to implement frame by frame
animation in android, one needs to have set of images, which
describes a motion.
 For implementation of frame animation visit the following
link:
 https://www.edureka.co/blog/frame-animation-in-android/#:~:t
ext=In%20Android%20Frame%20Animation%2C%20you,ima
ges%2C%20which%20describes%20a%20motion
.
Tween Animation in android

 A tween animation can perform a series of simple


transformations (position, size, rotation, and transparency) on
the contents of a View object.
 So, if you have a TextView object, you can move, rotate, grow,
or shrink the text.
 If it has a background image, the background image will be
transformed along with the text.
 We have four kinds tween animations:
 Alpha, Rotate, Translate, Scale.
Tween Animation in android
 Tween animation could be set in both code and xml.
 By AnimationSet, we could mix these animations together.
 By AnimationUtils.loadAnimation, we could load these
animations defined in xml.
 By Animation.AnimationListener, we could add listener to
listen to changes of animations.
 For implementation of Tween animation visit the following
link:
 https://dongchuan.github.io/android/2015/06/21/Tween-Animat
ion.html#:~:text=We%20have%20four%20kinds%20tween,%2
C%20Rotate%2C%20Translate%2C%20Scale
.
View Animation in android
 You can use the view animation system to perform tweened animation
on Views.
 Tween animation calculates the animation with information such as the
start point, end point, size, rotation, and other common aspects of an
animation.
 A tween animation can perform a series of simple transformations
(position, size, rotation, and transparency) on the contents of a View
object.
 So, if you have a TextView object, you can move, rotate, grow, or shrink
the text. If it has a background image, the background image will be
transformed along with the text.
 The animation package provides all the classes used in a tween
animation.
 The drawback of this mechanism is that it can only be applied to Views.
Google Map API
References
 https://developers.google.com/maps/documentation/androi
d-sdk/start#create-project
 https://developers.google.com/maps/documentation/androi
d-sdk/map

You might also like