book

Pro Android Graphics

by Wallace Jackson

October 2013

Intermediate to advanced

620 pages

17h 25m

English

Apress

Read now

Unlock full access

Android’s Digital Image Formats: Lossless Versus LossyAndroid View and ViewGroup Classes: Image ContainersThe Foundation of Digital Images: Pixels and Aspect RatioThe Color of Digital Images: Color Theory and Color DepthRepresenting Colors in Android: Hexadecimal NotationImage Compositing: Alpha Channels and Blending ModesDigital Image Masking: A Popular Use for Alpha ChannelsSmoothing Edges in a Mask: The Concept of Anti-AliasingOptimizing Digital Images: Compression and DitheringDownload the Android Environment: Java and ADT BundleInstalling and Updating the Android Developer ADT BundleSummary
Android Digital Video Formats: MPEG4 H.264 and WebM VP8Android VideoView and MediaPlayer Class: Video PlayersThe Foundation of Digital Video: Motion, Frames and FPSDigital Video Conventions: Bit Rates, Streams, SD, and HDDigital Video Files for Android: Resolution Density TargetsOptimizing Digital Video: Codecs and CompressionCreating Your Pro Android Graphics App in Eclipse ADTCreating Your Video Start-Up Screen User Interface DesignTaking a Look at Your MainActivity.java Activity subclassCreating Your Video Assets: Using Terragen 3 3D SoftwareCreating Uncompressed Video: Using VirtualDub SoftwareCompressing Your Video Assets: Using Sorenson SqueezeInstalling a Video Asset in Android: Using the Raw FolderReferencing the Video Asset in Your Android ApplicationSummary
Frame Animation Concepts: Cels, Framerate, and ResolutionOptimizing Frame Animation: Color Depth and Frame RateCreating Frame Animation in Android Using XML MarkupAndroid <animation-list> Tag: The Parent Frame ContainerAndroid’s <item> Tag: Specifying Your Animation FramesCreating a Frame Animation for our GraphicsDesign AppCopying Resolution Density Target FramesCreating Frame Animation Definitions Using XMLReference the Frame Animation Definition in an ImageViewInstantiating the Frame Animation Definition Using JavaSummary

Procedural Animation Concepts: Tweens and InterpolatorsProcedural Animation Data Values: Ranges and Pivot PointProcedural Animation Transforms: Rotate, Scale, TranslateProcedural Animation Compositing: Alpha BlendingProcedural Animation Timing: Using Duration and OffsetsProcedural Animation Loops: RepeatCount and RepeatModeThe <set> Tag: Using XML to Group Procedural AnimationProcedural Animation vs. Frame Animation: The Trade-OffCreating Procedural Animation in your GraphicsDesign AppCreating a Procedural Animation Definition Using XMLInstantiating the Animation Object in MainActivity.javaUsing Set to Create a More Complex Procedural AnimationRotation Transformation: Going a Bit Too Far with FXTweaking Transform Values: The Ease of Adjusting XMLSummary
How Android Supports Device Displays: UI Design and UXDevice Display Concepts: Size, Density, Orientation, DIPDensity Independence: Creating Similar User ExperienceslAndroid Multi-Screen Support Via <supports-screens> TagProviding Device-Optimized User Interface Layout DesignsProviding Device-Optimized Image Drawable AssetsThe DisplayMetrics Class: Size, Density, and Font ScalingOptimizing Android Application Icons for LDPI to XXXHDPIInstalling the New App Icon in the Correct Density FoldersConfiguring the AndroidManifest.xml for Custom App IconTesting the New Application Icon and Label on Nexus OneSummary
Android ViewGroup Superclass: A Foundation for LayoutsThe ViewGroup LayoutParams Class: Layout ParametersDeprecated Layouts: AbsoluteLayout and SlidingDrawerAndroid’s Experimental Layout: SlidingPaneLayoutAndroid RelativeLayout Class: Designing Relative LayoutsAndroid LinearLayout Class: Designing Linear LayoutsAndroid FrameLayout Class: Designing Frame LayoutsAndroid GridLayout Class: Designing UI Layout GridsThe DrawerLayout Class: Designing UI Drawer LayoutsAdding Menu Items to Access the UI Layout ContainerCreating a Table of Contents Activity for Your UI DesignCreating an XML Table of Contents LinearLayout UI DesignAdding Text UI Widgets to the TOC UI Layout ContainerUsing onOptionsItemSelected( ) to Add Menu FunctionalityTesting the Table of Contents Activity on the Nexus OneSummary
The Android View Class: The Foundation for UI WidgetsView Basic Properties: ID, Layout Positioning, and SizeView Positioning Characteristics: Margins and PaddingView Graphic Properties: Background, Alpha, and VisibilityA View’s Functional Characteristics: Listeners and FocusBookmark Utility UI: Using a RelativeLayout and TextViewUsing an ImageView Widget: The Cornerstone of Graphics Testing Your UI Design in the Nexus One Landscape ModeAdding a Drop Shadow Effect to an ImageView Image AssetChanging Your ImageView XML to Incorporate a New AssetCompositing a Background Image in Your RelativeLayoutSummary
Graphics in Android: The Origins of the ImageView ClassThe ImageView.ScaleType Nested Class: Scaling ControlUsing AdjustViewBounds and How it Relates to ScaleTypeMaxWidth and MaxHeight: Controlling AdjustViewBoundsSetting a Baseline in ImageView and Controlling AlignmentUsing the CropToPadding Method to Crop Your ImageViewTinting an ImageView and Color Blending Using PorterDuffApply Tint to SkyCloud Image to Improve Shadow ContrastCropping Your SkyCloud Image Asset Using CropByPaddingChanging the Baseline Alignment Index for Your ImageViewPerforming Image Scaling: Margins and Padding Attributes Summary
Button Graphics in Android: ImageButton Class OverviewImageButton States: Normal, Pressed, Focused, and HoveredImageButton Drawable Assets: Compositing Button StatesAn ImageButton Drawable: Setting Up the Multi-State XMLCreate All ImageButton State Assets: Density ResolutionsScaling the ImageButton Down to a UI Element-Like ScaleSummary
Android NinePatchDrawable: A Foundation for NinePatchNinePatch Graphics Assets: A 9-Patch Concepts OverviewThe Android NinePatch Class: Creating a NinePatch AssetThe Draw 9-Patch Tool: Create NinePatchDrawable AssetsImplementing Your NinePatch Asset Using XML MarkupSummary
Pixel Blending: Take Image Compositing to the Next LevelAndroid’s PorterDuff Class: The Foundation for BlendingThe PorterDuff.Mode Class: Android Blending ConstantsThe PorterDuffColorFilter Class: Blending Your ColorFilterApplying ColorFilter Effects to Image Assets Using PorterDuffThe PorterDuffXfermode Class: Apply Blending ConstantsThe Paint Class: Apply a Blending Constant Onto an ImageUsing Bitmap Classes to Apply PorterDuff Between ImagesUsing .setXfermode( ) Method to Apply PorterDuffXfermodeThe Canvas Class: Creating a Canvas for Our CompositingCreating an ImageView in XML and Java to Display CanvasWriting the Canvas to an ImageView Via .setBitmapImage( )Summary
Layer Drawables: Take Image Compositing to a New LevelAndroid’s LayerDrawable Class: A Foundation for LayersThe <layer-list> Parent Tag: Setting Up Layers Using XMLInstantiating a LayerDrawable for PorterDuff CompositingCreate a Drawable Object to Hold the LayerDrawable AssetCast a Drawable to a BitmapDrawable and Extract a BitmapModifying the PorterDuff Pipeline to Use a LayerDrawableSwitch LayerDrawable Image Asset: Source to DestinationChanging the LayerDrawable Layer Used in Our PipelineExercise for the Reader: Using Two LayerDrawable AssetsSome Final Digital Image Compositing Caveats in AndroidSummary
Transitions: Image Blending to Create an Illusion of MotionAndroid’s TransitionDrawable Class: A Transition EngineThe <transition> Parent Tag: Setting Up Transitions in XMLInstantiating ImageButton and TransitionDrawable ObjectsUsing the .reverseTransition( ) Method for Pong TransitionsAdvanced TransitionDrawable Compositing via ImageViewSummary
The AnimationDrawable Class: A Frame Animation EngineThe DrawableContainer Class: A Multi-Drawable DrawableCreating Your AnimationDrawable Splashscreen Using JavaUsing the Android Runnable Class to Run Your AnimationCreating a setUpAnimation( ) Method for Your AnimationCreating a New AnimationDrawable Object and Referencing Its FramesUsing the AnimationDrawable Class’s .addFrame( ) MethodConfiguring an AnimationDrawable by Using .setOneShot( )Scheduling an AnimationDrawable Using the Handler ClassDesigning an AnimationDrawable to Loop Back to Frame 1Adding Event Handling to Allow Frame Animation by ClickSummary
The Animation Class: Your Procedural Animation EngineTranslateAnimation Class: Animation Subclass for MovingThe ScaleAnimation Class: Animation Subclass for ScalingScaling Up Your Logo: Using the ScaleAnimation ClassAlphaAnimation Class: Animation Subclass for BlendingFading In Your PAG Logo: Using the AlphaAnimation ClassThe AnimationSet Class: Creating Complex Animation SetsCreating an AnimationSet for Your PAG Logo AnimationRotateAnimation Class: Animation Subclass for RotationRotating Your PAG Logo: Using the RotateAnimation ClassUsing an Android Runnable Class to Run the AnimationSetCreating a TranslateAnimation Object for Your AnimationSetSummary
Android Drawable Resources: Types of Drawable ObjectsCreating a ShapeDrawable Object: XML <shape> Parent TagThe Android Drawable Class: The Blueprint for GraphicsCreating Your Custom Drawable: ImageRoundingDrawableCreating a Paint Object to Use to Paint the Drawable CanvasThe Android Shader Superclass: Texture Maps for PaintingThe Shader.TileMode Nested Class: Shader Tiling ModesThe BitmapShader Class: Texture Mapping Using BitmapsCreating and Configuring a BitmapShader for the DrawableAndroid Rect and RectF Classes: Defining the Draw AreaDefining Your RectF Object and Calling .drawRoundRect( )Summary
The Android onDraw( ) Method: Drawing onto Your ScreenThe Android Canvas Class: The Digital Artisan’s CanvasThe Android Paint Class: The Digital Artisan’s PaintbrushSetting Up Your GraphicsDesign Project for Your SketchPadCreating a Custom View Class: Your SketchPadView ClassThe Android Context Class: Telling Your Activity Where It IsConfiguring Your SketchPadView( ) Constructor MethodCreating a Coordinate Class to Track Touch X and Y PointsThe Java List Utility Class: Get Your Collections in OrderJava’s ArrayList Utility Class: An Array of Collection ListCreating an ArrayList Object to Hold Your Touch Point DataImplementing Your .onDraw( ) Method: Painting Your CanvasCreating Your OnTouchListener( ) Method: Event HandlingAndroid’s MotionEvent Class: Movement Data in AndroidProcessing Your Movement Data: Using .getX( ) and .getY( )Coding Your SketchPad Activity: Using the SketchPadViewTesting the SketchPad Activity Class: Handwriting a PAG LogoPaint Using a Bitmap Source: Implementing Your InkShaderSummary
A Life of a Video: The Stages of a Video Playback LifecycleWhere Video Lives: The Data URI and Android’s Uri ClassAndroid’s MediaPlayer Class: Controlling Video PlaybackThe Android VideoView Class: The Video Asset ContainerUsing the MediaPlayer Class: Looping a Video SeamlesslySetting Up Scaling Video Assets to Fit any Screen Aspect RatioOptimizing Your Range of Video Asset Resolution TargetsUsing 16:9 Low Resolution 640x360 Digital Video AssetsUsing NetBook Resolution 1024x600 Digital Video AssetUsing Low HD Resolution 1280x720 Digital Video AssetsUsing a True HD 1920x1080 Digital Video Asset for iTVsAnalyzing Target Resolution Compression Ratio ResultsUsing the WebM VP8 Codec to Compress Pseudo HD VideoUsing the WebM VP8 Codec to Compress True HD VideoSummary
Can I Stream Video? Setting a Manifest Internet PermissionWhen Video Lives Far Away: The HTTP URL and Your URIThe ProgressDialog Class: Show Your Download ProgressImplementing a ProgressDialog in the GraphicsDesign AppTesting the Progress Dialog: Dealing with Compiler ErrorsStreaming Digital Video Using the WebM VP8 Video CodecMaking Your Video Playback App Aware of Its OrientationAndroid’s Display Class: Physical Display CharacteristicsThe Android DisplayManager Class: Managing the DisplayAndroid’s WindowManager Interface: Managing a WindowSetting Up a Display Object to Ascertain the Device RotationAndroid’s Surface Class: Grab Your Display’s Raw BufferUsing a .getRotation( ) Method Call to Drive a Switch LoopTesting Streaming Video in Portrait and Landscape OrientationsSome Caveats About Using Digital Video in AndroidAndroid’s DisplayMetrics Class: A Display’s SpecificationsSummary

Content preview from Pro Android Graphics

Chapter 5

Android DIP: Device-Independent Pixel Graphics Design

In this chapter, we’ll take a closer look at how to design graphics assets to be able to span the wide range of Android device screen sizes currently on the market. With Android devices as small as watches up to as large as iTV sets, providing a range of pixel-based assets that will fit all of the screens on the market well and look great is certainly one of the major challenges in creating professional Android graphics.

There is no way around this challenge, short of using only vector (shape) graphics, which scale to fit any size screen, and user interface widgets with XML parameters such as android:gravity that do the screen layout math for you automatically. If you’re going ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Publisher Resources

ISBN: 9781430257851Purchase book

Pro Android Graphics

by Wallace Jackson

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Pro Android UI

Android Fragments

GUI Design for Android Apps

Pro Android Games, Third Edition

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

Pro Android UI

Android Fragments

GUI Design for Android Apps

Pro Android Games, Third Edition

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.