得到

Jetpack-Compose-Playground/docs/foundation/shape.md

@@ -0,0 +1,103 @@
+<!---
+This is the API of version 1.2.0
+-->
+# Shape
+A Shape can be used to draw a Composable in specific shape.
+
+## RectangleShape
+
+<p align="center">
+  <img src ="{{ site.images }}/foundation/shape/rectangleshape.png"  />
+</p>
+
+A shape describing the rectangle.
+
+```kotlin
+@Composable
+fun RectangleShapeDemo(){
+    ExampleBox(shape = RectangleShape)
+}
+
+@Composable
+fun ExampleBox(shape: Shape){
+    Column(modifier = Modifier.fillMaxWidth().wrapContentSize(Alignment.Center)) {
+        Box(
+            modifier = Modifier.size(100.dp).clip(shape).background(Color.Red)
+        )
+    }
+}
+```
+
+## CircleShape
+
+<p align="center">
+  <img src ="{{ site.images }}/foundation/shape/circleshape.png"  />
+</p>
+
+Circular Shape with all the corners sized as the 50 percent of the shape size.
+
+```kotlin
+@Composable
+fun CircleShapeDemo(){
+    ExampleBox(shape = CircleShape)
+}
+
+@Composable
+fun ExampleBox(shape: Shape){
+    Column(modifier = Modifier.fillMaxWidth().wrapContentSize(Alignment.Center)) {
+        Box(
+            modifier = Modifier.size(100.dp).clip(shape).background(Color.Red)
+        )
+    }
+}
+```
+
+## RoundedCornerShape
+
+<p align="center">
+  <img src ="{{ site.images }}/foundation/shape/roundedcornershape.png"  />
+</p>
+
+A shape describing the rectangle with rounded corners.
+
+```kotlin
+@Composable
+fun RoundedCornerShapeDemo(){
+    ExampleBox(shape = RoundedCornerShape(10.dp))
+}
+
+@Composable
+fun ExampleBox(shape: Shape){
+    Column(modifier = Modifier.fillMaxWidth().wrapContentSize(Alignment.Center)) {
+        Box(
+            modifier = Modifier.size(100.dp).clip(shape).background(Color.Red)
+        )
+    }
+}
+```
+
+## CutCornerShape
+<p align="center">
+  <img src ="{{ site.images }}/foundation/shape/cutcornershape.png"  />
+</p>
+
+A shape describing the rectangle with cut corners.
+
+```kotlin
+@Composable
+fun CutCornerShapeDemo(){
+    ExampleBox(shape = CutCornerShape(10.dp))
+}
+
+@Composable
+fun ExampleBox(shape: Shape){
+    Column(modifier = Modifier.fillMaxWidth().wrapContentSize(Alignment.Center)) {
+        Box(
+            modifier = Modifier.size(100.dp).clip(shape).background(Color.Red)
+        )
+    }
+}
+```
+
+## How to draw a custom shape?
+[How to create a custom shape](../cookbook/how_to_create_custom_shape.md)