diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 7ac5171..bb4ce33 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -27,13 +27,16 @@
         <activity
             android:name=".watcher.HomeActivity"
             android:exported="true"
-            android:screenOrientation="portrait">
+            android:screenOrientation="landscape">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity
+            android:name=".watcher.SettingActivity"
+            android:exported="false"/>
         <activity
             android:name=".MainActivity"
             android:exported="false"
diff --git a/app/src/main/java/com/yinuo/safetywatcher/watcher/HomeActivity.kt b/app/src/main/java/com/yinuo/safetywatcher/watcher/HomeActivity.kt
index 905a973..fafa0f0 100644
--- a/app/src/main/java/com/yinuo/safetywatcher/watcher/HomeActivity.kt
+++ b/app/src/main/java/com/yinuo/safetywatcher/watcher/HomeActivity.kt
@@ -1,6 +1,9 @@
 package com.yinuo.safetywatcher.watcher
 
+import android.content.Intent
+import android.os.Build
 import android.view.View
+import androidx.annotation.RequiresApi
 import com.yinuo.safetywatcher.databinding.ActivityHomeBinding
 import com.yinuo.safetywatcher.watcher.base.BaseActivity
 
@@ -13,4 +16,17 @@ class HomeActivity : BaseActivity() {
     override fun generateContentView(): View {
         return mBinding.root
     }
+
+    @RequiresApi(Build.VERSION_CODES.R)
+    override fun initView() {
+        mBinding.apply {
+            itemSetting.setOnClickListener {
+                startActivity(Intent(this@HomeActivity, SettingActivity::class.java))
+            }
+            itemQuery.setOnClickListener { }
+            itemWraning.setOnClickListener { }
+            itemRecovery.setOnClickListener { }
+            cameraSwitch.setOnCheckedChangeListener { buttonView, isChecked -> }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/yinuo/safetywatcher/watcher/SettingActivity.kt b/app/src/main/java/com/yinuo/safetywatcher/watcher/SettingActivity.kt
new file mode 100644
index 0000000..4f88228
--- /dev/null
+++ b/app/src/main/java/com/yinuo/safetywatcher/watcher/SettingActivity.kt
@@ -0,0 +1,19 @@
+package com.yinuo.safetywatcher.watcher
+
+import android.view.View
+import com.yinuo.safetywatcher.databinding.ActivitySettingBinding
+import com.yinuo.safetywatcher.watcher.base.BaseActivity
+
+class SettingActivity: BaseActivity() {
+
+    private val mBinding: ActivitySettingBinding by lazy {
+        ActivitySettingBinding.inflate(layoutInflater)
+    }
+
+    override fun generateContentView(): View {
+        return mBinding.root
+    }
+
+    override fun initView() {
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/yinuo/safetywatcher/watcher/base/BaseActivity.kt b/app/src/main/java/com/yinuo/safetywatcher/watcher/base/BaseActivity.kt
index b6d61ae..c98efb8 100644
--- a/app/src/main/java/com/yinuo/safetywatcher/watcher/base/BaseActivity.kt
+++ b/app/src/main/java/com/yinuo/safetywatcher/watcher/base/BaseActivity.kt
@@ -1,9 +1,8 @@
 package com.yinuo.safetywatcher.watcher.base
 
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
 import android.view.View
-import com.yinuo.safetywatcher.R
+import androidx.appcompat.app.AppCompatActivity
 import com.yinuo.safetywatcher.databinding.ActivityBaseBinding
 
 abstract class BaseActivity : AppCompatActivity() {
@@ -16,7 +15,9 @@ abstract class BaseActivity : AppCompatActivity() {
         super.onCreate(savedInstanceState)
         setContentView(baseBinding.root)
         baseBinding.container.addView(generateContentView())
+        initView()
     }
 
     open abstract fun generateContentView(): View
+    abstract fun initView()
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/yinuo/safetywatcher/watcher/view/CommonTopBar.kt b/app/src/main/java/com/yinuo/safetywatcher/watcher/view/CommonTopBar.kt
index 8abd3d2..d581b1c 100644
--- a/app/src/main/java/com/yinuo/safetywatcher/watcher/view/CommonTopBar.kt
+++ b/app/src/main/java/com/yinuo/safetywatcher/watcher/view/CommonTopBar.kt
@@ -1,8 +1,21 @@
 package com.yinuo.safetywatcher.watcher.view
 
 import android.content.Context
+import android.graphics.Color
+import android.util.AttributeSet
 import android.widget.LinearLayout
 
-class CommonTopBar(context: Context) : LinearLayout(context) {
+class CommonTopBar : LinearLayout {
+    constructor(context: Context?) : this(context, null)
+    constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
+    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    )
 
+    init {
+        //初始化方法
+        setBackgroundColor(Color.RED)
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_home.xml b/app/src/main/res/layout/activity_home.xml
index 24f3d6b..bd4cb7e 100644
--- a/app/src/main/res/layout/activity_home.xml
+++ b/app/src/main/res/layout/activity_home.xml
@@ -3,4 +3,130 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
+    <View
+        android:id="@+id/video_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <LinearLayout
+        android:id="@+id/setting_area"
+        android:layout_width="@dimen/_288dp"
+        android:layout_height="@dimen/_536dp"
+        android:layout_alignParentEnd="true"
+        android:layout_marginEnd="@dimen/_21dp"
+        android:layout_marginTop="@dimen/_185dp"
+        android:background="@color/_242f4d_30"
+        android:orientation="vertical"
+        android:paddingTop="@dimen/_68dp">
+
+        <LinearLayout
+            android:id="@+id/item_setting"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/_88dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="@dimen/_66dp">
+
+            <ImageView
+                android:layout_width="@dimen/_29dp"
+                android:layout_height="@dimen/_29dp"
+                android:src="@mipmap/ic_setting" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/_13dp"
+                android:text="@string/setting"
+                android:textColor="@color/white"
+                android:textSize="@dimen/_30dp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/item_query"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/_88dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="@dimen/_66dp">
+
+            <ImageView
+                android:layout_width="@dimen/_29dp"
+                android:layout_height="@dimen/_29dp"
+                android:src="@mipmap/ic_query" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/_13dp"
+                android:text="@string/query"
+                android:textColor="@color/white"
+                android:textSize="@dimen/_30dp" />
+        </LinearLayout>
+
+
+        <LinearLayout
+            android:id="@+id/item_wraning"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/_88dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="@dimen/_66dp">
+
+            <ImageView
+                android:layout_width="@dimen/_29dp"
+                android:layout_height="@dimen/_29dp"
+                android:src="@mipmap/ic_wraning" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/_13dp"
+                android:text="@string/wraning"
+                android:textColor="@color/white"
+                android:textSize="@dimen/_30dp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/item_recovery"
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/_88dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="@dimen/_66dp">
+
+            <ImageView
+                android:layout_width="@dimen/_29dp"
+                android:layout_height="@dimen/_29dp"
+                android:src="@mipmap/ic_recovery" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/_13dp"
+                android:text="@string/recovery"
+                android:textColor="@color/white"
+                android:textSize="@dimen/_30dp" />
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="@dimen/_88dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal"
+            android:paddingStart="@dimen/_66dp">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="@string/camera"
+                android:textColor="@color/white"
+                android:textSize="@dimen/_30dp" />
+
+            <androidx.appcompat.widget.SwitchCompat
+                android:id="@+id/camera_switch"
+                android:layout_width="wrap_content"
+                android:layout_height="@dimen/_34dp"
+                android:layout_marginStart="@dimen/_13dp" />
+        </LinearLayout>
+    </LinearLayout>
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_setting.xml b/app/src/main/res/layout/activity_setting.xml
new file mode 100644
index 0000000..b242cee
--- /dev/null
+++ b/app/src/main/res/layout/activity_setting.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    tools:ignore="MissingDefaultResource">
+
+    <LinearLayout
+        android:id="@+id/item_query"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/_88dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
+        android:paddingStart="@dimen/_66dp">
+
+        <ImageView
+            android:layout_width="@dimen/_29dp"
+            android:layout_height="@dimen/_29dp"
+            android:src="@mipmap/ic_query" />
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/_13dp"
+            android:text="@string/query"
+            android:textColor="@color/white"
+            android:textSize="@dimen/_30dp" />
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-hdpi/ic_query.png b/app/src/main/res/mipmap-hdpi/ic_query.png
new file mode 100644
index 0000000..e5317a9
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_query.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_recovery.png b/app/src/main/res/mipmap-hdpi/ic_recovery.png
new file mode 100644
index 0000000..f1e7dca
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_recovery.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_setting.png b/app/src/main/res/mipmap-hdpi/ic_setting.png
new file mode 100644
index 0000000..0c426eb
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_setting.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_wraning.png b/app/src/main/res/mipmap-hdpi/ic_wraning.png
new file mode 100644
index 0000000..76f27cc
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_wraning.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_query.png b/app/src/main/res/mipmap-mdpi/ic_query.png
new file mode 100644
index 0000000..8c6753e
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_query.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_recovery.png b/app/src/main/res/mipmap-mdpi/ic_recovery.png
new file mode 100644
index 0000000..c68610c
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_recovery.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_setting.png b/app/src/main/res/mipmap-mdpi/ic_setting.png
new file mode 100644
index 0000000..e6be287
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_setting.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_wraning.png b/app/src/main/res/mipmap-mdpi/ic_wraning.png
new file mode 100644
index 0000000..a07b84e
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_wraning.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_query.png b/app/src/main/res/mipmap-xhdpi/ic_query.png
new file mode 100644
index 0000000..0a6ce7c
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_query.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_recovery.png b/app/src/main/res/mipmap-xhdpi/ic_recovery.png
new file mode 100644
index 0000000..8b31f4f
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_recovery.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_setting.png b/app/src/main/res/mipmap-xhdpi/ic_setting.png
new file mode 100644
index 0000000..3d60d34
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_setting.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_wraning.png b/app/src/main/res/mipmap-xhdpi/ic_wraning.png
new file mode 100644
index 0000000..704d4ae
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_wraning.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_query.png b/app/src/main/res/mipmap-xxhdpi/ic_query.png
new file mode 100644
index 0000000..e91b196
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_query.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_recovery.png b/app/src/main/res/mipmap-xxhdpi/ic_recovery.png
new file mode 100644
index 0000000..14b96ef
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_recovery.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_setting.png b/app/src/main/res/mipmap-xxhdpi/ic_setting.png
new file mode 100644
index 0000000..1b29f36
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_setting.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_wraning.png b/app/src/main/res/mipmap-xxhdpi/ic_wraning.png
new file mode 100644
index 0000000..9440834
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_wraning.png differ
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index e779ff3..7fb04ba 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -7,4 +7,8 @@
     <color name="white">#ffffff</color>
     <color name="colorTheme">#1ED5CA</color>
     <color name="black_overlay">#66000000</color>
+
+
+    <color name="_242f4d">#242F4D</color>
+    <color name="_242f4d_30">#4C242F4D</color>
 </resources>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 2a6f1db..16cf2af 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -1,4 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <dimen name="_87dp">87dp</dimen>
+    <dimen name="_87dp">87px</dimen>
+    <dimen name="_288dp">288px</dimen>
+    <dimen name="_536dp">536px</dimen>
+    <dimen name="_21dp">21px</dimen>
+    <dimen name="_272dp">272px</dimen>
+    <dimen name="_88dp">88px</dimen>
+    <dimen name="_29dp">29px</dimen>
+    <dimen name="_68dp">68px</dimen>
+    <dimen name="_66dp">66px</dimen>
+    <dimen name="_30dp">30px</dimen>
+    <dimen name="_13dp">13px</dimen>
+    <dimen name="_34dp">34px</dimen>
+    <dimen name="_185dp">185px</dimen>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index b5af190..1b69d07 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,5 +1,10 @@
 <resources>
     <string name="app_name">My Application</string>
+    <string name="setting">设置</string>
+    <string name="query">数据查询</string>
+    <string name="wraning">报警记录</string>
+    <string name="recovery">报警重置</string>
+    <string name="camera">摄像头</string>
 
 
     <string-array name="excel_column">