{"id":233441,"date":"2024-06-18T00:30:55","date_gmt":"2024-06-18T00:30:55","guid":{"rendered":"https:\/\/michigandigitalnews.com\/index.php\/2024\/06\/18\/top-3-updates-with-compose-across-form-factors-at-google-i-o-24\/"},"modified":"2025-06-25T17:16:50","modified_gmt":"2025-06-25T17:16:50","slug":"top-3-updates-with-compose-across-form-factors-at-google-i-o-24","status":"publish","type":"post","link":"https:\/\/michigandigitalnews.com\/index.php\/2024\/06\/18\/top-3-updates-with-compose-across-form-factors-at-google-i-o-24\/","title":{"rendered":"Top 3 Updates with Compose across Form Factors at Google I\/O &#8217;24"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div>\n<meta content=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiltkRqDqoIB1tzi3JPInSiZsCSpPwYxs4XktuTmiTuR0rH_43Eh2MeJas89Hqt4MS0TcnrTX3IpbnF9LKdkr-D_HqIb6JEVJrGQujSLxehn908a05MtZEuqGVc9L1GVDFVEiFLbjrR0IUA6fPVpdklZ1GZACBWtCqLIy6SMKo_LbmdbHHRMwDgA2UYeGU\/s1600\/Google-IO-social.png\" name=\"twitter:image\"\/><br \/>\n<img decoding=\"async\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiltkRqDqoIB1tzi3JPInSiZsCSpPwYxs4XktuTmiTuR0rH_43Eh2MeJas89Hqt4MS0TcnrTX3IpbnF9LKdkr-D_HqIb6JEVJrGQujSLxehn908a05MtZEuqGVc9L1GVDFVEiFLbjrR0IUA6fPVpdklZ1GZACBWtCqLIy6SMKo_LbmdbHHRMwDgA2UYeGU\/s1600\/Google-IO-social.png\" style=\"display: none;\"\/><\/p>\n<p><em>Posted by Chris Arriola \u2013 Developer Relations Engineer<\/em><\/p>\n<p><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgmqrAQ8WyZwrofej4ZsjMEotsG6SVo3_gHC0UbcI8CNJ9D4GTjkVtqOjUnH-vFYlXLaN-WzcNyZM7ke-S-rBMlKVtsw6rGZIFi1Le2P6NpOz96vuqW4vdiD37Uv-G5MCXVCLFwLpBIV43Pd1gb60b21NyVVKuixhfixzfRnEsYCBvRQsP4DeIDuSsgASc\/s1600\/Google-banner%20%281%29.png\"><img decoding=\"async\" border=\"0\" data-original-height=\"800\" data-original-width=\"100%\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgmqrAQ8WyZwrofej4ZsjMEotsG6SVo3_gHC0UbcI8CNJ9D4GTjkVtqOjUnH-vFYlXLaN-WzcNyZM7ke-S-rBMlKVtsw6rGZIFi1Le2P6NpOz96vuqW4vdiD37Uv-G5MCXVCLFwLpBIV43Pd1gb60b21NyVVKuixhfixzfRnEsYCBvRQsP4DeIDuSsgASc\/s1600\/Google-banner%20%281%29.png\"\/><\/a><\/p>\n<p>Google I\/O 2024 was filled with lots of updates and announcements around helping you be more productive as a developer. Here are the top 3 announcements around Jetpack Compose and Form Factors from Google I\/O 2024:<\/p>\n<p><iframe title=\"Top 3 updates around Compose across form factors at Google I\/O \u201824\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/uzz_gzDxc7M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>#1 New updates in Jetpack Compose<\/h3>\n<p>The <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/whats-new-in-jetpack-compose-at-io-24.html\" target=\"_blank\" rel=\"noopener\">June 2024 release of Jetpack Compose<\/a> is packed with new features and improvements such as shared element transitions, lazy list item animations, and performance improvements across the board.<\/p>\n<p>With shared element transitions, you can create delightful continuity between screens in your app. This feature works together with Navigation Compose and predictive back so that transitions can happen as users navigate your app. Another highly requested feature\u2014lazy list item animations\u2014is also now supported for lazy lists giving it the ability to animate inserts, deletions, and reordering of items.<\/p>\n<p>Jetpack Compose also continues to improve runtime performance with every release. Our benchmarks show a faster time to first pixel of 17% in our Jetsnack Compose sample. Additionally, strong skipping mode graduated from experimental to production-ready status further improving the performance of Compose apps. Simply update your app to take advantage of these benefits.<\/p>\n<p>Read <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/whats-new-in-jetpack-compose-at-io-24.html\" target=\"_blank\" rel=\"noopener\">What\u2019s new in Jetpack Compose at I\/O \u201824<\/a> for more information.<\/p>\n<p><\/p>\n<h3>#2 Scaling across screens with new Compose APIs and Tools <\/h3>\n<p><iframe title=\"Compose across devices\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/ckjX2rDQlaE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>During Google I\/O, we announced new tools and APIs to make it easier to <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/scaling-across-screens-with-compose-google-io-24.html\" target=\"_blank\" rel=\"noopener\">build across screens with Compose<\/a>. The new Material 3 adaptive library introduces new APIs that allow you to implement common adaptive scenarios such as <a href=\"https:\/\/developer.android.com\/develop\/ui\/compose\/layouts\/adaptive\/list-detail\" target=\"_blank\" rel=\"noopener\">list-detail<\/a>, and <a href=\"https:\/\/developer.android.com\/develop\/ui\/compose\/layouts\/adaptive\/build-a-supporting-pane-layout\" target=\"_blank\" rel=\"noopener\">supporting pane<\/a>. These APIs allow your app to display one or two panes depending on the available size for your app.<\/p>\n<p>Watch <a href=\"https:\/\/www.youtube.com\/watch?v=xPUZENis4gc\" target=\"_blank\" rel=\"noopener\">Building UI with the Material 3 adaptive library<\/a> and <a href=\"https:\/\/www.youtube.com\/watch?v=wBc6oMVAP60&amp;list=PLWz5rJ2EKKc9oYp2ddThjy56V6Xkj59q-\" target=\"_blank\" rel=\"noopener\">Building adaptive Android apps<\/a> to learn more. If you prefer to read, you can check out <a href=\"https:\/\/developer.android.com\/develop\/ui\/compose\/layouts\/adaptive\" target=\"_blank\" rel=\"noopener\">About adaptive layouts<\/a> in our documentation.<\/p>\n<p>We also announced that <a href=\"https:\/\/developer.android.com\/training\/tv\/playback\/compose\" target=\"_blank\" rel=\"noopener\">Compose for TV<\/a> 1.0.0 is now available in beta. The latest updates to Compose for TV include better performance, input support, and a whole range of improved components that look great out of the box. New in this release, we\u2019ve added lists, navigation, chips, and settings screens. We\u2019ve also added a <a href=\"https:\/\/github.com\/android\/tv-samples\/tree\/main\/TvMaterialCatalog\" target=\"_blank\" rel=\"noopener\">new TV Material Catalog app<\/a> and updated the developer tools in Android Studio to include a new project wizard to get a running start with Compose for TV. <\/p>\n<p>Finally, <a href=\"https:\/\/developer.android.com\/training\/wearables\/compose\" target=\"_blank\" rel=\"noopener\">Compose for Wear OS<\/a> has added features such as <a href=\"https:\/\/developer.android.com\/design\/ui\/wear\/guides\/components\/swipe-to-reveal\" target=\"_blank\" rel=\"noopener\">SwipeToReveal<\/a>, an <a href=\"https:\/\/developer.android.com\/design\/ui\/wear\/guides\/components\/expandable-item\" target=\"_blank\" rel=\"noopener\">expandableItem<\/a>, and a range of <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/wear\/compose\/ui\/tooling\/preview\/package-summary\" target=\"_blank\" rel=\"noopener\">WearPreview supporting annotations<\/a>. During Google I\/O 2024, Compose for Wear OS graduated visual improvements and fixes from beta to stable. Learn more about all the updates to Wear OS by checking out the <a href=\"https:\/\/io.google\/2024\/explore\/19faa1a5-5b4f-4e7a-ac06-8564a5a324af\/\" target=\"_blank\" rel=\"noopener\">technical session<\/a>.<\/p>\n<p>Check out case studies from <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/soundcloud-supported-more-screens-with-jetpack-compose.html\" target=\"_blank\" rel=\"noopener\">SoundCloud<\/a> and <a href=\"https:\/\/android-developers.googleblog.com\/2024\/06\/developers-for-adidas-confirmed-build-features-faster-using-jetpack-compose.html\" target=\"_blank\" rel=\"noopener\">Adidas<\/a> to see how apps are leveraging Compose to build their apps and learn more about all the updates for Compose across screens by <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/scaling-across-screens-with-compose-google-io-24.html\" target=\"_blank\" rel=\"noopener\">reading more here<\/a>! <\/p>\n<p><\/p>\n<h3>#3 Glance 1.1<\/h3>\n<p><a href=\"https:\/\/developer.android.com\/develop\/ui\/compose\/glance\" target=\"_blank\" rel=\"noopener\">Jetpack Glance<\/a> is Android\u2019s modern recommended framework for building widgets. The latest version, Glance 1.1, is now stable. Glance is built on top of Jetpack Compose allowing you to use the same declarative syntax that you\u2019re used to when building widgets.<\/p>\n<p>This release brings a new unit test library, Error UIs, and new components. Additionally, we\u2019ve released new Canonical Widget Layouts on GitHub to allow you to get started faster with a set of layouts that align with best practices and we\u2019ve published new design guidance published on the UI design hub \u2014 <a href=\"https:\/\/developer.android.com\/design\/ui\/widget\" target=\"_blank\" rel=\"noopener\">check it out<\/a>! <\/p>\n<p>To learn more about using Glance, check out <a href=\"https:\/\/www.youtube.com\/watch?v=jI1LKN7jBVk&amp;list=PLWz5rJ2EKKc9oYp2ddThjy56V6Xkj59q-&amp;index=8\" target=\"_blank\" rel=\"noopener\">Build beautiful Android widgets with Jetpack Glance<\/a>. Or if you want something more hands-on, check out the codelab <a href=\"https:\/\/developer.android.com\/codelabs\/glance#0\" target=\"_blank\" rel=\"noopener\">Create a widget with Glance<\/a>.<\/p>\n<p>You can learn more about the latest updates to Compose and Form Factors by checking out the <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/scaling-across-screens-with-compose-google-io-24.html\" target=\"_blank\" rel=\"noopener\">Compose Across Screens<\/a> and the <a href=\"https:\/\/android-developers.googleblog.com\/2024\/05\/whats-new-in-jetpack-compose-at-io-24.html\" target=\"_blank\" rel=\"noopener\">What\u2019s new in Jetpack Compose at I\/O \u201824<\/a> blog posts or watching the <a href=\"https:\/\/goo.gle\/io24-compose-form-factors\" target=\"_blank\" rel=\"noopener\">spotlight playlist<\/a>!<\/p>\n<\/div>\n<p>[ad_2]<br \/>\n<br \/><a href=\"http:\/\/android-developers.googleblog.com\/2024\/06\/top-3-updates-around-compose-across-form-factors-google-io.html\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Posted by Chris Arriola \u2013 Developer Relations Engineer Google I\/O 2024 was filled with lots of updates and announcements around helping you be more<\/p>\n","protected":false},"author":1,"featured_media":233442,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[146],"tags":[],"_links":{"self":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts\/233441"}],"collection":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/comments?post=233441"}],"version-history":[{"count":0,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts\/233441\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/media\/233442"}],"wp:attachment":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/media?parent=233441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/categories?post=233441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/tags?post=233441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}