| 範例 | 試用 | 連結 |
|---|---|---|
基本共用元素，由呼叫端管理可見度： 兩個方塊在移動 |
||
基本清單到詳細資料 將其餘內容向左移動，並放大至全螢幕 |
||
巢狀共用元素 |
||
容器轉換和從 Lazy List 到 Details 的巢狀結構範例 |
||
複雜範例 - Jetsnack |
其他範例
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間：2025-08-27 (世界標準時間)。
[null,null,["上次更新時間：2025-08-27 (世界標準時間)。"],[],[],null,["| Sample | Demo | Link |\n|----------------------------------------------------------------------------------|------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Basic shared element with caller managed visibility: Two boxes moving around | | [SharedElementWithCallerManagedVisibility](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/CallerManagedVisibilityDemo.kt;l=47) |\n| Basic List to Detail Shifts remaining content to the left and grows to full size | | [ListToDetailsDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/ListToDetailsDemo.kt;l=62;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Nested shared element | | [NestedSharedElementDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/samples/src/main/java/androidx/compose/animation/samples/SharedTransitionSamples.kt;l=66;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Container Transform and a demo from Lazy List to Details with nesting | | [ContainerTransformDemo](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/animation/animation/integration-tests/animation-demos/src/main/java/androidx/compose/animation/demos/sharedelement/ContainerTransformDemo.kt;l=78;drc=c5f36c050e6ec86e8a504031b3cd7602a11f4d9e) |\n| Complex Example - Jetsnack | | [Jetsnack Sample](https://github.com/android/compose-samples/pull/1314) |"]]