得到

2026-07-15 16:57:36 +08:00
parent 723ce1af5c
commit 95aa018b8b
314 changed files with 8910 additions and 0 deletions
@@ -0,0 +1,48 @@
+# Preview
+## Preview
+You can use the **@Preview** annotation to preview compose functions inside Android Studio.
+Preview can not be used on Composables that have parameters without a default parameter.
+
+```kotlin
+@Preview
+@Composable
+fun TextDemo(){
+    Text("Hello")
+}
+
+@Preview(name = "MyPreviewName")
+@Composable
+fun TextDemo2(){
+    Text("Hello")
+}
+
+```
+Android Studio Preview
+<p align="center">
+  <img src ="../../../images/general/preview/ComposePreview.png"  height=100 width=300 />
+</p>
+
+
+## Group Previews
+
+```kotlin
+ @Preview(group = "TestGroup1")
+```
+The Preview annotation has a group parameter. You can use it to set a group name to your previews.
+<p align="center">
+  <img src ="../../../images/general/preview/grouppreviews.png"   />
+</p>
+
+The layout preview will now have an option to filter all the previews by the group name.
+
+## Interactive Previews
+<p align="center">
+  <img src ="../../../images/general/preview/interactivepreview.png"   />
+</p>
+
+Above a generated preview in Android Studio you will find an "Interactive" Button. It will open your Composable in an interactive preview mode where can try your Composable directly inside
+Android Studio.
+
+
+## See also:
+* [Official Docs](https://developer.android.com/jetpack/compose/tooling#preview-features)