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
