Images and graphics in Compose
Stay organized with collections
Save and categorize content based on your preferences.
Using bright, engaging visuals in your Android apps can help improve the look
and feel of your application. In Android, there are a few different ways in
which you can render something visually on screen- using either a vector,
bitmap, or directly drawing with a canvas on screen. In this section, learn
how to work these different kinds of graphics.
Learn how to work with images using these details:
- Loading images: Learn how to load
an image from disk or the internet
- ImageBitmap versus ImageVector: Learn
how to work with the two most common image formats, raster and vector.
- Material icons: Learn about a
convenient way to draw a single color icon on the screen, following Material
Design 3 guidelines.
- Customize an image: Learn how to
customize an image using properties of an Image composable.
- Custom painter: Learn about custom
painter objects to additionally customize your image.
- Optimizing performance: Learn about
how to best work with images to avoid performance issues.
You can also learn more about working with Graphics here.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-10-03 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2024-10-03 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-10-03 UTC."]]