From f96af99efdc2ea605621bb2eb88fcaf2c314923b Mon Sep 17 00:00:00 2001
From: manxyr <2122053938@qq.com>
Date: Mon, 27 May 2024 11:21:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A6=96=E9=A1=B5Fragment?=
 =?UTF-8?q?=E5=8F=8A=E9=A6=96=E9=A1=B5=E5=B5=8C=E5=A5=97=E5=A4=9A=E4=B8=AA?=
 =?UTF-8?q?Fragment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hnucm/c202201020207/HomePageFragment.java |  15 ++
 .../c202201020207/PatientReplyFragment.java   |  64 ++++++
 .../PopularScienceArticleFragment.java        |  64 ++++++
 .../PopularSciencePopularizationFragment.java |  21 ++
 .../PopularScienceVideoFragment.java          |  64 ++++++
 .../main/res/layout/fragment_home_page.xml    | 206 ++++++++++++++++++
 .../res/layout/fragment_patient_reply.xml     |  14 ++
 .../fragment_popular_science_article.xml      |  14 ++
 ...ragment_popular_science_popularization.xml |  14 ++
 .../layout/fragment_popular_science_video.xml |  14 ++
 .../app/src/main/res/values/colors.xml        |   1 +
 11 files changed, 491 insertions(+)
 create mode 100644 Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PatientReplyFragment.java
 create mode 100644 Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceArticleFragment.java
 create mode 100644 Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularSciencePopularizationFragment.java
 create mode 100644 Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceVideoFragment.java
 create mode 100644 Diabetes_Health_Management/app/src/main/res/layout/fragment_patient_reply.xml
 create mode 100644 Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_article.xml
 create mode 100644 Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_popularization.xml
 create mode 100644 Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_video.xml

diff --git a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/HomePageFragment.java b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/HomePageFragment.java
index 02ccd20..9b7b1a5 100644
--- a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/HomePageFragment.java
+++ b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/HomePageFragment.java
@@ -8,17 +8,32 @@ import androidx.fragment.app.Fragment;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
+import android.widget.TextView;
 
 public class HomePageFragment extends Fragment {
+    PopularSciencePopularizationFragment popularSciencePopularizationFragment=new PopularSciencePopularizationFragment();
+    PopularScienceArticleFragment popularScienceArticleFragment=new PopularScienceArticleFragment();
+    PopularScienceVideoFragment popularScienceVideoFragment=new PopularScienceVideoFragment();
+    PatientReplyFragment patientReplyFragment=new PatientReplyFragment();
 
 
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
                              Bundle savedInstanceState) {
         View view=inflater.inflate(R.layout.fragment_home_page, container, false);
+        TextView textView1=view.findViewById(R.id.textView6);
+        TextView textView2=view.findViewById(R.id.textView11);
+        TextView textView3=view.findViewById(R.id.textView12);
+        TextView textView4=view.findViewById(R.id.textView13);
 
         SearchView searchView=view.findViewById(R.id.searchView);
         searchView.setQueryHint("搜索关键词");
+
+        getChildFragmentManager().beginTransaction().
+                add(R.id.ReplaceLayout,popularSciencePopularizationFragment).commit();
+        
+
+
         return view;
     }
 }
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PatientReplyFragment.java b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PatientReplyFragment.java
new file mode 100644
index 0000000..fc7f079
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PatientReplyFragment.java
@@ -0,0 +1,64 @@
+package com.hnucm.c202201020207;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link PatientReplyFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class PatientReplyFragment extends Fragment {
+
+    // TODO: Rename parameter arguments, choose names that match
+    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
+    private static final String ARG_PARAM1 = "param1";
+    private static final String ARG_PARAM2 = "param2";
+
+    // TODO: Rename and change types of parameters
+    private String mParam1;
+    private String mParam2;
+
+    public PatientReplyFragment() {
+        // Required empty public constructor
+    }
+
+    /**
+     * Use this factory method to create a new instance of
+     * this fragment using the provided parameters.
+     *
+     * @param param1 Parameter 1.
+     * @param param2 Parameter 2.
+     * @return A new instance of fragment PatientReplyFragment.
+     */
+    // TODO: Rename and change types and number of parameters
+    public static PatientReplyFragment newInstance(String param1, String param2) {
+        PatientReplyFragment fragment = new PatientReplyFragment();
+        Bundle args = new Bundle();
+        args.putString(ARG_PARAM1, param1);
+        args.putString(ARG_PARAM2, param2);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if (getArguments() != null) {
+            mParam1 = getArguments().getString(ARG_PARAM1);
+            mParam2 = getArguments().getString(ARG_PARAM2);
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_patient_reply, container, false);
+    }
+}
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceArticleFragment.java b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceArticleFragment.java
new file mode 100644
index 0000000..6218b8f
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceArticleFragment.java
@@ -0,0 +1,64 @@
+package com.hnucm.c202201020207;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link PopularScienceArticleFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class PopularScienceArticleFragment extends Fragment {
+
+    // TODO: Rename parameter arguments, choose names that match
+    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
+    private static final String ARG_PARAM1 = "param1";
+    private static final String ARG_PARAM2 = "param2";
+
+    // TODO: Rename and change types of parameters
+    private String mParam1;
+    private String mParam2;
+
+    public PopularScienceArticleFragment() {
+        // Required empty public constructor
+    }
+
+    /**
+     * Use this factory method to create a new instance of
+     * this fragment using the provided parameters.
+     *
+     * @param param1 Parameter 1.
+     * @param param2 Parameter 2.
+     * @return A new instance of fragment PopularScienceArticleFragment.
+     */
+    // TODO: Rename and change types and number of parameters
+    public static PopularScienceArticleFragment newInstance(String param1, String param2) {
+        PopularScienceArticleFragment fragment = new PopularScienceArticleFragment();
+        Bundle args = new Bundle();
+        args.putString(ARG_PARAM1, param1);
+        args.putString(ARG_PARAM2, param2);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if (getArguments() != null) {
+            mParam1 = getArguments().getString(ARG_PARAM1);
+            mParam2 = getArguments().getString(ARG_PARAM2);
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_popular_science_article, container, false);
+    }
+}
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularSciencePopularizationFragment.java b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularSciencePopularizationFragment.java
new file mode 100644
index 0000000..ce85095
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularSciencePopularizationFragment.java
@@ -0,0 +1,21 @@
+package com.hnucm.c202201020207;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+
+public class PopularSciencePopularizationFragment extends Fragment {
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        View view=inflater.inflate(R.layout.fragment_popular_science_popularization, container, false);
+
+        return view;
+    }
+}
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceVideoFragment.java b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceVideoFragment.java
new file mode 100644
index 0000000..c5f3926
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/java/com/hnucm/c202201020207/PopularScienceVideoFragment.java
@@ -0,0 +1,64 @@
+package com.hnucm.c202201020207;
+
+import android.os.Bundle;
+
+import androidx.fragment.app.Fragment;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link PopularScienceVideoFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+public class PopularScienceVideoFragment extends Fragment {
+
+    // TODO: Rename parameter arguments, choose names that match
+    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
+    private static final String ARG_PARAM1 = "param1";
+    private static final String ARG_PARAM2 = "param2";
+
+    // TODO: Rename and change types of parameters
+    private String mParam1;
+    private String mParam2;
+
+    public PopularScienceVideoFragment() {
+        // Required empty public constructor
+    }
+
+    /**
+     * Use this factory method to create a new instance of
+     * this fragment using the provided parameters.
+     *
+     * @param param1 Parameter 1.
+     * @param param2 Parameter 2.
+     * @return A new instance of fragment PopularScienceVideoFragment.
+     */
+    // TODO: Rename and change types and number of parameters
+    public static PopularScienceVideoFragment newInstance(String param1, String param2) {
+        PopularScienceVideoFragment fragment = new PopularScienceVideoFragment();
+        Bundle args = new Bundle();
+        args.putString(ARG_PARAM1, param1);
+        args.putString(ARG_PARAM2, param2);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if (getArguments() != null) {
+            mParam1 = getArguments().getString(ARG_PARAM1);
+            mParam2 = getArguments().getString(ARG_PARAM2);
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.fragment_popular_science_video, container, false);
+    }
+}
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/layout/fragment_home_page.xml b/Diabetes_Health_Management/app/src/main/res/layout/fragment_home_page.xml
index 4b1b497..5107449 100644
--- a/Diabetes_Health_Management/app/src/main/res/layout/fragment_home_page.xml
+++ b/Diabetes_Health_Management/app/src/main/res/layout/fragment_home_page.xml
@@ -7,8 +7,10 @@
     tools:context=".HomePageFragment">
 
     <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/constraintLayout2"
         android:layout_width="match_parent"
         android:layout_height="80dp"
+        android:background="@color/lightgreen"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent">
@@ -25,4 +27,208 @@
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
     </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/constraintLayout3"
+        android:layout_width="match_parent"
+        android:layout_height="100dp"
+        tools:layout_editor_absoluteX="1dp"
+        tools:layout_editor_absoluteY="81dp">
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/constraintLayout13"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintEnd_toStartOf="@+id/constraintLayout12"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toStartOf="parent"
+            tools:layout_editor_absoluteY="1dp">
+
+            <ImageView
+                android:id="@+id/imageView"
+                android:layout_width="50dp"
+                android:layout_height="50dp"
+                android:layout_marginTop="10dp"
+                android:src="@drawable/complication"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/textView7"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:text="并发症科普"
+                android:textSize="14sp"
+                app:layout_constraintEnd_toEndOf="@+id/imageView"
+                app:layout_constraintStart_toStartOf="@+id/imageView"
+                app:layout_constraintTop_toBottomOf="@+id/imageView" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/constraintLayout12"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintEnd_toStartOf="@+id/constraintLayout14"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/constraintLayout13"
+            tools:layout_editor_absoluteY="1dp">
+
+            <ImageView
+                android:id="@+id/imageView7"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginTop="6dp"
+                android:src="@drawable/knowledge_tell"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/textView8"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="6dp"
+                android:layout_marginTop="2dp"
+                android:text="健康知识宣讲"
+                android:textSize="14sp"
+                app:layout_constraintEnd_toEndOf="@+id/imageView7"
+                app:layout_constraintStart_toStartOf="@+id/imageView7"
+                app:layout_constraintTop_toBottomOf="@+id/imageView7" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/constraintLayout14"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintEnd_toStartOf="@+id/constraintLayout15"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/constraintLayout12"
+            tools:layout_editor_absoluteY="1dp">
+
+            <ImageView
+                android:id="@+id/imageView8"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginTop="6dp"
+                android:src="@drawable/knowledge_answer"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/textView9"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="1dp"
+                android:text="知识竞答"
+                android:textSize="14sp"
+                app:layout_constraintEnd_toEndOf="@+id/imageView8"
+                app:layout_constraintStart_toStartOf="@+id/imageView8"
+                app:layout_constraintTop_toBottomOf="@+id/imageView8" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/constraintLayout15"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/constraintLayout14"
+            tools:layout_editor_absoluteY="0dp">
+
+            <ImageView
+                android:id="@+id/imageView9"
+                android:layout_width="60dp"
+                android:layout_height="60dp"
+                android:layout_marginTop="8dp"
+                android:src="@drawable/expert_lectures"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <TextView
+                android:id="@+id/textView10"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="专家讲座"
+                android:textSize="14sp"
+                app:layout_constraintEnd_toEndOf="@+id/imageView9"
+                app:layout_constraintStart_toStartOf="@+id/imageView9"
+                app:layout_constraintTop_toBottomOf="@+id/imageView9" />
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/constraintLayout4"
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:layout_marginTop="8dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/constraintLayout3">
+
+        <TextView
+            android:id="@+id/textView6"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="热门科普"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/textView11"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.5" />
+
+        <TextView
+            android:id="@+id/textView11"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="科普文章"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/textView12"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/textView6"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.5" />
+
+        <TextView
+            android:id="@+id/textView12"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="科普小视频"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/textView13"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/textView11"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.5" />
+
+        <TextView
+            android:id="@+id/textView13"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="患友回答"
+            android:textSize="16sp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.5"
+            app:layout_constraintStart_toEndOf="@+id/textView12"
+            app:layout_constraintTop_toTopOf="parent"
+            app:layout_constraintVertical_bias="0.5" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/constraintLayout4">
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/layout/fragment_patient_reply.xml b/Diabetes_Health_Management/app/src/main/res/layout/fragment_patient_reply.xml
new file mode 100644
index 0000000..4d92644
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/res/layout/fragment_patient_reply.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout 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"
+    tools:context=".PatientReplyFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_article.xml b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_article.xml
new file mode 100644
index 0000000..54adcab
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_article.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout 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"
+    tools:context=".PopularScienceArticleFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_popularization.xml b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_popularization.xml
new file mode 100644
index 0000000..c67a28f
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_popularization.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout 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"
+    tools:context=".PopularSciencePopularizationFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_video.xml b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_video.xml
new file mode 100644
index 0000000..fad71cc
--- /dev/null
+++ b/Diabetes_Health_Management/app/src/main/res/layout/fragment_popular_science_video.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout 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"
+    tools:context=".PopularScienceVideoFragment">
+
+    <!-- TODO: Update blank fragment layout -->
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="@string/hello_blank_fragment" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/Diabetes_Health_Management/app/src/main/res/values/colors.xml b/Diabetes_Health_Management/app/src/main/res/values/colors.xml
index 773ddf7..e894f91 100644
--- a/Diabetes_Health_Management/app/src/main/res/values/colors.xml
+++ b/Diabetes_Health_Management/app/src/main/res/values/colors.xml
@@ -3,4 +3,5 @@
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
     <color name="green">#1AD1B3</color>
+    <color name="lightgreen">#EAFFFB</color>
 </resources>
\ No newline at end of file