diff --git a/main/res/layout/activity_teach.xml b/main/res/layout/activity_teach.xml
new file mode 100644
index 0000000..d744663
--- /dev/null
+++ b/main/res/layout/activity_teach.xml
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+	android:background="@drawable/r10"
+	tools:context=".chuangguan.Teach">
+
+	<TextView
+		android:id="@+id/textView"
+		android:layout_width="match_parent"
+		android:layout_height="wrap_content"
+		android:text="	点击音符播放"
+		android:textSize="22dp"
+		/>
+
+	<LinearLayout
+		android:layout_width="match_parent"
+		android:layout_height="250dp"
+
+		android:orientation="horizontal">
+
+		<ImageView
+			android:layout_width="match_parent"
+			android:layout_height="200dp"
+			android:layout_gravity="bottom"
+			android:background="@drawable/star"></ImageView>
+
+
+	</LinearLayout>
+
+	<LinearLayout
+
+		android:layout_marginLeft="15dp"
+        android:layout_width="match_parent"
+        android:layout_height="100dp">
+
+        <Button
+            android:id="@+id/button1"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button1"
+            android:onClick="myClick"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:ignore="MissingConstraints" />
+
+        <Button
+            android:id="@+id/button2"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button2"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+        <Button
+            android:id="@+id/button3"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button3"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button2"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+        <Button
+            android:id="@+id/button4"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button4"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button3"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+        <Button
+            android:id="@+id/button5"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button5"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button4"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+        <Button
+            android:id="@+id/button6"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button6"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button5"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+        <Button
+            android:id="@+id/button7"
+           android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button7"
+            android:onClick="myClick"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/button6"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="122dp" />
+
+    </LinearLayout>
+
+    <LinearLayout
+		android:layout_marginLeft="15dp"
+        android:layout_width="match_parent"
+        android:layout_height="100dp">
+
+        <Button
+            android:id="@+id/button8"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button8"
+            android:onClick="myClick"
+            app:layout_constraintStart_toStartOf="parent"
+             />
+
+        <Button
+            android:id="@+id/button9"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button9"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button8"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="200dp" />
+
+        <Button
+            android:id="@+id/button10"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button10"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button9"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="200dp" />
+
+        <Button
+            android:id="@+id/button11"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button11"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button10"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="200dp" />
+
+        <Button
+            android:id="@+id/button12"
+			android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button12"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button11"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="200dp" />
+
+        <Button
+            android:id="@+id/button13"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button13"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button12"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="200dp" />
+
+        <Button
+            android:id="@+id/button14"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button14"
+            android:onClick="myClick"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/button13"
+            app:layout_constraintTop_toBottomOf="parent"
+            tools:ignore="MissingConstraints" />
+
+    </LinearLayout>
+
+    <LinearLayout
+		android:layout_marginLeft="15dp"
+        android:layout_width="match_parent"
+        android:layout_height="100dp">
+
+        <Button
+            android:id="@+id/button15"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button15"
+            android:onClick="myClick"
+            app:layout_constraintStart_toStartOf="parent"
+            tools:ignore="MissingConstraints" />
+
+        <Button
+            android:id="@+id/button16"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button16"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button15"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="278dp" />
+
+        <Button
+            android:id="@+id/button17"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button17"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button16"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="278dp" />
+
+        <Button
+            android:id="@+id/button18"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button18"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button17"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="278dp" />
+
+        <Button
+            android:id="@+id/button19"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button19"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button18"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="278dp" />
+
+        <Button
+            android:id="@+id/button20"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button20"
+            android:onClick="myClick"
+            app:layout_constraintStart_toEndOf="@+id/button19"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="278dp" />
+
+        <Button
+            android:id="@+id/button21"
+            android:layout_width="55dp"
+            android:layout_height="70dp"
+			android:background="@drawable/button21"
+            android:onClick="myClick"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/button20"
+            tools:ignore="MissingConstraints"
+            tools:layout_editor_absoluteY="276dp" />
+
+    </LinearLayout>
+
+</LinearLayout>
\ No newline at end of file