Scribd
Upload
20 views

Graphics

The document discusses different types of 2D graphics and animation in Android, including: 1) Drawing to views or canvases for static or dynamic graphics. 2) Property animation and animators for changing view properties over time. 3) Using canvas, drawables, animation drawables, and animators to create graphics, transitions, and animations.

Uploaded by

Ellie
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

Graphics

The document discusses different types of 2D graphics and animation in Android, including: 1) Drawing to views or canvases for static or dynamic graphics. 2) Property animation and animators for changing view properties over time. 3) Using canvas, drawables, animation drawables, and animators to create graphics, transitions, and animations.

Uploaded by

Ellie
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 83

Romain

 
Chiappinelli  
2D Graphics
ImageView
Canvas
View Animation
Property Animation
Draw to a View
Simple graphics, little or no updating
Draw to a Canvas
More complex graphics, with regular
updates
Something that can be drawn, such as a
bitmap, color, shape, etc.
Examples:
BitmapDrawable
ShapeDrawable
ColorDrawable
Can set Drawable objects on Views
Can do this via XML or
programmatically
Applications display a single ImageView
ImageView holds an image of a bubble
Used for drawing primitive shapes
Shape represented by a Shape class
PathShape - lines
RectShape - rectangles
OvalShape - ovals & rings
Applications display two Shapes within a
RelativeLayout
The two shapes are partially
overlapping and semi-transparent
A Bitmap (a matrix of Pixels)
A Canvas for drawing to the underlying
Bitmap
A Drawing Primitive (e.g. Rect,
Path, Text, Bitmap)
A paint object (for setting drawing
colors & styles)
Canvas supports multiple drawing
methods
drawText()
drawPoints()
drawColor()
drawOval()
drawBitmap()
Specifies style parameters for drawing,
e.g.,
setStrokeWidth()
setTextSize()
setColor()
setAntiAlias()
Application draws several boxes holding
text, so using different paint settings
each time
Can draw to generic Views, or to
SurfaceViews
Use when updates are infrequent
Create a custom View class
System provides the canvas to the View
when it calls the View’s onDraw()
method
Create a Custom SurfaceView
Provide secondary thread for drawing
Application provides its own canvas and
has greater control over drawing
This application draws to custom View
It has an Internal Thread that
periodically wakes up and causes the
View to move and to be redrawn
Used for more high-performance
drawing outside the UI thread
SurfaceView manages a low-level
drawing area called a Surface
The Surface represent a drawing area
within the View hierarchy
Subclass SurfaceView & implement
SurfaceHolder.Callback
SurfaceHolder.Callback declares
lifecycle methods that are called
when the Surface changes
Set up SurfaceView
Draw to SurfaceView
Use SurfaceView’s getHolder() to
acquire Surface
Register for callbacks with
SurfaceHolder’s addCallback()
surfaceCreate()
surfaceChanged()
surfaceDestroyed()
Create the thread on which drawing
operations will execute
Acquire lock on Canvas
SurfaceHolder.lockCanvas()
Draw
Canvas.drawBitmap()
Unlock Canvas
SurfaceHolder.unlockCanvasAndPost()
Changing the properties of a View over
a period of time
Size
Position
Transparency
Orientation
TransitionDrawable
AnimationDrawable
Animation
A 2-layer Drawable
Can fade between 1st & 2nd layers
This application uses the same shapes as
the GraphicsShapeDraw applications
Shows Cyan shape then fades to
Magenta shape
Animates a series of Drawables
Each Drawable is shown for a specific
amount of time
Uses an Animation Drawable to present
a frame by frame animation
A series of transformations applied to
the content of a View
Can Manipulate animation timing to give
effect of sequential or simultaneous
changes
Application displays a single ImageView
and animates several of its properties
Animation - Changing properties of an
Object over a period of time
ValueAnimator – Timing engine
TimeInterpolator – defines how
values change as a function of time
AnimatorUpdateListener – called
back at every animation frame
change
TypeEvaluator – Calculates a
property’s value at a given point in
time
AnimatorSet – combines individual
animations to create more complex
animations
Uses a ValueAnimator to animate
changing an ImageView’s background
color
Same as the GraphicsTweenAnimation,
Uses the ViewPropertyAnimator class,
which is a simplified animator for Views
MultiTouch & Gestures

You might also like